๐ŸŽฏ Git ์‚ฌ์šฉํ•ด๋ณด๊ธฐ(์ต์ˆ™ํ•ด์ง€๊ธฐ)

์ดํฌ์—ฐยท2025๋…„ 5์›” 14์ผ

โœ… 1. Git ๊ธฐ๋ณธ ๋ช…๋ น์–ด ์ตํžˆ๊ธฐ

  • git init: Git ์ €์žฅ์†Œ ์ƒ์„ฑ (๋กœ์ปฌ์—์„œ Git ์‹œ์ž‘)

  • git add: ๋ณ€๊ฒฝํ•œ ํŒŒ์ผ์„ ์ปค๋ฐ‹ ๋Œ€๊ธฐ ์ƒํƒœ(Staging Area)๋กœ ์˜ฌ๋ฆผ

  • git commit -m "๋ฉ”์‹œ์ง€": ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ๋กœ์ปฌ ์ €์žฅ์†Œ์— ์ €์žฅ

  • git push: ๋กœ์ปฌ ์ €์žฅ์†Œ ๋‚ด์šฉ์„ ์›๊ฒฉ ์ €์žฅ์†Œ(GitHub ๋“ฑ)์— ์—…๋กœ๋“œ

  • git pull: ์›๊ฒฉ ์ €์žฅ์†Œ์˜ ์ตœ์‹  ๋‚ด์šฉ์„ ๋ฐ›์•„์™€ ๋กœ์ปฌ์— ๋ฐ˜์˜

๐Ÿ“Œ ์ด 5๊ฐœ๋งŒ ์ต์ˆ™ํ•ด๋„ Git ์‚ฌ์šฉ ๊ธฐ๋ณธ์€ OK!

โœ… 2. Git ๊ฐœ๋… ์ดํ•ดํ•˜๊ธฐ

  • .gitignore: Git์ด ๋ฌด์‹œํ•ด์•ผ ํ•  ํŒŒ์ผ ๋ชฉ๋ก ์ •์˜ (.env, node_modules ๋“ฑ)

  • branch: ๋…๋ฆฝ์ ์ธ ์ž‘์—… ๊ณต๊ฐ„. ์‹คํ—˜, ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ์šฉ์œผ๋กœ ์ž์ฃผ ์‚ฌ์šฉ

  • merge: ๋ธŒ๋žœ์น˜๋ฅผ ๋‹ค๋ฅธ ๋ธŒ๋žœ์น˜(main ๋“ฑ)๋กœ ํ•ฉ์น˜๋Š” ์ž‘์—…

๐Ÿ“Œ ๋ธŒ๋žœ์น˜ + ๋จธ์ง€๋Š” ํ˜‘์—…์—์„œ ์ •๋ง ์ค‘์š”ํ•ด!

โœ… 3. GitHub ์‚ฌ์šฉ ๊ฒฝํ—˜ ์Œ“๊ธฐ

  • GitHub์— ํ”„๋กœ์ ํŠธ ์˜ฌ๋ ค๋ณด๊ธฐ

  • ์ปค๋ฐ‹ ํžˆ์Šคํ† ๋ฆฌ ๊ด€๋ฆฌํ•ด๋ณด๊ธฐ

  • README.md ์ž‘์„ฑํ•ด๋ณด๋ฉด ๋” ์ข‹์•„! (์ž๊ธฐ์†Œ๊ฐœ + ํ”„๋กœ์ ํŠธ ์„ค๋ช…)

๐Ÿ“Œ ํฌํŠธํด๋ฆฌ์˜ค ๊ณต์œ ์šฉ์œผ๋กœ GitHub์€ ๊ฑฐ์˜ ํ•„์ˆ˜


๐Ÿš€ GitHub Pages๋กœ ๋ฐฐํฌํ•˜๋Š” ์ˆœ์„œ (๊ฐ„๋‹จ ์ •๋ฆฌ)

โœ… 1. GitHub ์ €์žฅ์†Œ ์ƒ์„ฑ

  • GitHub์—์„œ ์ƒˆ ์ €์žฅ์†Œ ์ƒ์„ฑ (my-portfolio ๊ฐ™์€ ์ด๋ฆ„)

โœ… 2. ํ”„๋กœ์ ํŠธ ์ค€๋น„

  • ์›น ํ”„๋กœ์ ํŠธ ํด๋” (index.html ํ•„์ˆ˜!)
  • ์ด๋ฏธ ๋งŒ๋“  ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ์œผ๋ฉด ๊ทธ๊ฑธ ์ €์žฅ์†Œ์— ์—ฐ๊ฒฐ

โœ… 3. GitHub Desktop์—์„œ ์ž‘์—…

  • ํ”„๋กœ์ ํŠธ ํด๋” ์—ด๊ธฐ
  • ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ (์˜ˆ: gh-pages ๋˜๋Š” ๊ทธ๋ƒฅ main)
  • index.html ํฌํ•จ๋œ ํŒŒ์ผ๋“ค ์ปค๋ฐ‹
  • Push ํ•ด์„œ GitHub์— ์—…๋กœ๋“œ

โœ… 4. ๋ฐฐํฌ ์„ค์ •

  1. GitHub ์ €์žฅ์†Œ ํŽ˜์ด์ง€๋กœ ์ด๋™

  2. ์ƒ๋‹จ ๋ฉ”๋‰ด โ†’ Settings ํด๋ฆญ

  3. ์™ผ์ชฝ ์‚ฌ์ด๋“œ๋ฐ”์—์„œ Pages ํด๋ฆญ

  4. Source ์„ค์ •:

    • ๋ธŒ๋žœ์น˜: main ๋˜๋Š” gh-pages
    • / (root) ์„ ํƒ
  5. ์ €์žฅ ํ›„, ์ž ์‹œ ๊ธฐ๋‹ค๋ฆฌ๋ฉด ๐Ÿ”— ๋ฐฐํฌ ๋งํฌ ์ƒ์„ฑ๋จ

๐Ÿ‘‰ ๋ณดํ†ต ์ฃผ์†Œ: https://์‚ฌ์šฉ์ž๋ช….github.io/์ €์žฅ์†Œ๋ช…/

๐Ÿ“ ์ฃผ์˜! ๊ผญ ์žˆ์–ด์•ผ ํ•  ํŒŒ์ผ

  • index.html โ† ๋ฉ”์ธ ์ง„์ž…์ ์ด ๋ฐ˜๋“œ์‹œ ์žˆ์–ด์•ผ GitHub Pages๊ฐ€ ์ž‘๋™ํ•ด

๐Ÿ’ก ๋ธŒ๋žœ์น˜ ์ด๋ฆ„์ด ์ค‘์š”ํ•œ ์ด์œ 

  • GitHub Pages๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ main ๋˜๋Š” gh-pages ๋ธŒ๋žœ์น˜์—์„œ ๋ฐฐํฌ ๊ฐ€๋Šฅ
  • ์˜ˆ์ „์—๋Š” gh-pages ๋ธŒ๋žœ์น˜๋ฅผ ๋”ฐ๋กœ ๋งŒ๋“ค๊ธฐ๋„ ํ–ˆ์ง€๋งŒ, ์š”์ฆ˜์€ main๋งŒ ์จ๋„ ๊ฐ€๋Šฅํ•จ

โœ… ์ˆœ์„œ ์š”์•ฝ ํ•œ์ค„๋กœ!

GitHub ์ €์žฅ์†Œ ์ƒ์„ฑ โ†’ ํ”„๋กœ์ ํŠธ ์ปค๋ฐ‹/ํ‘ธ์‹œ โ†’ Settings > Pages ์„ค์ • โ†’ ๋ฐฐํฌ ๋งํฌ ํ™•์ธ ๐ŸŽ‰

Git ์ดˆ๋ณด ์ต์ˆ™ํ•ด์ง€๊ธฐ ์—ฐ์Šต

git init                           # Git ์ดˆ๊ธฐํ™”
git add .                          # ๋ชจ๋“  ํŒŒ์ผ ์ถ”๊ฐ€
git commit -m "init: ์ฒซ ์ปค๋ฐ‹"     # ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ์ž‘์„ฑ
git remote add origin "๋‚˜์˜ ๊นƒUrl ๋ณต๋ถ™"
git branch -M main                # ๋ธŒ๋žœ์น˜๋ช… main์œผ๋กœ ์„ค์ •
git push -u origin main           # ์›๊ฒฉ ์ €์žฅ์†Œ์— ํ‘ธ์‹œ

โœ… 1. VS Code์—์„œ ํด๋” ์—ด๊ธฐ

  • ๋ฐฉ๊ธˆ ๋งŒ๋“  ํด๋”๋ฅผ VS Code์—์„œ ์—ด์–ด์ค˜
  • ๋ณดํ†ต ํŒŒ์ผ โ†’ ํด๋” ์—ด๊ธฐ ํ•ด์„œ ์„ ํƒํ•˜๋ฉด ๋ผ

โœ… 2. VS Code์—์„œ ํ„ฐ๋ฏธ๋„ ์—ด๊ธฐ

  • Ctrl + (๋ฐฑํ‹ฑ) ๋˜๋Š” ์ƒ๋‹จ ๋ฉ”๋‰ด โ†’ ํ„ฐ๋ฏธ๋„ โ†’ ์ƒˆ ํ„ฐ๋ฏธ๋„
    โ†’ ํด๋” ๊ฒฝ๋กœ๊ฐ€ ๋„ค ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ๋˜์–ด ์žˆ์–ด์•ผ ํ•ด!
    ์˜ˆ: C:\Users\YourName\Desktop\my-project>

โœ… 3. Git ์ดˆ๊ธฐํ™”

git init

โ†’ .git ํด๋”๊ฐ€ ์ƒ์„ฑ๋˜๋ฉด์„œ Git ๊ด€๋ฆฌ ์‹œ์ž‘๋จ (์ˆจ๊น€ ํŒŒ์ผ์ด๋‹ˆ๊นŒ ์•ˆ ๋ณด์—ฌ๋„ OK)

โœ… 4. ํŒŒ์ผ ์Šคํ…Œ์ด์ง• (์ถ”๊ฐ€)

git add .

โ†’ ํ˜„์žฌ ํด๋” ์•ˆ์˜ ๋ชจ๋“  ํŒŒ์ผ์„ Git์— ์ถ”๊ฐ€ (์ถ”์  ์‹œ์ž‘)

โœ… 5. ์ฒซ ์ปค๋ฐ‹

git commit -m "init: ํ”„๋กœ์ ํŠธ ์ดˆ๊ธฐ ์„ธํŒ…"

โœ… 6. GitHub ์ €์žฅ์†Œ ์—ฐ๊ฒฐ (๋จผ์ € GitHub์—์„œ ์ƒˆ repo ๋งŒ๋“ค๊ณ )

git remote add origin (https๋“ ,ssh๋“  url์ฃผ์†Œ ๋ถ™์—ฌ๋„ฃ๊ธฐ)

โœ… 7. ํ‘ธ์‹œ (GitHub์— ์—…๋กœ๋“œ)

git branch -M main
git push -u origin main

๐Ÿ”— 8. GitHub Pages ๋ฐฐํฌ (์„ ํƒ ์‚ฌํ•ญ)

  • GitHub ์ €์žฅ์†Œ ๋“ค์–ด๊ฐ€์„œ โ†’ Settings โ†’ Pages
  • ๋ฐฐํฌ ๋ธŒ๋žœ์น˜: main, ๋ฃจํŠธ ์„ ํƒ โ†’ ์ €์žฅ
  • ์ž ์‹œ ๋’ค ํ•˜๋‹จ์— ๋ฐฐํฌ ๋งํฌ ์ƒ๊น€
profile
์ฝ”๋ฆฐ์ด๐ŸŒฑ / ๊ฐœ์ธ์ ์ธ ๊ณต๋ถ€๊ธฐ๋ก ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค, ์ œ๋กœ๋ฒ ์ด์Šค๋ถ€ํŠธ์บ ํ”„ ์ˆ˜๊ฐ•์ค‘...๐Ÿ˜„

0๊ฐœ์˜ ๋Œ“๊ธ€