13장

[Do it! 실습] 프리티어와 jq 준비하기

01.
프로젝트에 Prettier가 설치되어 있는지 확인해 줘.
설치되어 있지 않다면 개발 의존성으로 설치하고, 프로젝트 루트에 .prettierrc 설정 파일도 만들어 줘.

02.

03.

04.

---

[Do it! 실습] PostToolUse 훅 등록하기

01.
.claude/settings.json 파일에 PostToolUse 훅을 추가해 줘.
클로드 코드가 파일을 수정(Edit 또는 Write)할 때마다 수정된 파일에 Prettier를 자동으로 실행하는 훅이야.
jq를 사용해서 수정된 파일 경로를 가져오고, js/jsx나 ts/tsx 파일일 때만 Prettier가 실행되게 해 줘.

02.

03.
/hooks

04.

05.

06
방금 만든 훅과 관련된 변경 사항을 커밋해 줘.

---

[Do it! 실습] 간단한 기능 추가하고 훅 동작 확인하기

01.
/clear

02.
/news-workflow news-count-badge

03.
대시보드 상단에 현재 수집된 뉴스 총 개수를 보여주는 배지를 추가해 줘.
예를 들어 ‘총 20개의 뉴스’처럼 표시하면 돼.
DB에서 뉴스 개수를 가져와서 보여주고, ui.md의 스타일 가이드를 참고해서 디자인해 줘.

04.

05.

06.

07.
완료

08.

09.

10.

11.

12.