Vue ·
[Vue3] Vue2 vs Vue3 개인적인 견해
최근 Vue3 를 학습하면서 실무 프로젝트 고도화를 위해 설계 및 초기 프로젝트 구성을 진행하고 있다. 기존 Vue2 를 사용하면서 Options API 구현 방식을 주로 사용해왔다. 기존에도 외부 라이브러리 형태로 Composition API를 Vue2에서도 사용할 수 있었지만, 보통은 그냥 Options API를 사용하였다.
hippo/devloghippo/devlogVue ·
최근 Vue3 를 학습하면서 실무 프로젝트 고도화를 위해 설계 및 초기 프로젝트 구성을 진행하고 있다. 기존 Vue2 를 사용하면서 Options API 구현 방식을 주로 사용해왔다. 기존에도 외부 라이브러리 형태로 Composition API를 Vue2에서도 사용할 수 있었지만, 보통은 그냥 Options API를 사용하였다.
Vue ·
회사에서는 현재 Javascript 를 사용하고 있다. 가장 최근에 진행한 프로젝트에서 Javascript 를 사용해서 구축했고 현재까지 운영을 해오다가 이제 차세대 프로젝트를 진행하면서 Typescript 로 신규 개발은 진행하기로 하였다.
Vue ·
이번 프로젝트에서 프론트엔드 파트에서 선투입된 인원끼리 프레임워크 설계 및 공통 파트를 맡게되었다. 현재 시점 대부분의 업무가 완료된 후 돌아보며, 내가 배운 것들을 다시한번 돌아보고 확인하는 글이 되었으면 좋겠다.
Vue ·
Vue3 를 개발하면서 기존 Vue2 에서의 Life Cycle 과 달라진점 및 Composition API 에 적용 시 개념을 정리한다.
Vue ·
Vue 에서 제공하는 filter 의 기능은 Vue2 에서는 유용하게 쓰이고 있다. 실제 실무에서도 사용하는 편이나, Vue3 로 버전업이 되면서 Composition API 를 사용하기 위해서 computed 로 대체해서 사용하길 공식문서에서 권장하고 있다.
Vue ·
Error 를 처리하는데 필요한 내용을 간단히 포스팅해본다. 보통 Async / Await 비동기 구조로 개발을 진행하게 되면 중요하게 에러처리이다.
Vue ·
Vue2 의 GlobalProperty 를 대신하여 부모 자식 컴포넌트간 데이터 전달을 위한 Provide / Inject 를 간단하게 정리한다.
Vue ·
Slot 을 사용하는데 있어서 데이터 접근 범위와 이를 활용하는 Scoped Slot 에 대해 이전 포스팅에 이어서 작성해본다.
Vue ·
기존에도 존재했던 Vue의 Slot 기능을 간단하게 다시 정리하고 추가적으로 동적 변경 기능을 작성해본다. Slot은 부모 컴포넌트에서 작성한 내용을 자식 컴포넌트로 이첩 시킬 경우 사용한다.
Vue ·
현재 다니고 있는 회사의 Application 에 대한 차세대 프로젝트 가 진행되고 있다. 올해 초부터 이야기가 나오고 Back End 부터 Front End 까지 모두 변경을 진행하고 있다.
Vue ·
프로젝트 진행 간 적용 기술에 대한 정리 위와 같이 우리는 axios를 실제 Component가 아닌 분리하여 하나의 API js 파일로 분리를 할 수 있다.
Vue ·
프로젝트 진행 간 적용 기술에 대한 정리 일반적으로 vue router사용 시 SPA 방식을 선택하였기에, 초기에 모든 Page 정보를 전부 들고 오게 된다.
Vue ·
간단한 TodoList 를 Vue로 개발하면서 slot의 기능에 대해서 다시한번 정리해본다. 우선 구성은 App.js는 Container Component의 역할을 한다.
Vue ·
개발 프로젝트 진행 중 기존 props 가 아닌 Vuex를 활용해서 데이터를 child component로 전달하는 방법을 간단하게 기술한다.
