클로드 코드로 개발자 포트폴리오 구축하기: 주니어 개발자의 워크플로우와 배운 점
주니어 개발자(MERN 스택)가 Claude Code를 사용하여 nidhil.live 포트폴리오 사이트를 구축한 경험을 기록했습니다. 핵심 교훈: 프롬프트 작성은 기술이며, 더 구체적일수록 더 나은 결과를 얻을 수 있습니다.
워크플로우
- 원하는 컴포넌트나 기능을 자연어로 설명합니다.
- Claude의 출력에서 반복하며 필요에 따라 프롬프트를 다듬습니다.
- 생성된 코드를 맹목적으로 수용하지 않고 검토하고 이해합니다.
배운 점
- 프롬프트 작성은 기술입니다: 모호한 프롬프트는 모호한 결과를 낳습니다. 구조, 스타일, 동작에 대해 명확히 하세요.
- 코드를 읽으세요: Claude가 무엇을 하는지 설명합니다. 이를 통해 실제로 자신의 코드베이스를 이해하세요. 개발자는 설명 덕분에 코드를 더 잘 이해했다고 보고했습니다.
- 맹목적인 복사-붙여넣기를 피하세요: 통합하기 전에 항상 생성된 코드를 확인하고 이해하세요.
주니어 개발자에게 Claude Code는 컴포넌트 구조 설정에 소요되는 시간을 크게 단축시켰습니다. "컴포넌트 구조 설정에 오래 걸렸다"에서 "원하는 것을 설명하고 반복하면 된다"로 바뀌었습니다.
📖 전체 출처 읽기: r/ClaudeAI
👀 See Also
디자인 시스템으로 Claude Code의 CSS 추측 작업을 수정하는 방법
한 개발자가 Claude Code를 사용하여 주식 분석 대시보드를 구축하면서 흔히 겪는 좌절을 경험했습니다: AI가 동일하게 정렬이 틀어진 div에 대해 반복적으로 깨진 CSS를 생성한 것입니다. 6번의 반복 동안 패딩 수정, flex에서 grid로 전환, 그리고 `overflow: hidden` 추가 시도는 실패하거나 문제를 더 악화시켰습니다.
라우팅으로 OpenClaw Max 사용 비용 85% 절감: API 라우팅으로 월 $200에서 $30으로
한 사용자가 토큰 사용량을 추적한 결과, 작업의 15%만이 Opus를 필요로 한다는 것을 발견했습니다. API를 통해 일상적인 작업을 Sonnet으로 라우팅함으로써 월 비용이 $200에서 $30으로 줄었고, 출력 품질은 동일했습니다.
한 달 동안 OpenClaw에 850달러를 썼습니까? 모델이 아니라 아키텍처를 수정하세요.
한 개발자가 OpenClaw 멀티 에이전트 설정으로 한 달에 850달러를 소진했는데, 하루 만에 350달러가 사라졌습니다. 해결책은 더 저렴한 모델이 아니라 시스템 설계였습니다: 엄격한 컨텍스트 정리, 세션 리셋, 비추론 작업을 위한 n8n, 저렴한 모델과 강력한 모델을 분리하는 라우팅 계층이었습니다.
당신이 놓치고 있을 수 있는 5가지 클로드 코드 터미널 명령어
6개월 이상 터미널에서 Claude Code를 사용해온 시니어 개발자가 일상 워크플로우를 크게 개선한 다섯 가지 명령어를 공유합니다. 화려한 기능이 아니라 실용적인 마찰 제거 도구입니다.