profile
잘 할 수 있는 개발자가 되기 위하여

5월 4주차 Vue - Vuex, Vue Router, SPA, 단위 테스트

※그림 출처: Fast campus - 한 번에 끝내는 프론트엔드 개발 초격차 패키지 Online. / 박영웅 강사님 강의App.vue를 기준으로 여러 컴포넌트를 활용하는데 부모 형제가 아닌 특정한 관계가 여러가지 컴포넌트에서 같은 데이터를 활용할 때 Store라는 개

2022년 5월 25일
·
0개의 댓글
·

31일차 - Vue: Component, Composition API

1. Component 컴포넌트란 Vue의 가장 강력한 기능중 하나이며 기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화 하는데 도움이 된다. 1-1. Props 컴포넌트가 실행될 때 속성처럼 받아내는 내용들을 받아줄 수 있는 옵션이다. 해당 컴포넌트에

2022년 5월 11일
·
0개의 댓글
·

30일차 - Vue: Rendering, Event Handling, Form Input Bindings

v-if디렉티브는 조건에 따라 블록을 렌더링 할 때 사용한다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링 된다.v-if는 전환 비용이 높으며 런타임 시 조건이 변경되지 않는다면 사용하는 것이 좋다.v-else와 함께 “else 블록”을 추가하는 것도

2022년 5월 9일
·
0개의 댓글
·

29일차 - Vue: Computed, Watch, Class & StyleBinding

계산된 데이터, 계산된 데이터는 데이터 옵션에 정의한 특정한 데이터를 추가적으로 연산을 통해 정의를 한 다음 그 값은 반환해서 사용할 수 있는 새로운 계산된 데이터이다.캐싱기능이 존재하며 한 번 연산해둔 값이 있다면 재 연산 하지 않는다.getter, setter(값을

2022년 5월 8일
·
0개의 댓글
·

28일차 - Vue: 템플릿 문법

Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다.모든 Vue 어플리케이션은 createApp함수를 사용하여 새로운 어플리케이션 인스턴스를 생성하여 시작한다.인스턴스가 생성되면, mount메소드에 컨테이너를 전달하여 mount 할 수 있다.어플리케이션

2022년 5월 6일
·
0개의 댓글
·