반응형 프로그래밍/Vue.js12 Javascript 관련 라이브러리 사용 통계 볼 수 있는 사이트 javascript(자바스크립트) 라이브러리 와 프레임워크들이 얼마나 많이 사용되고 있는지를 비교할 수 있는 사이트를 소개해드립니다. The State of JavaScript 2019 2019.stateofjs.com 2016년부터 2019년까지 Vue.js 프레임워크를 얼마나 사용했는지 추이를 보여줍니다. 이것을 통해서 라이브러리 어떤 걸 사용할지 고민할 때 많이 사용하는걸 추천드립니다. 문제가 생겼을 때 해결 구글링을 편하게 할 수 있기때문입니다. 2021. 3. 12. vsCode ESLint 자동 저장 시 Format 적용 먼저 VSCode 확장 플러그인인 ESLint 를 설치해줍니다. 그리고 Ctrl+, 버튼을 누른 후 검색란에 ESLint 를 검색합니다. 그리고 위와같이 Auto Fix On Save 기능을 체크해줍니다. 이 기능은 저장시 자동으로 Eslint의 설정 값을 적용시켜주는 기능입니다. 자동으로 설정값을 고쳐주기 때문에 효율적으로 개발할 수 있습니다. 2020. 12. 11. VS CODE 에 빨간 밑줄이 표시 되지 않는 경우 vscode의 전역설정을 할 수 있는 "settings.json" 파일을 들어가서 아래 내용을 추가하시면 빨간줄이 표시됩니다. { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.workingDirectories": [ {"mode": "auto"} ], } 추가적으로 EsLint 의 설정언어를 해주면 저장 시 자동으로 설정 값에 맞추어 변경됩니다. formatOnSave 는 prettier와 포맷 충돌이 발생하므로 false를 선언해줍니다. "editor.formatOnSave": false, "eslint.validate": [ { "language": "vue", "autoFix": true }, { "language": .. 2020. 12. 7. [TypeScript] 단단한 코드를 만들기 위한 타입스크립트 자바스크립트에는 자바처럼 타입을 정의 하지 않습니다 예를들어 자바에서는 int value; 라고 하면 value의 변수에는 숫자만 담기며 그 외에 타입 데이터가 담기면 오류를 출력합니다. 하지만 자바스크립트에서는 let value; 라고 정의할 경우 value에는 어떤 값이 담길지 모릅니다. 개발하는 시점에서는 편할 수 있지만 다른사람이 이 코드를 봤을 때 어떤 값이 담길지 모릅니다. 예를들어 let value =5; 라고 했을 경우는 누구나 알 수 있습니다. 하지만 let value = getUserInfo() 라고 했을 경우 이 코드를 처음 본 사람은 value에 어떤 타입이 담길지 예측할 수 없죠 그래서 자바스크립트에서 이런 문제를 해결하기 위해 등장한 것이 타입스크립트 입니다. 그럼 타입스크립트를.. 2020. 6. 27. 이전 1 2 3 다음 반응형
