[1. node.js 개발 환경 설정]
•
Formatter 와 Linting
//Formatter로는 Prettier를 사용할 것이다
npm -install --save-dev prettier
//Linting으로는 ESLint를 사용
npm install --save-dev eslint
JavaScript
복사
npm -install --save-dev prettier 로 prettier로 설치하게 되면 package-lock.json과 package.json이 생성된다. 프로젝트 진행시 2개 다 커밋하는게 설정오류가 안난다
.prettierrc 파일을 생성해 기본 설정을 할 수 있다
EX) .prettierrc.json
{
"semi" : false, //세미콜론 사용여부
"singleQuote": true //홑따옴표 사용여부
}
JavaScript
복사
npm install --save-dev eslint 수행하면 package.json에 eslint가 추가된걸 확인 할 수있으며 .eslintrc.js 파일을 추가해 기본적인 setting을 해줘야한다. eslint는 airbnb에서 제공하는 소스를 npm install하여 사용할 것이다. npm install --save-dev eslint-config-airbnb-base eslint-plugin-import .eslint와 prettier가 충돌날 수 있어서 npm-install --save-dev eslint-config-prettier를 설치해줘야한다.npm install --save-dev eslint-plugin-node 도 설치 후 .eslintrc.js에 'piugin:node/recommended’ 추가해줘야한다.
Ex) .eslintrc.js
//기본적인 setting은 module.exports = {}이고 여기에 사용할 rule를 기재한다
// 1.airbnb 소스를 설치하고 나서는 extends를 이용하여 아래와 같이 작성하면된다.
// 2.eslint와 prettier가 충돌날 수 있어서 npm-install --save-dev eslint-config-prettier를 설치해줘야한다.
// 3.extends에서 항상 prettier가 뒤에 가있어야한다.
module.exports = {
extneds: ['airbnb-base', 'piugin:node/recommended', 'prettier'],
}
//airbnb에서 제공하는 js소스 명령어
npm install --save-dev eslint-config-airbnb-base eslint-plugin-import
JavaScript
복사
•
vscode에서 localSetting법
1.
vsCode를 만들어준다.
2.
setting.json을 만들어주고 그 안에 설정내용을 작성한다. 작성방식은 json형식으로!
자바스크립트를 사용할거라서 자바스크립트에 대한 설정을 했다.
{
"[javascript]" : {
"editor.formatOnSave" : true,
"edittor.defaultFormatter" : "esbenp.prettier-vscode"
}
}
JavaScript
복사
•
typescript 설치
1.
typescript를 설치하면 debug가 쉽다는 장점이있다
2.
npm install —save-dev typescript 로 설치해준다
3.
node환경해서 사용하기위해서는 추가적으로 npm install --save-dev @types/node 설치
4.
설치후 코드작성해야할 .js페이지 상위에 //@ts-check라고 작성해주면된다.
//@ts-check
//Formatting, Linting
//Formattingg : Prettier( 명령어 : npm install --save-dev prettier)
//Linting : ESLint (명령어 : npm install --save-dev eslint)
const someString = 'hello'
const result = Math.log(someString)
console.log(result)
JavaScript
복사
