Node js 24

[mac] type chacking 을 위한 typescript 설치

1. Typescript 설치 - VS Code terminal 에서 npm install --save-dev typescript 를 입력한다. - 다운로드가 완료되면 package.json 파일에 자동으로 의존성이 주입된다. 2. Typescript 적용 - Type을 체크할 파일의 최상단에 //@ts-check 를 입력하면 된다. 3. 설정 파일로 해당 package에 적용될 typescript 세부 설정 하기 - package에 jsconfig.json 파일을 생성한다. - 필요한 옵션을 설정하여 적용한다.

Node js/VS Code 2023.03.04

[MAC] 린팅 플러그인 ESLint 설치 및 설정

1. eslint 설치 - 확장 탭에서 eslint를 검색하고 설치한다. 2. eslint 설정 - ESLint 설정에 들어가서 검색창에 codeActionOnSave 를 검색 한후 settings.json에서 편집을 클릭한다. - 설정 파일이 열리면 "source.fixAll": true 를 추가로 작성한다. 3. prettier 와 충돌 방지 - prettier 와 서로 다른 설정으로 충돌나는 상황을 막기 위해 eslint-config-prettier 을 설치한다. - terminal에서 npm install --save-dev eslint-config-prettier 을 입력한다. - 설치 후 패키지에 .eslintrc.js 파일을 생성하고 아래와 같이 코드를 작성하면 된다. - extends 에 ..

Node js/VS Code 2023.03.03

[mac] 코드포메터 prettier 설치

1. 코드의 통일성을 위해서 코드포메터 prettier을 설치 - 확장텝에서 prettier 검색 후 설치한다. 2. prettier 설정 - 설치 후 전체 코드에 대하여 기본적인 설정을 한다. - 검색창에 editor format on save 를 입력하고 체크박스를 클릭한다. - 검색창에 default formatter 를 입력하고 체크박스를 클릭한다. 3. 포메팅 형식 지정 - 설정 파일(.prettierrc) 을 프로젝트 폴더 안에 생성한다. - .prettierrc 파일 안에 사용할 양식을 입력한다. - 저장 후 hello.js 파일을 저장하면 해당 포멧으로 자동 변경해준다.

Node js/VS Code 2023.03.03