06장

---

[Do it! 실습] 컨텍스트 정리 및 새 브랜치 만들기

01.
/clear

02.
대시보드 화면 작업을 위한 새 브랜치를 만들어 줘.
브랜치 이름은 dashboard야.

03.

---

[Do it! 실습] UI 가이드 문서 만들기

01.
현재 앱의 UI 가이드 문서인 ui.md를 만들어 줘. Tailwind CSS를 사용하고 있어.
앱 이름은 ‘AI 뉴스 수집기’이고, 뉴스를 카드 형태로 보여 주는 대시보드가 메인 화면이야.
뉴스 카드 목록 위에 카테고리를 표시하고, 카테고리 끝에 카테고리 추가 버튼도 있어야 해.
전체적으로 깔끔하고 읽기 편한 스타일로 만들어 줘.

02.

03.

04.
CLAUDE.md에 ui.md를 참조하도록 추가해 줘.

05.

---

[Do it! 실습] /dashboard 페이지 만들기

01.
이제 /dashboard 페이지를 만들어 줘.
articles 테이블과 categories 테이블에서 데이터를 가져와서 최신순으로 보여 줘.
ui.md에 맞는 카드 형태 목록으로 표시해 줘.

02.

03.

04.

05.

06.

---

[Do it! 실습] 예제 데이터 제거하기

01.
articles 테이블과 categories 테이블에 있는 예제 데이터를 모두 삭제해 줘.

02.

03.

04.

---

[Do it! 실습] 커밋하고 브랜치 병합하기

커밋하기

01.
지금까지 변경된 파일들이 뭐야?

02.

03.
변경한 사항들을 정리해서 커밋해 줘.

04.

브랜치 병합하기

01.
main 브랜치에 병합해 줘.

02.