목록Vue3 (8)

프론트엔드 개발자의 기록 공간

[Vue3] Vue(2)

❗❗ 데브코스 42일차 (09.28) Vue2일차가 시작 되었다. 공식문서 기준으로 이론을 설명하고, 실습을 진행하다보니 시간이 다소 많이 소요되었다. 문법은 다루지 않을 예정이여서 Vue만의 독특한 방식 몇 개를 소개를 하겠다. ✅ HTML 클래스 바인딩 Vue는 HTML 태그내에서 여러가지 문법을 사용할 수 있다. if, for 등등 또한 변수 및 객체를 전달하여 클래스를 동적으로 전환할 수 있다. //예시코드 //결과값 v-bind:class 또는 줄여서 :class의 문법 형태로 사용할 수 있다. //배열 구문 data() { return { activeClass: 'active', errorClass: 'text-danger' } } //결과값 ✅이벤트 핸들링 Vue에서 이벤트 핸들링은 "v-o..
프로그래머스 데브코스_FE/TIL 2021. 10. 12. 01:12
[Vue3] Vue(1)

❗❗ 데브코스 41일차 (09.27) 드디어 JS 프레임워크, 라이브러리 3대장을 배우기 시작했다. 우선 상대적으로 러닝커브와 진입장벽이 쉬운 Vue를 2주간 학습할 예정이다. 그 후 React를 학습하고 두 가지 중 하나를 선택해 프로젝트를 수행하게 된다. (Angular는 다루지 않는다.) (문법은 포스팅하지 않을 예정입니다.) ✅ HTML로 Vue 이용하기 npm으로 각종 라이브러리를 설치해서 Vue 프레임워크를 다루기 전에 HTML 파일에서 실습해보자. 1. head에 CDN 주소를 입력해주면 된다. 2. Vue객체를 이용하기 위해서는 Vue.createApp("여러가지 옵션").mount("Vue.JS와 연결한 html요소를 선택자로 넣어줌") HTML에서 사용하는 Vue의 구조는 위와 같은 방..
프로그래머스 데브코스_FE/TIL 2021. 10. 11. 03:06
Prev 1 2 Next