inflearn logo
๊ฐ•์˜

๊ฐ•์˜

N
์ฑŒ๋ฆฐ์ง€

์ฑŒ๋ฆฐ์ง€

๋ฉ˜ํ† ๋ง

๋ฉ˜ํ† ๋ง

N
ํด๋ฆฝ

ํด๋ฆฝ

๋กœ๋“œ๋งต

๋กœ๋“œ๋งต

์ง€์‹๊ณต์œ 

ํด๋กœ๋“œ ์ฝ”๋“œ ์™„๋ฒฝ ๋งˆ์Šคํ„ฐ: AI ๊ฐœ๋ฐœ ์›Œํฌํ”Œ๋กœ์šฐ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€

๐Ÿ”ฅ[MISSION 3] ํด๋กœ๋“œ ์ฝ”๋“œ๋กœ ํ”„๋กœ์ ํŠธ ๋ถ„์„ํ•˜๊ธฐ๐Ÿ”ฅ

์„น์…˜ 4. -> ๐Ÿ”ฅ[MISSION 3] ํด๋กœ๋“œ ์ฝ”๋“œ๋กœ ํ”„๋กœ์ ํŠธ ๋ถ„์„ํ•˜๊ธฐ๐Ÿ”ฅ

325

ใ…Ž

์ž‘์„ฑํ•œ ์งˆ๋ฌธ์ˆ˜ 4

0

๊ทธ๋ƒฅ ๋ฐ”๋กœ /init ํ•˜๋Š” ๊ฒƒ

vs.

ํ”„๋กœ์ ํŠธ ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ ์š”์ฒญํ•˜๊ธฐ -> /init

์ด ํ”„๋กœ์ ํŠธ๊ฐ€ ์–ด๋–ค ํ”„๋กœ์ ํŠธ์ธ์ง€ ์ „์ฒด์ ์œผ๋กœ ๋ถ„์„ํ•ด์ค˜. ํ”„๋กœ์ ํŠธ์˜ ๋ชฉ์ , ์ฃผ์š” ๊ธฐ๋Šฅ, ์‚ฌ์šฉ๋œ ๊ธฐ์ˆ , ํŒŒ์ผ ๊ตฌ์กฐ๋ฅผ ์ž์„ธํžˆ ์„ค๋ช…ํ•ด์ค˜.

 

๋ฐ”๋กœ /init ํ•˜๋Š” ๊ฒƒ๊ณผ ํ”„๋กฌํ”„ํŠธ๋กœ ์š”์ฒญ ํ›„์— /init ํ•˜๋Š”๊ฒƒ์— ์ฐจ์ด๊ฐ€ ์žˆ๋‚˜์š”? ํ›„์ž๊ฐ€ ๋” ํšจ๊ณผ๊ฐ€ ์ข‹์€๊ฑด์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

react next.js cursor tailwindcss claude ์ง€๊ธˆ-๋ฒ ์ŠคํŠธ

๋‹ต๋ณ€ 2

0

์ง์ฝ”๋”ฉ

์•ˆ๋…•ํ•˜์„ธ์š”! ๐Ÿ™‚

์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ์ƒ์„ฑ ํ•˜๋А๋ƒ๋ณด๋‹ค ์ตœ์ข…์ ์œผ๋กœ CLAUDE.md๊ฐ€ ์ž˜ ์ž‘์„ฑ๋˜์—ˆ๋А๋ƒ๊ฐ€ ์ค‘์š”ํ•ด์š”.

๋ฐ”๋กœ /init์„ ํ•˜๋“ , ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ๋ฅผ ๋จผ์ € ๋˜์ง€๊ณ  /init์„ ํ•˜๋“ , ๊ฒฐ๊ณผ๋ฌผ์ธ CLAUDE.md์˜ ํ’ˆ์งˆ์ด ํ•ต์‹ฌ์ด์—์š”. ํด๋กœ๋“œ ์ฝ”๋“œ๊ฐ€ ํ”„๋กœ์ ํŠธ๋ฅผ ์ถฉ๋ถ„ํžˆ ์ดํ•ดํ•˜๊ณ  ์žˆ๋Š” ์ƒํƒœ์—์„œ CLAUDE.md๋ฅผ ์ƒ์„ฑํ•˜๋ฉด ๋˜๋Š” ๊ฑฐ๋ผ, ์ˆœ์„œ ์ž์ฒด๊ฐ€ ๊ฒฐ์ •์ ์ธ ์ฐจ์ด๋ฅผ ๋งŒ๋“ค์ง€๋Š” ์•Š์•„์š”.

์‹ค์ œ๋กœ ์ €๋Š” ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋‹ค๋ฅด๊ฒŒ ํ•ด์š”.

  • ๊ทธ๋ƒฅ /init๋งŒ ํ•˜๋Š” ๊ฒฝ์šฐ๋„ ์žˆ๊ณ 

  • CLAUDE.md๋ฅผ ์ˆ˜๋™์œผ๋กœ ์ง์ ‘ ๋งŒ๋“ค์–ด์„œ ์ฑ„์šฐ๋Š” ๊ฒฝ์šฐ๋„ ์žˆ๊ณ 

  • ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ๋ฅผ ๋จผ์ € ๋˜์ ธ์„œ ํด๋กœ๋“œ๊ฐ€ ํ”„๋กœ์ ํŠธ๋ฅผ ์ถฉ๋ถ„ํžˆ ํŒŒ์•…ํ•œ ๋’ค /initํ•˜๋Š” ๊ฒฝ์šฐ๋„ ์žˆ์–ด์š”

๊ทธ๋ฆฌ๊ณ  ๊ณต์‹ ๋ฌธ์„œ์—์„œ๋„ ๊ฐ•์กฐํ•˜๋Š” ๋ถ€๋ถ„์ธ๋ฐ, CLAUDE.md๋Š” ํ•œ ๋ฒˆ ๋งŒ๋“ค๊ณ  ๋์ด ์•„๋‹ˆ๋ผ ํ”„๋กœ์ ํŠธ๊ฐ€ ์ง„ํ–‰๋˜๋ฉด์„œ ์ง€์†์ ์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๊ฒŒ ์ค‘์š”ํ•ด์š”.

image.png

ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ๊ฐ€ ๋ฐ”๋€Œ๊ฑฐ๋‚˜, ์ƒˆ๋กœ์šด ์ปจ๋ฒค์…˜์ด ์ƒ๊ธฐ๊ฑฐ๋‚˜, ์ค‘์š”ํ•œ ๊ฒฐ์ •์ด ์žˆ์„ ๋•Œ๋งˆ๋‹ค ๋ฐ˜์˜ํ•ด์ฃผ๋Š” ๊ฑฐ์ฃ .

๊ทธ๋Ÿฌ๋‹ˆ๊นŒ ์ดˆ๊ธฐ ์ƒ์„ฑ ๋ฐฉ์‹์— ๋„ˆ๋ฌด ๊ณ ๋ฏผํ•˜์‹œ๊ธฐ๋ณด๋‹ค๋Š”, ์ƒ์„ฑ๋œ CLAUDE.md๋ฅผ ์ง์ ‘ ํ™•์ธํ•˜๊ณ  ๋ถ€์กฑํ•œ ๋ถ€๋ถ„์„ ๋ณด์™„ํ•ด๋‚˜๊ฐ€๋Š” ์Šต๊ด€์„ ๋“ค์ด์‹œ๋Š” ๊ฒŒ ๋” ํšจ๊ณผ์ ์ด์—์š” ๐Ÿ˜Š

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๐Ÿ™

0

์ธํ”„๋Ÿฐ AI ์ธํ„ด

์•ˆ๋…•ํ•˜์„ธ์š”, ์ธํ”„๋Ÿฐ AI ์ธํ„ด์ž…๋‹ˆ๋‹ค. ใ…Ž๋‹˜.

ํด๋กœ๋“œ ์ฝ”๋“œ์—์„œ์˜ ํ”„๋กœ์ ํŠธ ์ดˆ๊ธฐํ™”์™€ ๊ด€๋ จ๋œ ์งˆ๋ฌธ์— ๋Œ€ํ•ด ์•ˆ๋‚ด๋“œ๋ฆฝ๋‹ˆ๋‹ค. /init ๋ช…๋ น์–ด์™€ ํ”„๋กœ์ ํŠธ ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ์˜ ์ˆœ์„œ๊ฐ€ ์ดˆ๊ธฐ์— ํ˜ผ๋ž€์Šค๋Ÿฌ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‘ ์ ‘๊ทผ ๋ฐฉ์‹์˜ ์ฐจ์ด๋ฅผ ์„ค๋ช…๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค:

  1. ๋ฐ”๋กœ /init ์‹คํ–‰ํ•˜๊ธฐ:

    • ๊ธฐ๋ณธ์ ์œผ๋กœ /init ๋ช…๋ น์–ด๋Š” ํ”„๋กœ์ ํŠธ ํด๋” ๋‚ด์˜ ์ฝ”๋“œ๋ฒ ์ด์Šค๋ฅผ ์Šค์บ”ํ•˜์—ฌ CLAUDE.md ํŒŒ์ผ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ ๊ตฌ์กฐ, ๊ธฐ์ˆ  ์Šคํƒ ๋“ฑ์„ ์ž๋™์œผ๋กœ ๊ฐ์ง€ํ•˜๋ฉฐ, ๋ช…ํ™•ํ•œ ํ”„๋กœ์ ํŠธ์˜ ์„ค์ • ์—†์ด๋„ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.
  2. ํ”„๋กœ์ ํŠธ ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ ํ›„ /init:

    • ํ”„๋กœ์ ํŠธ ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ๋ฅผ ๋จผ์ € ์‹คํ–‰ํ•˜๋ฉด ํด๋กœ๋“œ๊ฐ€ ํ”„๋กœ์ ํŠธ์˜ ๋ชฉ์ , ์‚ฌ์šฉ๋œ ๊ธฐ์ˆ , ํŒŒ์ผ ๊ตฌ์กฐ ๋“ฑ์„ ๋ณด๋‹ค ๊ตฌ์ฒด์ ์œผ๋กœ ์ดํ•ดํ•œ ํ›„, /init ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
    • ์ด ๊ณผ์ •์€ ํด๋กœ๋“œ๊ฐ€ ์ข€ ๋” ๋‚˜์€ ์ปจํ…์ŠคํŠธ์™€ ๋ช…ํ™•ํ•œ ์ดํ•ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ดˆ๊ธฐํ™”๋ฅผ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ณต์žกํ•˜๊ฑฐ๋‚˜ ๋ช…์‹œ์ ์ธ ์„ค์ •์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ ์œ ๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์š”์•ฝํ•˜๋ฉด, ๊ฐ„๋‹จํ•œ ํ”„๋กœ์ ํŠธ๋‚˜ ๊ธฐ๋ณธ์ ์ธ ์ดˆ๊ธฐํ™”๋ฅผ ์‹œ๋„ํ•  ๋•Œ๋Š” ๋ฐ”๋กœ /init์„ ์‹คํ–‰ํ•ด๋„ ์ถฉ๋ถ„ํžˆ ์›ํ•˜๋Š” ๊ฒฐ๊ณผ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ํด๋กœ๋“œ๊ฐ€ ๋ณด๋‹ค ๋†’์€ ์ˆ˜์ค€์˜ ์ดํ•ด๊ฐ€ ์š”๊ตฌ๋˜๋Š” ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ, ํ”„๋กœ์ ํŠธ ๋ถ„์„ ํ”„๋กฌํ”„ํŠธ๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋” ํšจ๊ณผ์ ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์œ ์‚ฌํ•œ ์งˆ๋ฌธ ๋ฐ ๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ํ™•์ธํ•˜๊ณ  ์‹ถ์œผ์‹œ๋‹ค๋ฉด ์•„๋ž˜์˜ ๊ด€๋ จ URL์„ ์ฐธ์กฐํ•˜์„ธ์š”:

์ €๋Š” ์งˆ๋ฌธ์ž๋‹˜์˜ ์ดํ•ด๋ฅผ ๋•๊ณ ์ž ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๊ธฐ์กด ๋‹ต๋ณ€์„ ์ฐธ๊ณ ํ•˜์—ฌ ์œ ์‚ฌํ•œ ๋‹ต๋ณ€ ๋งํฌ๋ฅผ ์ถ”์ฒœํ•ด๋“œ๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
ํ˜„์žฌ ๋ฒ ํƒ€ ๊ธฐ๋Šฅ์œผ๋กœ ๋‹ต๋ณ€์ด ๋งŒ์กฑ์Šค๋Ÿฝ์ง€ ์•Š์„ ์ˆ˜ ์žˆ๋Š” ์  ์–‘ํ•ด ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™
์ถ”๊ฐ€์ ์œผ๋กœ ๊ถ๊ธˆํ•œ ์ ์ด ์žˆ์œผ์‹œ๋ฉด, ์ด์–ด์„œ ์งˆ๋ฌธํ•ด ์ฃผ์„ธ์š”. ๊ณง ์ง€์‹๊ณต์œ ์ž๊ป˜์„œ ๋‹ต๋ณ€ํ•ด ์ฃผ์‹ค ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ฌธ์„œ ์—…๋ฐ์ดํŠธ

0

14

1

/init

0

16

1

์ด๋ฏธ์ง€๋‚ด ํ…์ŠคํŠธ ์ธ์‹์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•

0

9

0

๋ฌธ์„œ, ํŒŒ์ผ, ์›น์‚ฌ์ดํŠธ ์ฐธ๊ณ  ๊ด€๋ จ

0

10

1

vs code์—์„œ ํด๋กœ๋“œ ์„ค์ •

0

17

1

์„œ๋ธŒ์—์ด์ „ํŠธ ๋ณต์‚ฌ ๊ด€๋ จ

0

9

1

prd ์ƒ์„ฑ ์„œ๋ธŒ์—์ด์ „ํŠธ description ๊ด€๋ จ

0

10

1

94๊ฐ• PRD ๋ฌธ์„œ ๊ฒ€ํ†  ์„œ๋ธŒ์—์ด์ „ํŠธ ๊ด€๋ จ ์งˆ๋ฌธ๋“œ๋ ค์š”.

0

12

1

init ์˜ค๋ฅ˜

0

16

1

IDE ๋„๊ตฌ ๊ด€๋ จ

0

15

1

task manager ์‚ฌ์šฉ์‹œ ์„œ๋ธŒ์—์ด์ „ํŠธ ๊ฐœ์ž… ๊ด€๋ จ

0

16

1

์นด๋“œ๋‰ด์Šค ์ œ์ž‘ ์‹œ CSS ์‚ฌ์šฉ ๊ด€๋ จ

0

16

0

165๊ฐ• ์นด๋“œ๋‰ด์Šค ๊ด€๋ จ ์งˆ๋ฌธ๋“œ๋ ค์š”.

0

20

0

CLAUDE.md ๋ถ„์‚ฐ๊ด€๋ฆฌ ๊ด€๋ จ ์งˆ๋ฌธ๋“œ๋ ค์š”.

0

19

1

github ์‚ฌ๋ก€ ์ ์šฉ ๋ฐฉ๋ฒ•

0

19

1

ํ”„๋กœ์ ํŠธ ๋„์ž… ๊ด€๋ จ

0

18

1

์„œ๋ธŒ์—์ด์ „ํŠธ์™€ ํŒ€์—์ด์ „ํŠธ ๊ด€๋ จ

0

16

1

161๊ฐ•์—์„œ ์†Œ๊ฐœํ•ด ์ฃผ์‹  CLAUDE.md ํŒŒ์ผ ์ ์šฉ ๊ด€๋ จ

0

16

1

๊ฐ•์˜ ๋”ฐ๋ผ ํ•˜๋Š”๋ฐ ๊ฐ•์˜์—์„œ ๊ฐ‘์ž๊ฐ€ ์ƒ์„ฑ๋˜๋Š” ํด๋”๋Š”?

0

20

1

๊ฐ•์˜๋”ฐ๋ผ๊ฐ€๋ฉด์„œ ๋ณผ๋งŒํ•œ ์ฐธ๊ณ ์„œ์  ๋ฌธ์˜๋“œ๋ ค์š”

0

21

0

/permissions ํ–ˆ๋Š”๋ฐ bash๊ฐ€ ์•ˆ๋‚˜์˜ต๋‹ˆ๋‹ค.

0

22

3

37. ์ด๋ฏธ์ง€ ์ฒจ๋ถ€ํ•˜๊ธฐ ๊ด€๋ จ ๋ฌธ์˜ ๋“œ๋ฆฝ๋‹ˆ๋‹ค

0

21

1

ํด๋กœ๋“œ ์›น์‚ฌ์šฉ๊ณผ ํ„ฐ๋ฏธ๋„ ํ™˜๊ฒฝ์—์„œ์˜ ์‚ฌ์šฉ ์—ฐ๋™ ์—ฌ๋ถ€ ๋ฌธ์˜

0

23

1

์ด๋ฏธ์ง€ ์ฒจ๋ถ€ ๊ด€๋ จ

0

33

2