리주의 프로그래밍 공부

다른 언어에 비해 형변환이 자유로운 자바스크립트. 실무에서 자바스크립트를 사용하다보니, 0을 할당한 값인데, 어느샌가 '1'이 되어버린 변수들을 마주하는 일이 많았다. 그래서 이런 경우에 생기는 에러들을 쉽게 접할 수 있었다. 되도록 이런 경우를 없애버리는게 베스트지만, 종종 기존 코드들까지 건드리기 힘든 순간들이 찾아오니... 하지만 타입스크립트를 사용하게 된다면 이런 문제들은 다 사라진다. 물론 다른 문제가 생긴다. 위에 언급한대로 자유롭게 코딩을 해왔더라면, 타입스크립트를 초반에 사용할 때, 괴로울 수 있다. (그렇게 any가 난무하게 되는 상황이 오기도 한다.....) 내가 느낀건 단지 이뿐. 이걸 팀에서 극복한다면 형변환으로 인한 기본적인 오류는 사라지게 된다. 구조 분해 할당에서도 유용하게 사..

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