[민혁] 7주차

[jaqwe2301]

공유하고싶은 내용

ESLint와 Prettier의 차이

• ESLint와 Prettier의 차이에 대해 표로 정리해보았습니다 !

구분	Prettier	ESLint
핵심 역할	코드 스타일 및 포맷 정리	코드 품질 및 위험 요소 점검
주요 목적	코드 형태의 일관성 유지	잠재적인 버그와 잘못된 패턴 방지
관리 대상	줄바꿈, 들여쓰기, 따옴표, 세미콜론 등	사용하지 않는 변수, 잘못된 조건문, 전역 변수 등
적용 방식	저장 시 또는 커밋 전 자동 포맷 적용	규칙 위반 시 경고 또는 에러 표시
팀 운영 관점	스타일 논쟁 최소화	팀의 코드 기준을 규칙으로 고정
대체 가능 여부	ESLint로 대체 불가	Prettier로 대체 불가

---

INP(Interaction to Next Paint)

• 책에서는 최초 입력 지연(FID)에 대해 기술되어 있는데, 현재는 INP(Interaction to Next Paint)를 사용한다고 합니다!
• 관련 아티클 남겨놓습니다!
• https://developers.google.com/search/blog/2023/05/introducing-inp?hl=ko

파일 체크

• 브랜치명이 name/week-nn 규칙을 따름
• 정리 파일 경로/이름이 규칙에 맞음 (week-nn/name.md 또는 week-nn/name/index.md)
• 이미지/첨부 파일 경로가 주차 폴더 내에 정리됨