반응형 프로그래밍109 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. [Nuxt] 넉스트(Nuxt) 한번 사용해볼까? 기존 Vue를 사용하여 검색어를 노출 시켜 사용자를 유입해야 되는 웹일경우 서버 사이드 렌더링(SSR) 이라는 기술이 꼭 필요합니다. 하지만 Vue는 클라이언트 사이드 렌더링(CSR)로 되어 있기 때문에 웹 페이지 노출이 되지 않죠 그래서 SSR을 사용할 수 있는 nuxt라는 프레임 워크를 사용하기 시작했습니다. 이번에 이 nuxt를 사용해 볼 예정입니다. 아래는 nuxt를 사용한 강의 와 Nuxt와 Vue의 차이점을 잘 설명해준 포스트입니다. Nuxt 로 만든 웹사이트 NUXT로 혼자 웹사이트 만들기 1 소개 항상 고민하던 부분이 있습니다. fkkmemi.github.io Nuxt와 Vue의 차이점 Nuxt.js vs Vue.js - SSR 시작하기 Nuxt.js는 Vue를 바탕으로 서버사이드 렌더링 .. 2020. 5. 5. [Vue] esLint 설정 끄는 법 esLint는 javascript 오류를 최대한 줄이기 위해 사용자에게 오류가 날만한 사항을 미리 알려줍니다. 하지만 과도하게 오류를 최소화하기 위해 실행은 되지만 오류라고 알려주는 경우도 있죠 개발할 때 이런게 많이 불편할 경우 esLint 설정 끄는법은 아래와 같습니다. package.json과 같은 경로에 vue.config.js 파일을 만들어줍니다. 그후 아래와 같이 lintOnSave 옵션 값을 false 한다는 설정을 해줍니다. module.exports = { lintOnSave: false } lintOnSave 이외에 vue.config.js 를 커스텀하게 설정하려면 아래 주소를 확인하고 해당 변경 옵션값을 vue.config.js 파일에 넣어주면 됩니다. Configuration Ref.. 2020. 5. 2. 이전 1 2 3 4 5 6 7 8 ··· 28 다음 반응형
