inflearn logo
๊ฐ•์˜

่ฌ›็พฉ

็Ÿฅ่ญ˜ๅ…ฑๆœ‰

Claude Code ๅฎŒๅ…จใƒžใ‚นใ‚ฟใƒผ๏ผšAI้–‹็™บใƒฏใƒผใ‚ฏใƒ•ใƒญใƒผใฎๅŸบ็คŽใ‹ใ‚‰ๅฎŸ่ทตใพใง

๐Ÿ”ฅ[MISSION 7] ใƒ—ใƒญใƒ•ใ‚ฃใƒผใƒซใ‚ฆใ‚งใƒ–ใฎGithubใƒชใƒณใ‚ฏใ‚’ๆๅ‡บใ™ใ‚‹๐Ÿ”ฅ

๐Ÿ”ฅ[MISSION 7] ํ”„๋กœํ•„ ์›น Github ๋งํฌ ์ œ์ถœํ•˜๊ธฐ๐Ÿ”ฅ์งˆ๋ฌธ

3

deborah1028

ๆŠ•็จฟใ—ใŸ่ณชๅ•ๆ•ฐ 11

0

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2026-06-03 แ„‹แ…ฉแ„’แ…ฎ 9.07.28.png

4๋‹จ๊ณ„์™„๋ฃŒ

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2026-06-03 แ„‹แ…ฉแ„’แ…ฎ 9.08.11.png

5๋‹จ๊ณ„๊นŒ์ง€ ์™„๋ฃŒํ•˜๊ณ 

https://์‚ฌ์šฉ์ž๋ช….github.io/my-profile-site/ ์ฃผ์†Œ๋กœ ์ €์˜ ์‚ฌ์šฉ์ž๋ช…์ด 'deborah1028' ๋„ฃ์–ด์„œ ์‹œ๋„ํ•ด๋ดค๋Š”๋ฐ ์›น์‚ฌ์ดํŠธ ์ ‘์†์ด ์•ˆ๋ผ์š”

 

์ง์ฝ”๋”ฉ๋‹˜ ์˜์ƒ ๋ณด๋ฉด์„œ ๋”ฐ๋ผํ–ˆ๋Š”๋ฐ ์ฐจ์ด์ ์ด ์žˆ๋‹ค๋ฉด 4๋‹จ๊ณ„๊ฐ€ ๋๋‚˜๊ณ 

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2026-06-03 แ„‹แ…ฉแ„’แ…ฎ 9.09.36.png

repository ํ™•์ธํ•ด๋ดค์„ ๋•Œ css, js๊ฐ€ ํ™•์ธ์ด ๋˜์ง€์•Š์•„์š”

ํ•˜์ง€๋งŒ ์ €๋Š” 4๋‹จ๊ณ„๊นŒ์ง€ ๋ถ„๋ช… ๋˜‘๊ฐ™์ด ์™„๋ฃŒํ–ˆ๋Š”๋ฐ ์™œ ์ด๊ฒŒ ๊ฒŒ์‹œ๊ฐ€ ์•ˆ๋˜๋Š”์ง€ ๊ถ๊ธˆํ•˜๊ณ 

๊ถ๊ทน์ ์œผ๋กœ ์›น์‚ฌ์ดํŠธ ๋ฐฐํฌ๊ฐ€ ์–ด๋–ค ๋ฌธ์ œ๋กœ ๋ง‰ํ˜”๋Š”์ง€ ํ˜น์‹œ ์•Œ์ˆ˜ ์žˆ์„๊นŒ์š”?

 

react ์ธ๊ณต์ง€๋Šฅ(ai) claude

ๅ›ž็ญ” 1

0

communityai8509

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

GitHub Pages๋ฅผ ํ†ตํ•ด ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐฐํฌํ•˜๊ณ ์ž ํ•˜์…จ๋Š”๋ฐ, ์˜๋„ํ•œ ๋Œ€๋กœ ํŽ˜์ด์ง€๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ์žˆ๋‹ค๋Š” ์ƒํ™ฉ์ด๊ตฐ์š”. ์•„๋ž˜์— ๋ฌธ์ œ๋ฅผ ์ง„๋‹จํ•  ์ˆ˜ ์žˆ๋Š” ๋ช‡ ๊ฐ€์ง€ ์ฃผ์š” ์‚ฌํ•ญ์„ ์•ˆ๋‚ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ ๋ฐฐํฌ ๋ฌธ์ œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

  1. ํŒŒ์ผ ๊ตฌ์กฐ ํ™•์ธ:

    • ํ”„๋กœ์ ํŠธ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— index.html ํŒŒ์ผ์ด ๋ฐ˜๋“œ์‹œ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. index.html ํŒŒ์ผ์€ ์›น์‚ฌ์ดํŠธ์˜ ์ž…๊ตฌ ์—ญํ• ์„ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ฃจํŠธ์— ์กด์žฌํ•˜์ง€ ์•Š์œผ๋ฉด 404 ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  2. CSS ๋ฐ JS ํŒŒ์ผ ๋ˆ„๋ฝ:

    • GitHub ์ €์žฅ์†Œ์— CSS ๋ฐ JS ํŒŒ์ผ์ด ํ™•์ธ๋˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ํ•˜์…จ๋Š”๋ฐ, ํ•ด๋‹น ํŒŒ์ผ๋“ค์ด ์ œ๋Œ€๋กœ ์ปค๋ฐ‹๋˜์ง€ ์•Š์•˜๊ฑฐ๋‚˜, .gitignore์— ์˜ํ•ด ๋ฌด์‹œ๋˜๊ณ  ์žˆ์„ ๊ฐ€๋Šฅ์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํŒŒ์ผ๋“ค์ด .gitignore์— ํฌํ•จ๋˜์ง€ ์•Š์•˜๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ์ถ”๊ฐ€ ํ›„ ๋‹ค์‹œ ์ปค๋ฐ‹ํ•ด ์ฃผ์„ธ์š”.
  3. ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ ๋ฌธ์ œ:

    • ์ƒˆ๋กœ ๋ฐฐํฌ๋œ ์‚ฌ์ดํŠธ๊ฐ€ ์บ์‹œ ๋ฌธ์ œ๋กœ ์ธํ•ด ์ œ๋Œ€๋กœ ๋กœ๋“œ๋˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ์‹œํฌ๋ฆฟ ๋ชจ๋“œ์—์„œ ์—ด์–ด๋ณด๊ฑฐ๋‚˜ ์บ์‹œ๋ฅผ ์ง€์šฐ๊ณ  ๋‹ค์‹œ ์‹œ๋„ํ•ด ๋ณด์„ธ์š”.
  4. GitHub Pages ์„ค์ • ํ™•์ธ:

    • Settings -> Pages์—์„œ ์†Œ์Šค ๋ธŒ๋žœ์น˜๋กœ main์ด ์„ค์ •๋˜์–ด ์žˆ๋Š”์ง€ ๋‹ค์‹œ ํ•œ ๋ฒˆ ํ™•์ธํ•˜์„ธ์š”. ๊ทธ๋ฆฌ๊ณ  ๋ฐฐํฌ ์ƒํƒœ๊ฐ€ ์–ด๋–ป๊ฒŒ ํ‘œ์‹œ๋˜๋Š”์ง€๋„ ํ•จ๊ป˜ ํ™•์ธํ•ด ๋ณด์„ธ์š”.
  5. GitHub Actions/๋นŒ๋“œ ๋กœ๊ทธ ํ™•์ธ:

    • GitHub Actions๋‚˜ ๋นŒ๋“œ ๋กœ๊ทธ๋ฅผ ํ™•์ธํ•˜์—ฌ ๋ฐฐํฌ ๊ณผ์ •์—์„œ ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๊ฐ€ ์—†๋Š”์ง€ ์ฒดํฌํ•ด ๋ณด์„ธ์š”. ๋•Œ๋กœ๋Š” ๋นŒ๋“œ๋ฅผ ์‹คํŒจํ•œ ๊ธฐ๋ก์ด ๋‚จ์•„์žˆ๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

๊ด€๋ จํ•˜์—ฌ ์ฐธ๊ณ ํ•˜์‹ค ์ˆ˜ ์žˆ๋Š” ๊ธฐ์กด ์งˆ๋ฌธ ๋งํฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค:

์งˆ๋ฌธ์ž๋‹˜์ด ์›น์‚ฌ์ดํŠธ ๋ฐฐํฌ๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ์ง„ํ–‰ํ•˜์‹ค ์ˆ˜ ์žˆ๋„๋ก ์œ„์˜ ์‚ฌํ•ญ์„ ์ฐธ๊ณ ํ•ด ๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. ์›น์‚ฌ์ดํŠธ๊ฐ€ ์„ฑ๊ณต์ ์œผ๋กœ ๋ฐฐํฌ๋˜๊ธธ ๋ฐ”๋ผ๋ฉฐ, ์ถ”๊ฐ€์ ์œผ๋กœ ๊ถ๊ธˆํ•œ ์ ์ด ์žˆ์œผ์‹œ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ์งˆ๋ฌธํ•ด ์ฃผ์„ธ์š”.

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

์—์ด์ „ํŠธ ํŒ€ ๋ฌธ์˜

0

12

1

ํด๋กœ๋“œ ์ฝ”๋“œ ์„ค์น˜ ํ›„ ์•„์ด์ฝ˜

0

12

0

์ž…๋ ฅ๋ž€ ์œ„์น˜ ์กฐ์ • ๊ฐ€๋Šฅ ์—ฌ๋ถ€

0

13

1

fatal: not in a git directory

0

16

1

vercel new project ์— ๋…ธ์ถœ๋˜์ง€ ์•Š์œผ๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ์š”?

0

28

1

๋™์˜์ƒ ๋Š๊น€ ( ์„น์…˜ 2 )

0

22

2

supabase ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ ์ ์šฉ ๊ด€๋ จ ์งˆ๋ฌธ๋“œ๋ ค์š”.

0

28

1

์‹œ์Šคํ…œ๊ด€๋ฆฌ์ž๊ฐ€ ์•ฑ์„ ์ฐจ๋‹จํ–ˆ๋‹ค๊ณ  ๋œน๋‹ˆ๋‹ค.

0

20

1

ํ”„๋กœ์ ํŠธ ํด๋” ๋ณต์‚ฌ ํ›„ ์‚ฌ์šฉ ๊ด€๋ จ

0

25

2

๊ธฐ์ˆ ์Šคํƒ ๊ฐ•์˜ ๊ด€๋ จํ•ด์„œ ์งˆ๋ฌธ๋“œ๋ ค์š”.

0

30

2

๊ฐ•์˜ ์ž๋ฃŒ๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹คใ… ใ… 

0

32

2

์„œ๋ธŒ์—์ด์ „ํŠธ ๋ฌธ์˜

0

28

2

๋…ธ์…˜ ๊ฐ•์˜ ํ™”๋ฉด๊ณผ ์‹ค์ œ ํ™”๋ฉด๊ณผ ๋„ˆ๋ฌด ๋‹ฌ๋ผ์„œ ์ˆ˜์—… ์ง„ํ–‰์ด ์•ˆ ๋ฉ๋‹ˆ๋‹ค

0

37

1

ํŒŒ์›Œ์…€์—์„œ claude ์ฝ”๋“œ์˜ ๋ฒ„์ „ํ™•์ธ์ด ์•Š๋ฉ๋‹ˆ๋‹ค.

0

31

2

์œˆ๋„์šฐ์—์„œ ์„ค์ •ํ™”๋ฉด์ด ๋‹ค๋ฆ…๋‹ˆ๋‹ค.ํด๋กœ๋“œ์ฝ”๋“œ ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ •

0

29

2

๊นƒํ—ˆ๋ธŒ Publish ์งˆ๋ฌธ

0

35

2

ํด๋กœ๋“œ ์ฝ”๋“œ ํ”„๋กœ ์‚ฌ์šฉ์ž์ธ๋ฐ..

0

40

2

๊ฐ•์˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ๋“ค์–ด์•ผ ํ• ๊นŒ์š”??

0

37

1

supabase ์‚ฌ์šฉ ๊ด€๋ จ.

0

33

2

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

0

43

2

/init

0

48

2

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

0

33

1

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

0

30

2

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

0

37

2