전체 글42 주석, 에러처리, 모듈,바벨 보호되어 있는 글 입니다. 2023. 5. 25. vuejs backend & frontend 연동 backend & frontend 연동 //작업 디렉토리 생성 mkdir 폴더이름 //frontend 디렉토리 생성 npm install -g @vue/cli vue create frontend cd frontend npm run serve >>localhost:8080 확인 //backend 디렉토리 생성 작업디렉토리 폴더이름에서 NO FRONTEND DIRECTORY! npm install -g express-generator express --view=pug backend cd backend npm install npm start >>localhost:3000 >>express 실행된 것 확인 * Frontend -vue.config.js const { defineConfig } = require(.. 2023. 5. 23. Parsing error: The keyword 'const' is reserved Parsing error: The keyword 'const' is reserved .eslintrc.js 에 "parserOptions": { "ecmaVersion": "latest" }, "env": { "es6": true } 추가 출처 : https://stackoverflow.com/questions/42706584/eslint-error-parsing-error-the-keyword-const-is-reserved 2023. 5. 22. .env 환경변수 파일! 숨겨야할 정보?들을 바깥으로 빼내서 보이지않도록 하게 만듦! 고로 .gitignore 에 .env파일 추가해놓기! # local env files .env .env.local .env.*.local dotenv 설치 npm install dotenv .env 파일은 최상단에 만들고! .env 내에 key=value 형식으로, key에는 지금사용하고 있는(vue) >>> VUE_APP_이름 = key값 타입자체가 String 이여서 이중으로 싸여져서 안나왔던 것임!!!!! 명심하기! key값은 그냥 오로지 key값만! 잘나온다! 굳! 2023. 4. 23. eslint-disable vue/multi-word-component-names msg >>>>> eslint-disable vue/multi-word-component-names 수정 >> package.json "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "parserOptions": { "parser": "@babel/eslint-parser" }, "rules": { "vue/multi-word-component-names": "off" } }, 2023. 4. 19. vscode 저장시 자동정렬 ctrl + , ==>settings 검색 Editor : format on save ✅ Editor : Default Formatter -> Prettier Code formatter 2023. 4. 18. 이전 1 2 3 4 ··· 7 다음
