inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

미션4 관련

51

그는차가워

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

PRD 생성 서브에이전트

0

0

0

클로드 코드 토큰 절약 공식 플러그인 4개

0

5

0

계획 관련 md파일 질문입니다!

0

15

1

Claude / 터미널 기본명령어

0

16

4

gitignore에 로컬 셋팅 반영 안됨 이슈

0

11

2

git 연동

0

15

1

60강 .claude -> rules (memory)

0

23

1

Plan 모드 활성화 상태에서 해당 모드가 정상 동작 하지 않습니다.

0

20

1

prd-generator.md 서브에이전트 생성 오류

0

19

1

프롬프트 작성시 " \ " 관련 질문

0

28

2

미션9 user memory 누르면 메모장이 뜹니다.

0

24

2

Cursor 터미널에서 스크린 복붙이 안되요

0

29

2

미션 7 관련 url 접속이 안되어 문의드립니다.

0

21

2

plan 모드가 동작하지 않습니다.

0

23

2

mac 클로드 코드 설치 후 오류

0

28

2

92~93강 프롬프트 서브에이전트 공유

0

29

2

강의에 나오는 마우스 스클

0

22

2

데스크톱IDE채팅창 VS 데스크톱IDE 터미널

0

23

1

안티그래비티 확장프로그램

0

29

2

cd 명령어가 안들어요

0

26

2

클로드 데스크앱과의 차이

0

30

1

nmp run build의 기능

0

23

2

plan mode 개발 계획안 확인 불가

0

25

3

max x5 플랜을 결제했습니다.

0

32

2