주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

Nuxtjs + Typescript 프로젝트를 진행하고 있는데, 초반 설정부터 많은 문제가 생겼다. 이전에 작업할 때는 내가 린트 설정한 적이 없어서 생기는 문제인지, (내 머리탓) 아니면 버전(현재 v2.15.8)이 달라져서 혹은 Typescript 설정으로 생기는 문제인지 모르겠으나. 결론은 골치아픈 린트 설정 문제였다. 그래서 이렇게 골치아픈 김에 이것저것 검색해보고 설정하는데 꽤나 시간을 들이고 있다. (eslint, prettier, stylelint....) 덕분에 설정에만 시간을 엄청 쏟고 있다. 뻘짓에 대한 기록글과 해결한 방법 (은 하단에!) 과정에 대한 글 .stylelintrc.js - 실패 이렇게 더러운걸 커밋했다고? ㅎㅎㅎㅋㅋㅋㅋ module.exports = { customSyn..

CSS만 사용하다가 SASS, SCSS로 작업을 해보고 싶다는 생각을 종종하고는 했었다. 하지만 컴파일이 필요했었던터라 실제로 행동으로 옮기는데 까지는 시간이 좀 걸렸다. gulp로 테스트 작업을 해본적은 있었으나 그게 전부였다. 그러던 중에 VSCode 에디터에 extension이 있어서 진짜 쉽게 작업할 수 있는 것을 찾았다! VSCode Extension 다운로드 - Sass - Live Sass Compiler (실시간 컴파일한 것을 확인) -> Live Server (라이브 서버, Live Sass Compiler를 다운로드 받으면 종속성으로인해 같이 받아집니다!) 필수는 아니지만 문법을 도와주는 Extension - Sass lint Extension을 다운로드받게되면 우측 하단의 파란색 바에..