리주의 프로그래밍 공부

어쩌다보니 리액트를 시작하게 되었다. 맛보기로 유튜브(https://www.youtube.com/watch?v=V9XLst8UEtk&ab_channel=%EC%BD%94%EB%94%A9%EC%95%8C%EB%A0%A4%EC%A3%BC%EB%8A%94%EB%88%84%EB%82%98)를 시청 해당 강의 영사은 리액트보다는 타입스크립트에 조금 더 초점을 뒀다. 영상 시청이 끝난 뒤, 들었던 생각들 1. v-for, v-if 같은 것들은 어떻게 사용하지? 2. 라우터는 어떻게 설정하지? 3. 상태관리는 어떻게 해야하지? 1번에 대해서는 구글링으로 쉽게 찾을 수 있었다. 기존에 Vue에서는 아래와 같이 v-for로 사용하는데 // Vue.js {{data}} 그에 반해 React는 다음과 같이 사용한다 // R..

입사 후에 한참 사용하던 Nuxt.js에 익숙해져있는 상태에서 백오피스 개편 작업으로 맛본 Vue3 Composition API (추가로 Typescript까지) 기존 Vue2에서 Option API를 사용하면서 Composition API의 장점을 봤을 때, 직접 실무 프로젝트에 사용해보는 기회를 접하고 싶었다. 어떻게, 얼마나 내가 기대하는 만큼 코드가 재사용성이 높아지고, 간결해질지 궁금했다. 결론적으로는 아직 Composition API의 크나큰 장점을 제대로 살려내지 못해 아쉬움이 남았다. 다음은 이번 실무에 진행한 내 작업 방식이다. 폴더 구조(예시 컴포넌트명) Tab ├ Component │ ├ Top.vue │ ├ List.vue │ └ Tab.vue ├ Composable │ ├ user..