inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

미션4 관련

84

그는차가워

작성한 질문수 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이 추가되어있어서 삭제했더니, 해결이 되었습니다!

클로드코드 설치오류

0

2

1

Next.js설치 후 shadcn설치 오류

0

7

1

서브에이전트

0

13

1

개인적인 질문인데요..

0

30

1

shrimp task manager 사용 관련 질문입니다.

0

25

1

메모리 , rule

0

34

2

클로드 코드로 제작된 앱 검증

0

44

3

자꾸 수정하면 git관련한게 나오네요

0

48

3

초기 세팅에 대해서 정리한 문서가 있을까요?

0

44

2

첫 강의 이후 1년이 지났는데 괜찮을까요.

0

50

2

클로드 코드 실행 방법 문의

0

44

2

안녕하세요 ai툴 질문있습니다.

0

56

2

Python 문의드립니다.

0

48

1

슬랙 연동 방법 및 파일 관련 질문

0

44

2

터미널앱으로 Terminus 사용 문의

0

42

1

스킬생성 후 업데이트.

0

48

2

강의 화면이랑 조금 달라 문의드립니다.

1

50

2

서브에이전트 활용 질문입니다.

0

61

3

plan mode를 진행하는것에 있어서

0

48

2

클로드 코드 설치 관련

0

56

2

스타터킷 중요도에 대한 질문입니다.

0

54

2

전체적인 개발에 대해 문의드립니다.

1

76

2

줄바꿈 시 \ 필수인가요?

0

77

2

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

81

2