🌱 성장일지 8.0

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

• 살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?
• 성장하고 있는 것이 살아 있는 것이다.
• 생명의 유일한 증거는 성장이다!

⚛ (8.0)<완전 개편> 그 날의 키워드 중심으로 간단하게 정리하되 매일 꾸준히 작성할 수 있는 공간을 만들어보자.

editorconfig와 prettier 그리고 eslint

editorconfig

• editorconfig는 에디터의 설정을 통일하기 위한 설정 파일이다.
• prettier와 같이 코드 스타일을 통일하기 위해 사용한다.
• 단, 다른 IDE를 사용하는 개발자들과 동일한 스타일로 코드를 작성할 수 있다는 장점이 있다.
• prettier가 저장 후에 코드를 수정하는 것과 달리 editorconfig는 저장 전에 코드를 수정한다.
  • ex) tab의 크기를 2로 설정하고 저장하면 tab이 2칸으로 변경된다.

prettier

• prettier는 코드 스타일을 통일하기 위한 설정 파일이다.
• editorconfig와 같이 코드 스타일을 통일하기 위해 사용한다.
• 코드 스타일에 대한 다양한 설정을 제공하고 저장 시점에 코드를 수정한다.
  • ex) tab의 크기를 2로 설정하고 저장하면 tab이 2칸으로 변경된다.

eslint

• eslint는 코드의 오류를 검사하기 위한 설정 파일이다.
• 위의 2가지와 다르게 코드의 오류를 알려주는 것에 중점을 두고 있다.
• 그럼에도 eslint 또한 코드 포맷팅을 지원한다.
• 그렇기에 따로 plugin을 사용하지 않으면 prettier와 코드 스타일에 대한 설정이 충돌할 수 있다.
• 단, 점차 eslint는 코드 포맷팅을 지원하지 않을 예정이다.
  • eslint는 코드의 오류를 검사하는 것에 중점을 두고 있기 때문이다.
  • 코드 포맷팅은 prettier에게 맡기고 eslint는 코드의 오류를 검사하는 것에만 집중하는 것!

nanoid

• nanoid는 랜덤한 문자열(안정성 있는 고유 식별자)을 생성하는 라이브러리이다.
• nanoid는 uuid와 달리 더 짧은 길이의 문자열을 생성한다.
• nanoid는 uuid보다 더 빠르고 더 짧은 길이의 문자열을 생성한다.
• 아래 참고 자료를 통해 nanoid의 장점을 확인할 수 있다.

import { nanoid } from 'nanoid';

const id = nanoid();
console.log(id); // '8SbSCpLGGyCaMNXlfb1ZS'

📝 회고

참고

• StackOverflow: Editorconfig vs prettier vs eslint
• 번역: 포맷팅 규칙이 ESLint에서 사라집니다.
• daleseo: NanoId