목록vue3 (4)
개발자 9Diin의 개발일기
Vue.js라는 언어를 가지고 웹 개발을 하는 사람들에게 Vuex는 반드시 사용되어야 할 편리한 도구이다. 최근 Pinia라는 Vue.js의 공식 상태 관리 라이브러리가 새롭게 개발되어 이제 아니 앞으로 Vuex 사용이 점차적으로 줄어들 테지만, 우리는 그래도 Pinia로 넘어가기 전에 Vuex를 반드시 알 필요가 있다. Pinia와 기능이 크게 다르지 않기 때문에. 그래서 공식문서와 내가 따로 유튜브 영상으로 만들어 놓은 자료가 있으니 한 번 참고해주길 바란다. https://www.youtube.com/watch?v=A3vmGPdXlyA https://vuex.vuejs.org/#what-is-a-state-management-pattern What is Vuex? | Vuex What is Vuex..
'Vue.js의 가장 큰 장점이라고 할 수 있는 것이 무엇일까'라는 질문을 넌지시 던져보았을 때, 바로 떠오른 것은 바로 v-model 양방향 데이터 바인딩 디렉티브였다. 바로 어제 Vue.js + Chart.js를 활용하여 API Data를 조회하고 가공하여 화면단에 보여주는 작업을 마쳤다. 하지만 디자이너의 요청으로 버튼 클릭이벤트에서 input radio로 다시 말해 Button에서 Radio로 변경함에 따라 $emit을 통한 클릭 이벤트 전달이 아닌 input data를 넘겨줘야 하는 변경사항(?) 이슈(?)가 생겼다. 팀원분들께서는 v-model을 사용해서 해보라 그랬으며 그래서 몇 시간 동안 고민해보았으나, 이미 레퍼런스 코드가 있음에도 불구하고 이해가 되지 않아 리드 개발자분께 자문을 구했다..
상기 자료는 Vue.js가 무엇인지 필자의 소견대로 정리 작성한 내용입니다. 많이 부족하고, 다소 잘못된 부분이 있을 수 있기에 아래 자료를 보시는 분들께선 너그러이 이해해주시면 감사하겠습니다. 자료가 필요하신 분들께선 댓글과 이메일을 남겨주세요. Vue.js란 무엇인가? Vue는 사용자 인터페이스(UI)를 만들기 위한 프로그레시브 프레임워크이다. 다른 단일형 프레임워크와 달리 Vue.js는 점진적으로 채택할 수 있도록 설계되었다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다. 그리고 Vue.js는 현대적 도구 및 지원하는 라이브러리와 함께 사용된다면 정교한 단일 페이지 응용프로그램(SPA)을 완벽하게 지원할 수 있다. 01. SFC(Single Fi..
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를 선택한 이유도 지금 당장 내가 이해하고 받아들일 수..