강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

그는차가워님의 프로필 이미지
그는차가워

작성한 질문수

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

🔥[MISSION 4] 클로드 코드로 프로젝트 UI 개선하기🔥

미션4 관련

작성

·

30

·

수정됨

0


다음 두 가지 질문이 있는데, 미션4에서 제안해주시 예시 프롬프트에서 조금 더 추가해서 다음과 같이 프롬프트를 작성해서 진행했습니다.

[추가한 프롬프트]

이 버킷리스트 앱의 UI룰 더 현대적이고 예쁘고 센스있게 개선해줘. 구체적으로: 
1. 배경에 그라데이션이나 색상 추가를 해줘. 
2. 배경은 전반적으로 Dark theme으로 구성해줬으면 좋겠어. 그리고 그에 맞게 폰트나 아이콘 등의 색상도 변경되었으면 해. 
3. 카드 스타일로 버킷리스트 항목 디자인 
4. 버튼에 호버 효과 추가 
5. 전체적으로 여백과 간격 조정
6. 달성률에 관한 표시는 %로 나타내고 추가적으로 시각화 할 수 있는 도넛 모양이나 바를 적용해줘. 

CSS 파일을 수정해서 적용해줘.

 

[결과물]

스크린샷 2026-03-17 오후 11.36.21.png


위 프롬프트로 진행했을 때, Claude Code에서의 모델을 Sonnet 4.6으로 진행한 경우, 진행이 오래걸렸습니다. 약 5분 가까이 지나도 진행이 되지 않았습니다.
그래서 중단을 하고, /init을 먼저 진행한 뒤, Opus로 진행하니 약 3분도 안 되서 제출한 스크린샷과 같은 결과물이 나왔습니다.

Q1. 진행이 빨라진 이유가, Model을 바꿔서 일까요? 혹은 /init을 진행해서 일까요?


Q2. 맥 환경인데, Cursor AI에서 터미널이 자꾸 WSL로 뜨는 연유가 뭔지를 모르겠습니다.

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요! 🙂

Q1. 5분 걸린 원인은 네트워크 상태 등 변수가 있어서 정확히 단정하긴 어려워요. 다만 논리적으로는 /init 실행 후 CLAUDE.md에 프로젝트 구조가 정리된 상태에서 작업하면, 클로드가 파일을 탐색하는 과정을 줄이고 바로 작업에 집중할 수 있어서 더 효율적으로 동작할 가능성이 높아요.

Q2. WSL은 Windows 전용 기능이라 Mac에서는 뜰 수 없는데, 정확한 확인을 위해 스크린샷 남겨주시면 더 정확하게 도움드릴게요!

감사합니다 🙂

Q1 관련: 확인했습니다. 그렇다면, 어떤 프로젝트를 시작할 때, /init 실행 후, 처음부터 개발해달라고 (예시: "TO DO List 웹페이지를 개발해줘") 하기 보다는 CLAUDE.md를 먼저 작성한 뒤에 /plan + 개발을 시작하는 게 좋을까요?

이 경우에는 CLAUDE.md에 쓸 내용보다는 거의 지침에 가까워서 좀 맞는지도 모르겠습니다.

 

Q2 관련: WSL Extension이 추가되어있어서 삭제했더니, 해결이 되었습니다!

그는차가워님의 프로필 이미지
그는차가워

작성한 질문수

질문하기