프레임워크
-
[Vue.js] Computed 속성Development/Vue.js 2021. 10. 1. 23:45
Vue.js의 공식 문서를 참고하여 정리합니다. https://v3.vuejs-korea.org/guide/computed.html#computed-%E1%84%89%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A5%E1%86%BC Computed 속성과 Watch | Vue.js Computed 속성과 Watch Computed 속성 템플릿 내에 표현식을 넣으면 편리하지만, 간단한 연산을 위한 부분입니다. 템플릿 안에서 너무 많은 연산을 하면 코드가 비대해지고 유지보수가 어렵습니다. 중 v3.vuejs-korea.org Computed 계산된 데이터를 말합니다. template에 바로 넣기보다는 computed 속성을 활용하여 계산된 데이터들을 넣어서 사용해주면 유지보수가 쉽습니다. 먼저..
-
[Vue.js] 조건문과 반복문Development/Vue.js 2021. 9. 26. 19:12
공식 가이드 문서를 참고하여 조건문과 반복문에 대해 정리합니다. https://kr.vuejs.org/v2/guide/index.html#%EC%A1%B0%EA%B1%B4%EB%AC%B8%EA%B3%BC-%EB%B0%98%EB%B3%B5%EB%AC%B8 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org APP.vue는 SFC(Single File Component)로 아래와 같이 세가지의 태그로 구성할 수 있습니다. template script style 조건문 h2의 0을 클릭해서 0보다 커지면 '0보다 큽니다' 라는 문구가 출력되도록 조건문을 실행해보겠습니다. v-if로 조건문을 사용합니다. App.vue 파일 내용 {{ count }} 0보다 큽니다..
-
[Vue.js] 시작하기Development/Vue.js 2021. 9. 23. 09:33
공식 가이드 문서 https://v3.vuejs-korea.org/guide/introduction.html 시작하기 | Vue.js 시작하기 NOTE 이미 Vue 2를 알고 있고 Vue 3의 새로운 점을 배우고 싶으신가요? Migration Guide를 확인하세요! Vue.js가 무엇인가요? Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 v3.vuejs-korea.org 공식 가이드 문서를 참고하여 정리해보도록 하겠습니다. 1. 설치 방법 https://v3.vuejs-korea.org/guide/installation.html 설치방법 | Vue.js 설치방법 Vue.js는 점진적으로 적용할 수 있도록 설계되었습니다. 이는 요구사항에 따라 여러 방법으로 프로젝트에..