반응형 Vue19 Vue + eslint + prettier 🛹 VSCode에서 Eslint Prettier 설치 Eslint + Prettier 설치를 해준다. 🚐 eslint 관련된 라이브러리 설치 npm i eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue --save-dev 🚡 프로젝트 루트레벨에 린트 설정 파일 .eslintrc.js 추가 // eslint-disable-next-line no-undef module.exports = { // 현재 eslintrc 파일을 기준으로 ESLint 규칙을 적용 root: true, // 추가적인 규칙들을 적용 extends: [ 'eslint:recommended', 'plugin:vue/essential', 'prettier', 'p.. 2022. 2. 24. 🪂eslint + prettier를 Vue에 적용하기 🧹eslint? prettier? eslint 는 javascript정적 도구다. javascript를 작성하면서 에러를 일으킬 수 있는 문법을 잡아준다고 생각하면 될꺼에요. prettier는 Code Formatter이다. 일관된 코딩스타일을 도와줄수 있는 툴이라고 생각하면 될꺼에요 🌝 Prettier 세팅 우선 Visual Studio Code에서 Prettier를 설치해주세요. 다음으로 settings.json에서 다음 내용을 추가해주세요. settings.json "F1 => settiongs.json" 검색 하시면 됩니다. settings.json에 아래 문구를 추가해주세요. "editor.formatOnSave": true, "editor.formatOnType": true, 이렇게 하면 Pr.. 2021. 8. 16. 👍 Vuex를 이용한 로그인 관리 👍 Vuex를 이용한 로그인 관리 이번에는 Vuex와 JWT를 이용하여 Token을 관리하고자 한다. 사실 현업에서는 세션쿠키를 더 쓰는걸로 알고 있지만, Token으로 구현해보았다, 순서는 userStore생성 => Vuex에 Token 저장 => 새로고침 할 경우 토큰 저장 1️⃣userStore생성 처음에는 store > modules 폴더 밑에 userStore 를 생성한다 //userStore.js const userStore = { namespaced: true, state: {}, getters: {}, mutations: {}, actions: {}, }; export default userStore; * 폴더 위치는 아래 사진에 첨부한다. 2️⃣Vuex에 Token 저장 저 같은 경우 로.. 2021. 7. 16. 이전 1 2 3 4 5 다음 반응형
