최근 NativeScript + Vue3(w/TypeScript)로 하이브리드 앱 개발을 계속 하고 있다. 사실 타입스크립트 사용은 고려대상에 없었으나, 네이티브스크립트 + 뷰3 하이브리드 앱 베이스가 타입스크립트 기반으로 되어 있어서 어쩔 수 없이 사용하고 있다. 타입스크립트의 장점은 명확한 타입 사용을 강제하여 코드 품질을 향상시키고 이슈가 될 만한 것들을 컴파일 시 알 수 있게하여 고품질의 코딩을 가능케 한다라고 나와 있으나.. 사실 엄격한 코딩룰이 있기 때문에 코딩을 하면서 신경 쓰이는 게 한 두가지가 아니고.. 이로인해 코딩 속도가 더욱 떨어지는 느낌이다 ㅠㅠ 구글링 하다 보면, Vuex 적용 시 타입스크립트 모듈화에 익숙해지면 훨씬 편하다곤 하는데 아직 그 정도의 실력자가 아닌지라 적응하는게 ..

VSCode를 사용하여 코딩을 하다보면, 문법적 오류 방지나 코드 문서화 등을 하기 위한 정적 분석 툴을 필요로 할 때가 있다. 이 때 필요한 것이 바로 ESLint 입니다. JSLint, JSHint 등의 툴도 있는데, 오픈소스이면서 확장성이 뛰어난 ESLint 가 대세가 되는 것 같습니다. VSCode 의 Extention에서 ESLint와 Prettier를 설치하도록 합시다. Settings 에 들어갑니다. ESLint로 가서 Edit in settings.json 클릭 아래 내용 붙여넣기(적당히 커스텀 해도 됨) "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "[vue]": { "e..