[React] ESLint와 Prettier 적용하기

겨레·2024년 11월 7일

[React] 리액트 스터디

목록 보기
11/95
  • ESLint 👉 문법 검사 도구
    잘못된 코드를 작성 시 에러 또는 경고 메시지를 VS Code 에디터에서 바로 확인 가능하다.

  • Prettier 👉 코드 스타일 자동 정리 도구
    JSX 작성 시 코드의 가독성을 위해 들여쓰기를 사용한다.

    Prettier를 사용해 자동 코드 정리를 하면 코드가 제대로 정렬되고, 세미콜론(;)이 빠진 곳에는 세미콜론이 자동으로 추가 되는 등 코드 스타일을 자동으로 정리할 수 있다.

    그뿐 아니라 스타일을 쉽게 커스터마이징할 수 있다.

profile
호떡 신문지에서 개발자로 환생

0개의 댓글