![]()
안녕하세요 ㅎㅎ 오늘은 조금 색다른 주제로 Vue 에서 테스트하는 방법에 대해 소개를 해드릴까 합니다. 최근에 Admin 프론트 관련한 개발을 진행하다 보니, Front End 도 어떻게 하면 효과적으로 테스트해볼 수 있을까? 하는 백엔드 엔지니어 입장에서 작성해보았어요. 그래서 Front 개발자가 아니다 보니까 부족한점은 많을텐데요 ㅎㅎ.. 참고하시면서 봐주세요 :) Jest Jest 는 Javascript 진영에서 테스트 framework 입니다. Jest 에서 지원해주는 특징 중의 하나가 바로 Scope 를 지정할 수 있다는 것인데요 대표적으로 describe 메서드입니다. describe("A Component", () => { it("단위 테스트에요", () => { expect(true).to..
![]()
안녕하세요. ㅎㅎ 오늘은 Vue 에 대해서 정리하는 시간을 가져볼까 하는데요. 아무래도 백엔드 개발자가 정리하는 글이다 보니 미숙한 점이 많을 수도 있습니다 ^^; 자 그러면 기본적인 것부터 시작해보겠습니다. 물론 세세한 문법을 다 정리하기에는 너무 양이 많아서 디테일한 것은 생략할 예정입니다 Vue3 Vue 라는 것은 아주 간단한 구조로 이루어져 있는 front framework 입니다. 기본적으로 에디팅 하는 방식이 html 기반으로 이루어지다보니 저같은 모자란 백엔드 개발자도 쉽게 개발할 수 있죠 Vue file 하나에 대한 전체적인 구조는 Template Script Style 구조로 이루어져 있습니다. Template 은 html 처럼 사용자에게 노출되는 화면에 대한 역할 Script 은 jav..
