Category: Front-End - The Tracks of mulder21c

Nuxt Router kebab-case 처리
2020.10.17개발노트Front-End
Nuxt Page ComponentNuxt Router nameNuxt Router PascalCase
Nuxt를 사용할 때 page component 파일을 PascalCase 혹은 camelCase로 생성하게 되면 router name 역시 PascalCase, camelCase로 고스란히 생성된다.물론 case-insensitive 처리해도 되지만, URL에 대소문자가 섞여 노...
JS to SCSS 변환
2020.10.03개발노트Front-End
JS to SCSS내 맘에 쏙드는 패키지는 왜 없는가
최근 프로젝트에 Storybook을 도입하면서 덩달아 고민하게 되었던 것이 SCSS 변수를 JS에서 공유하는 문제였다. 혹자는 굳이 그런짓(?)을 왜 하려고 하느냐 할 수도 있겠으나, 현재 올려둔 Storybook Sample에 utils 항목처럼 디자이너가 정의해 둔 색상...
Nuxt + Storybook 통합 하기Nuxt Storybook 통합 삽질기
2020.09.27개발노트Front-End
NuxtStorybookStorybook에서 <nuxt-link> 사용
최근 프로젝트를 진행하면서 본격적으로 Storybook을 도입하기로 해서 Nuxt에 Storybook을 통합하여 프로덕트를 만들어 갔다. (but... 뒤로 갈 수록 일정 부족으로 인해 story 작성을 포기한건 안 비밀... 쿨럭....) Nuxt에 Storybook을 통합시...
Windows에서 PM2 실행 오류 해결
2020.04.10개발노트Front-End
PM2NodeFront-End
지난 주부터 합류한 회사에서 첫 번째 미션... 또 노드 서버가 죽고 있다. /=ㅁ=/ 맙소사 정확하게는 시간이 지나면 response가 오래 걸리는 이슈가 발생된다고 하는데 아직 직접 눈으로 확인한 바는 아니라서 (서버 재시작 알람만 받고 있는 상태) 상태 확인을 위해 PM...
웹팩 4 마이그레이션 삽질기
2020.02.13개발노트Front-End
webpack 4migration삽질기
Webpack 3를 기반으로 구축된 서비스를 Webpack 4로 마이그레이션 작업을 진행했는데 꽤나 많은 삽질이 동원 되어 차후에 이런 일이 또 있을까 하여 기록으로 남겨둔다. 일단, 최초의 패키지 상태를 보면 (스압 주의...), "dependencies" : { ......
babel 7 업데이트 후 node_modules 패키지가 변환되지 않는다면?
2020.01.30개발노트Front-End
babel 7node_modulestranspile
기존에 개발 된 프로덕트가 빌드하는데만 한 시간을 훌쩍 넘어가는 상황이 지속적으로 발생되어 빌드 속도 개선을 위한 일환으로 기존의 webpack 3.x를 4.x로 마이그레이션 작업을 진행하기로 했다. 헌데... webpack 4로 올리자니 기존에 사용되고 있던 패키지들의 버전이...

1