Trying Claude Code for the First Time
- 클로드 코드를 처음 사용해 프로젝트를 구축하는 과정을 보여줍니다. 🚀
- 기존 프로젝트 스택(TanStack, PostgreSQL, Drizzle, Better Off)을 활용합니다. 🛠️
- 클로드 코드 초기화 과정을 통해 프로젝트 분석 및 MD 파일 생성을 합니다. 📝
- 에이전트 컨텍스트 오염을 방지하기 위해 초기 설정 파일을 수동으로 수정합니다. 🧹
- 랜딩 페이지, 헤더, 푸터, 로그인/로그아웃 기능, 다크/라이트 모드 전환 기능을 구현합니다. 🎨
- 사용자 인증 후 아바타 드롭다운 메뉴를 통해 로그아웃 기능을 제공합니다. 👤
- placeholder.com 이미지 로딩 문제를 해결하기 위해 다른 placeholder 이미지 제공 방법을 모색합니다. 🖼️
- 찾아보기 페이지에 placeholder 아트워크 카드 목록을 표시하고 상세 페이지로 연결합니다. 🖼️
- 아트워크 데이터 모델(제목, 설명, 가격, 사용자 ID)을 스키마에 추가합니다. 🗂️
- 클릭 가능한 로고를 헤더에 추가하여 홈페이지로 이동하는 기능을 구현합니다. 🏠
- 사용자 관리자 여부에 따라 관리자 패널 버튼을 드롭다운 메뉴에 표시하는 기능을 추가합니다. ⚙️
- 다양한 에이전트(UX/UI 개선, 코드 리팩토링, 변경 사항 기록)를 활용하여 개발 효율성을 높입니다. 🤖
- Dev Log를 통해 코드 변경 사항을 기록하고 관리합니다. ✍️
- 에이전트 사용 시 토큰 소모량에 주의해야 합니다. 💰
- 코드 변경 사항을 Dev Log에 추가하는 에이전트의 과도한 설명을 줄일 필요가 있습니다. 💬
- 에이전트 사용법을 익히고 워크플로우를 개선하기 위한 팁을 공유합니다. 💡