Front

https://prettier.io/ Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io Prettier 공식 사이트 Prettier 란? 코드 정리 기능 ESList에서 Prettier를 설정해야 하는 이유는 Prettier의 설정 파일에 정의한 규칙으로 코드를 정리할수 있지만 ESList의 rules 와 충돌이 나기 때문에 ESList가 우선시 되어야한다. 따라서 프리티어의 설정파일이 ESList안에 들어가는게 좋다 이렇게 하면 Prettier로 정리도 하면서 ESList룰까지 잡아주는 두가지 기능을 함께 쓰는 효과가 나타난다

자바스크립트에서 에러가 날 만한 요소들을 모두 제거하는게 ESLint 쉽게 이야기해서 자바스크립트 코드 문법 보조 도구 eslintrc.js ESList에서 제공하는 룰이 있다. "콘솔을 입력하지마라" 개발 모드일때는 에러가 있으면 warn을 뿜고 프로퍼타입 모드일때는 off

a라는 변수가 선언되고 할당 됬지만 사용되고 있지 않다고 나와있다. ESLint는 에러가 나지않게 도와주는 도구이지만 ESLint 에러가 vue3점대 이후부터 애플리케이션 화면을 덮게되는 문제가 발생했다. 이 에러가 뜨면 애플리케이션을 실행할 수 없기 때문에 해결하고 넘어가야 한다. vue.config.js 파일 (vue 설정 파일) 에서 devServer 추가 devServer: { client: { overlay: false } } vue.config.js const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ transpileDependencies: true, devServer: { client: { ..

node_modules가 설치되어 있고 node_modules 폴더 안에 있는 내용은 package.json 안의 내용으로 구성되어 있다. { "name": "vue-til", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test:unit": "vue-cli-service test:unit", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.8.3", "vue": "^2.6.14" }, "devDependencies": { "@babel/core": "^7.12.16"..

https://www.inflearn.com/course/vue-js-%EB%81%9D%EB%82%B4%EA%B8%B0-%EC%BA%A1%ED%8B%B4%ED%8C%90%EA%B5%90/unit/32025?tab=curriculum 학습 페이지 www.inflearn.com

https://www.inflearn.com/course/vue-js-%EB%81%9D%EB%82%B4%EA%B8%B0-%EC%BA%A1%ED%8B%B4%ED%8C%90%EA%B5%90/unit/32023?tab=curriculum 학습 페이지 www.inflearn.com

Connect 버튼 클릭 Connect your application 클릭 mongodb+srv://test:@cluster0.uwxudde.mongodb.net/?retryWrites=true&w=majority 복사 코드에 붙여넣기 라고 써진 부분만 실제 비밀번호로 바꿔주기 서버 껐다가 다시 빌드하면 아래의 문구가 뜬다. 사용 중지 경고: 현재 서버 검색 및 모니터링 엔진은 사용 중지되었으며 이후 버전에서 제거될 예정입니다. 새 서버 검색 및 모니터링 엔진을 사용하려면 {useUnifiedTopology: true} 옵션을 MongoClient 생성자에게 전달하십시오. {useUnifiedTopology: true} 를 복사해서 객체가 아닌 Key : Values 로 아래처럼 넣어주기 // mongo..

// mongo db const db = mongoose.connection; db.on('error', console.error.bind(console, 'MongoDB connection error:')); mongoose.connect( 'mongodb+srv://test:1234@cluster0-ypgh5.mongodb.net/test?retryWrites=true&w=majority', { useNewUrlParser: true, }, ); mongoose.Promise = global.Promise; mongo DB를 node.js에 연결하는 코드 https://cloud.mongodb.com/v2/6339b241f558420f5ab263a3#clusters Cloud: MongoDB Clou..

1. package.json에 설정해놓은 라이브러리 사용하기위해 API 서버에 npm i 받기 2. 성공했으면 npm run dev 명령어로 서버 실행 3. 설정해 놓은 주소가 3000 4. 확인시 Cannot GET / 화면이 뜨면 성공

1. nvm install 10.16.3(Node.js 버전) 2. Now using node v10.16.3 → 이제 노드 10.16.3 버전을 사용합니다 3. node -v 노드 버전확인 명령어에 v10.16.3 변경된것 확인 가능