목록vue (4)
개발자 9Diin의 개발일기
https://youtu.be/XwMBu6yrlUo 📌 Reusability & Composition 이번 포스팅은 'Vue.js 프로젝트 투입 일주일 전' 도서를 참고했습니다. ✅ Composition API 컴포지션 API는 컴포넌트 내에서 사용하는 특정 기능을 갖는 코드를 유연하게 구성하여 사용할 수 있도록 Vue3 버전에 추가된 함수 기반의 API이다. 컴포넌트 API가 생긴 이유는 Vue는 프로젝트 규모가 커질수록 관리하기 힘들다. 는 단점이 있어서 컴포넌트의 계층구조가 복잡할수록 코드에 대한 추적 및 관리가 어려웠다고 한다. 그래서 생겼다고 한다. 그래서 컴포지션 API를 이용하면, setup( )이라는 메서드 안에서 한 덩어리로 코드를 구현할 수 있기에 코드에 대한 관리가 훨씬 쉬워진다고 한..
🚥 들어가기 전에 살펴보면 좋은 것 Vue.js란 무엇인가? https://sungjaecloud.tistory.com/290 Vue.js란 무엇인가? 상기 자료는 Vue.js가 무엇인지 필자의 소견대로 정리 작성한 내용입니다. 많이 부족하고, 다소 잘못된 부분이 있을 수 있기에 아래 자료를 보시는 분들께선 너그러이 이해해주시면 감사하겠습니 sungjaecloud.tistory.com Vue.js 라이프사이클 훅은 무엇일까? https://sungjaecloud.tistory.com/335 Vue.js 라이프사이클 훅이란 무엇일까? Vue.js라는 매력적인 자바스크립트 프레임워크를 가지고 처음 개발을 할 때, (필자 기준) 가장 어려웠던 점은 이번 포스팅에서 다룰 '라이프사이클 훅'이었다. Vue.js라..
Vue.js라는 매력적인 자바스크립트 프레임워크를 가지고 처음 개발을 할 때, (필자 기준) 가장 어려웠던 점은 이번 포스팅에서 다룰 '라이프사이클 훅'이었다. Vue.js라는 언어를 가지고 공부를 한 지 어느덧 9개월이란 시간이 지났는데 가장 기본이 되는 공식문서 내용조차 온전히 내 것으로 만들지 못해 반성하는 의미에서 그리고 나와 같이 고민하는 사람들을 위해 정리해보고자 한다. 공식문서를 살펴보면 라이프사이클 훅이란, 각 컴포넌트는 생성될 때 일련의 초기화 단계를 거칩니다. 예를 들어 데이터 관찰, 템플릿 컴파일, 인스턴스 DOM에 마운트, 데이터 변경 시 DOM을 업데이트해야 합니다. 그 과정에서 라이프사이클 훅이라 불리는 함수도 실행하며, 사용자가 특정 단계에서 자신의 코드를 추가할 수 있는 기회..
https://www.youtube.com/watch?v=cSH97mtk7MU Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework라고 부른다. 여기서 사용자 인터페이스는 User Interface 즉, UI Framework라고 이해하는 편이 나을 것 같다. 내가 글을 쓰고 있는 현시점 프런트엔드 개발 자바스크립트 라이브러리 및 프레임워크 3 대장이라 불리는 Angluar, React, Vue 이 3개 언어 중 Vue.js를 선택한 이유는 단연 러닝 커브(Learning curve)가 낮기 때문이다. 당장 국비지원 학원을 수료하고 취업 전선에 뛰어들어야 했던 나였기에 시장에서 가장 많이 요구되는 React가 아닌 Vue를 선택한 이유도 지금 당장 내가 이해하고 받아들일 수..