체리플랜

[Claude Code 실전 정복 #3] CLAUDE.md 완전 정복 — 설정 한 번으로 매 세션이 달라지는 이유 (2026)

시리즈: Claude Code 실전 정복 | 3편작성자: 체리플랜 | 7년차 프론트엔드 개발자1편: [Claude Code 설치부터 첫 실행까지]https://cherrycoding0.tistory.com/46 [Claude Code 실전 정복 #1] 설치부터 첫 실행까지 — 7년차 개발자가 겪은 진짜 과정 (2026)시리즈: Claude Code 실전 정복 | 1편작성자: 체리플랜 | 7년차 프론트엔드 개발자하루 종일 구글링해도 안 풀리던 문제가 터미널 한 줄로 해결됐어요.7년 동안 개발하면서 처음으로 "이건 진짜 혁명cherrycoding0.tistory.com2편: [VS Code 연동 + 실전 워크플로우]https://cherrycoding0.tistory.com/47 [Claude Code 실전..

[Claude Code 실전 정복 #2] VS Code 연동 + 실전 워크플로우 — 7년차 개발자의 프롬프트 패턴 공개 (2026)

시리즈: Claude Code 실전 정복 | 2편작성자: 체리플랜 | 7년차 프론트엔드 개발자1편 보기: [Claude Code 설치부터 첫 실행까지]https://cherrycoding0.tistory.com/46 [Claude Code 실전 정복 #1] 설치부터 첫 실행까지 — 7년차 개발자가 겪은 진짜 과정 (2026)시리즈: Claude Code 실전 정복 | 1편작성자: 체리플랜 | 7년차 프론트엔드 개발자하루 종일 구글링해도 안 풀리던 문제가 터미널 한 줄로 해결됐어요.7년 동안 개발하면서 처음으로 "이건 진짜 혁명cherrycoding0.tistory.com Claude Code 설치했는데 어떻게 써야 할지 모르겠다는 분들 많아요.저도 그랬어요. 설치는 했는데, 터미널 열어놓고 뭘 물어봐야 ..

[Claude Code 실전 정복 #1] 설치부터 첫 실행까지 — 7년차 개발자가 겪은 진짜 과정 (2026)

시리즈: Claude Code 실전 정복 | 1편작성자: 체리플랜 | 7년차 프론트엔드 개발자하루 종일 구글링해도 안 풀리던 문제가 터미널 한 줄로 해결됐어요.7년 동안 개발하면서 처음으로 "이건 진짜 혁명이다" 싶은 순간이었어요.Claude Code 쓰기 전에는 이랬어요. 에러 메시지 복사 → 구글 검색 → Stack Overflow 찾기 → 버전 다르다고 적용 안 됨 → 다시 검색 → 유튜브 튜토리얼 → 따라해도 안 됨 → 또 검색. 이 사이클을 하루에 몇 번씩 반복했어요.Claude Code 쓰면서 바뀐 건 단순해요. 지금 상황을 말로 설명하면 Claude가 프로젝트 파일을 직접 읽고, 원인을 찾고, 코드를 수정해요. 제가 구글링하던 시간이 그냥 없어졌어요.이번 편에서는 Claude Code 설치 ..

개발하다가 Claude Code한테 뭔가 시켰는데 결과가 생각이랑 완전 다르게 나온 경험 있으세요?저도 처음엔 그랬어요. "이 기능 만들어줘"라고 툭 던지면 뭔가 나오긴 하는데, 제가 원하는 것과 미묘하게 달라서 수정 또 수정... 결국 그냥 내가 짜는 게 빠르겠다 싶었거든요.근데 프롬프트 방식을 바꾸고 나서 진짜 달라졌어요. 같은 툴인데 쓰는 방법에 따라 결과물 퀄리티가 완전히 달라지더라고요. 바이브코딩을 제대로 하려면 프롬프트가 핵심이에요.Claude Code, 왜 프롬프트가 중요한가요?Claude Code는 터미널에서 실행하는 AI 코딩 어시스턴트예요. 코드 작성, 디버깅, 리팩토링, 테스트 작성까지 다 도와주는데요, 문제는 "자연어로 말하면 된다"는 말만 믿고 막연하게 던지면 결과가 들쑥날쑥해요...

작성자: 체리플랜 | 7년차 프론트엔드 개발자사이드 프로젝트 하나가 오래된 짐처럼 남아있었어요.닷홈 호스팅에 PHP로 만든 아이돌 팬페이지인데, 그누보드 기반으로 운영하고 있었거든요.처음엔 그냥 빠르게 만드려고 PHP 썼는데, 시간이 지날수록 버전 불일치 문제가 생기고, 뭔가 수정하려면 파일 하나 건드리는 게 너무 두렵고. 유지보수가 최악인 상태가 된 거예요.언젠간 고쳐야지 하면서 방치하다가, 결국 Claude Code 써서 통째로 React로 바꿔버렸어요.개발자라면 공감할 거예요. "이거 언제 리팩토링하지"라고 생각만 하다가 계속 미루는 그 프로젝트.오늘은 그 과정을 실제 경험 기반으로 정리해볼게요. 리팩토링 전 상황 — 뭐가 문제였냐면기술 스택: PHP + 그누보드 + 닷홈 호스팅상태: 버전 불일치,..

시리즈: html.to.design 실무 사용기 2편 1편: URL 하나로 피그마 시안 만드는 법https://cherrycoding0.tistory.com/23 [피그마 플러그인] 사이트를 피그마로 '통째로' 옮기기! URL 하나로 피그마 시안 만드는 법 | html.to운영 중인 앱을 피그마 레이어로 5분 만에 — html.to.design 실무 사용기 Figma to Code 피그마에서 작업할 때 제일 귀찮은 순간이 언제냐면요.베이스가 없을 때예요.운영 중인 앱의 기능 변경 기획서를cherrycoding0.tistory.com 1편에서 html.to.design으로 운영 중인 사이트를 피그마 레이어로 가져왔잖아요.그 다음이 문제예요.피그마 시안이 완성됐는데, 이걸 코드로 어떻게 옮기냐고요. Cod..

바이브코딩 도구 고민할 때 제일 많이 나오는 두 가지가 Cursor랑 Claude Code예요.저는 둘 다 실제로 써봤어요. Cursor는 설날 게임 프로젝트로 처음 바이브코딩 입문했고,Claude Code는 회사 업무에서 시작해서 CherryPlan 포트폴리오 9개 앱 만들 때 본격적으로 써봤어요.결론부터 말하면 — 지금은 Claude Code로 완전히 정착했어요.근데 Cursor가 나쁜 게 아니에요. 용도가 다른 거예요.어떤 상황에 뭐가 맞는지, 각각 쓰면서 "이건 별로다" 싶었던 순간까지 솔직하게 정리할게요.Cursor가 뭔가요?Cursor는 AI가 내장된 코드 에디터예요. VSCode 기반으로 만들어져서 UI가 거의 똑같아요. VSCode 쓰던 분들은 바로 적응할 수 있어요.에디터 안에서 바로 A..