inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

미션4 관련

76

그는차가워

작성한 질문수 1

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로 뜨는 연유가 뭔지를 모르겠습니다.

react 인공지능(ai) claude

답변 1

0

짐코딩

안녕하세요! 🙂

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

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

감사합니다 🙂

0

그는차가워

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

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

 

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

Starter kit 작업 중 질문

0

9

1

프롬프즈 줄바꿈 문의

1

9

1

문의드려요

0

12

0

커서 색상 및 클로드코드 프롬프트 입력칸 설정 문의

0

16

1

클로드 질문에서 줄 바꿈

0

18

1

2강 퀴즈를 푸려는데 자꾸 수강하지 않은 수업이있는데.. 다들었습니다 ㅜ

0

20

1

37강에서 ROADMAP.md 파일

0

47

2

.claude, setting~, permission 했을 때 Bash 안 보여요

0

34

2

[미션4] open with Live Server 클릭시 브라우저 안뜸

0

40

3

사용량 한도 도달

0

44

2

Cursor를 실행했을 때 나오는 화면이 달라요

0

35

2

Claude code 대화하는 부분이 위치변경 문의 드립니다.

0

38

2

setting.local.json 파일 안보일떄

0

42

2

Shrimp Task Manager와 Fable5 plan모드 성능비교

0

41

2

git hub 들어가서 setting >> pages 들어갔는데

0

43

2

git config 오류 관련 문의

0

45

2

task master, shrimp task manager 질문있어요

0

26

1

모델 선정 기준

0

49

2

Statusline 결과값 보이지 않는 이유

0

49

2

강의교안, 소스코드 링크 문제

0

41

2

config 들어가도 output-style 없어요

0

34

2

프로젝트 이름

0

43

1

왼쪽 창이 달라요

0

51

2

이정도면 영상 다시 찍어야 되는거 아닌가요

0

70

2