๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ฌ/ใ…ใ……ใ…Œใ…‹ใ…ใ…… ์ฑŒ๋ฆฐ์ง€

ํŒจ์ŠคํŠธ์บ ํผ์Šค ์ฑŒ๋ฆฐ์ง€ 15์ผ์ฐจ

๐Ÿ‘พ

15์ผ์ฐจ

 

Part 2. Git์„ ํ™œ์šฉํ•œ ๋ฒ„์ „๊ด€๋ฆฌ

Ch 1. ๋ฒ„์ „๊ด€๋ฆฌ

 


 

Ch 1. ๋ฒ„์ „๊ด€๋ฆฌ

 

 

์ฃผ์ œ

 

  • Git
  • Github

 

 

์ฃผ์š” ๋‚ด์šฉ

 

๐Ÿ”— ๋ฒ„์ „ ์ƒ์„ฑ๊ณผ ์—…๋กœ๋“œ

# Git ์ตœ์ดˆ ์„ค์น˜ ํ›„ ํ•œ ๋ฒˆ๋งŒ ๊ด€๋ฆฌํ•˜๋ฉด ๋˜๋Š” ๋‚ด์šฉ๋“ค

# ๊ฐœํ–‰๋ฌธ์ž(Newline) ์„ค์ •
## macOS
$ git config --global core.autocrlf input
## Windows
$ git config --global core.autocrlf true

# ์‚ฌ์šฉ์ž ์ •๋ณด
# ์ปค๋ฐ‹(๋ฒ„์ „ ์ƒ์„ฑ)์„ ์œ„ํ•œ ์ •๋ณด ๋“ฑ๋ก
$ git config --global user.name 'YOUR_NAME'
$ git config --global user.email 'YOUR_EMAIL'

# ๊ตฌ์„ฑ ํ™•์ธ
## Qํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์ข…๋ฃŒ
$ git config --global --list

 

๐Ÿ”— ์ˆ˜์ •์‚ฌํ•ญ ๋ฒ„์ „ ์ƒ์„ฑ (Commit)

# ํ˜„์žฌ ํ”„๋กœ์ ํŠธ์—์„œ ๋ณ€๊ฒฝ์‚ฌํ•ญ ์ถ”์ (๋ฒ„์ „ ๊ด€๋ฆฌ)์„ ์‹œ์ž‘
$ git init

# ๋ชจ๋“  ํŒŒ์ผ์˜ ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ์ถ”์ ํ•˜๋„๋ก ์ง€์ •
$ git add .
# ๋ฉ”์‹œ์ง€(-m)์™€ ํ•จ๊ป˜ ๋ฒ„์ „์„ ์ƒ์„ฑ
$ git commit -m 'COMMIT_MESSAGE'

# Github
# origin์ด๋ž€ ๋ณ„์นญ์œผ๋กœ ์›๊ฒฉ์ €์žฅ์†Œ๋ฅผ ์—ฐ๊ฒฐ
$ git remote add origin 'GIUHUB_REPOSITORY_URL'
# origin์ด๋ž€ ๋ณ„์นญ์˜ ์›๊ฒฉ ์ €์žฅ์†Œ๋กœ ๋ฒ„์ „ ๋‚ด์—ญ ์ „์†ก
$ git push origin master

 

๐Ÿ”— ๋ธŒ๋žœ์น˜ (Branch)

# ๋ธŒ๋žœ์น˜ ๋ชฉ๋ก ํ™•์ธ
$ git branch

# ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ
$ git bracnch ๋ธŒ๋žœ์น˜๋ช…

# ๋ธŒ๋žœ์น˜ ์ด๋™
$ git checkout ๋ธŒ๋žœ์น˜๋ช…

# ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ+์ด๋™ ํ•œ ๋ฒˆ์— ํ•˜๊ธฐ
$ git checkout -b ๋ธŒ๋žœ์น˜๋ช…

# ๋ธŒ๋žœ์น˜ ์‚ญ์ œ
$ git branch -d ๋ธŒ๋žœ์น˜๋ช…

 

๐Ÿ”— ๋ธŒ๋žœ์น˜ ๋ณ‘ํ•ฉ (Pull Request)

- Github ํŽ˜์ด์ง€์—์„œ

 

๐Ÿ”— ํ”„๋กœ์ ํŠธ ๋ณต์ œ (Clone)

$ git clone ๊นƒํ—ˆ๋ธŒ_๋ ˆํฌ์ง€ํ† ๋ฆฌ_์ฃผ์†Œ

 

๐Ÿ”— ๋ฒ„์ „ ๋˜๋Œ๋ฆฌ๊ธฐ (Reset)

# ๋˜๋Œ๋ฆฌ๊ธฐ(1๋ฒ„์ „)
$ git reset --hard HEAD~1

# ๋˜๋Œ๋ฆฌ๊ธฐ ์ทจ์†Œํ•˜๊ธฐ
$ git reset --hard ORIG_HEAD

 

๐Ÿ”— ๋‹ค๋ฅธ ํ™˜๊ฒฝ์—์„œ ์‹œ์ž‘ํ•˜๊ธฐ

$ git checkout -t origin/๋ธŒ๋žœ์น˜๋ช…

 

๐Ÿ”— ์ถฉ๋Œ(Conflict), ๋กœ์ปฌ ๋ณ‘ํ•ฉ(Merge)

# ์›๊ฒฉ ์ €์žฅ์†Œ ๋‚ด์šฉ ๊ฐ€์ ธ์˜ค๊ธฐ
$ git pull origin master

 

์‹ค์Šต ํ™”๋ฉด

 

 

์ƒˆ๋กญ๊ฒŒ ์•Œ๊ฒŒ ๋œ ๋‚ด์šฉ

 

 ๐Ÿ”— Netlify: ์ง€์†์ ์ธ ๋ฐฐํฌ 

https://www.netlify.com/

 

Netlify: Develop & deploy the best web experiences in record time

A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free!

www.netlify.com

 

 

๋Š๋‚€์ 

 

 ์ฒ˜์Œ์— git ๊ณต๋ถ€ํ•  ๋•Œ ์ดํ•ด๊ฐ€ ์ž˜ ์•ˆ ๋ผ์„œ ์—ฌ๋Ÿฌ ๊ฐ•์˜๋ฅผ ๋ดค์—ˆ๋Š”๋ฐ, ๊ทธ๋Ÿฌ๋‹ค ๋ณด๋‹ˆ ์•Œ๋ ค์ฃผ๋Š”๊ฒŒ ๋‹ค ๋‹ฌ๋ผ์„œ(์ •ํ™•ํžˆ๋Š” ์•Œ๋ ค์ฃผ๋Š” ๋ฒ”์œ„๊ฐ€ ๋‹ค๋ฅธ๊ฑฐ์˜€์ง€๋งŒ ๊ทธ ๋•Œ๋Š” ์•Œ์ง€ ๋ชปํ–ˆ๋‹ค..) ํ˜ผ๋ž€์ด ์™”์—ˆ๋‹ค. ๊ทผ๋ฐ ์ด๋ฒˆ ใ…ใ…‹ git ๊ฐ•์˜๊ฐ€ ์ •๋ง ๋ง˜์— ๋“ค์—ˆ๋‹ค. ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์•Œ๋ ค์ฃผ๋Š” ๋Š๋‚Œ์ด๋ผ ์ •๋ฆฌ๋„ ์ž˜ ๋ผ์žˆ๊ณ  ์ถฉ๋Œ์ด ์ผ์–ด๋‚ฌ์„ ๋•Œ ์†”๋ฃจ์…˜๋„ ์•Œ๋ ค์ค˜์„œ ์ข‹์€ ๊ฐ•์˜๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค. ์˜ˆ์ „์— ์ด ๊ฐ•์˜๋ฅผ ๋“ค์—ˆ์œผ๋ฉด ์ข‹์•˜๊ฒ ๋‹ค ๋ผ๋Š” ์ƒ๊ฐ์„ ๊ณ„์† ํ–ˆ๋‹ค. ์ง€๊ธˆ์€ github ์‚ฌ์šฉํ•  ๋•Œ vsc ๋‚ด๋ถ€(?) ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•ด์„œ ํ„ฐ๋ฏธ๋„์—์„œ ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•ด์„œ ๋‹ค๋ฃจ์ง„ ์•Š์ง€๋งŒ github์— ์ฒ˜์Œ ์ž…๋ฌธํ•  ๋•Œ๋Š” ์ด ๊ฐ•์˜๊ฐ€ ๊ต‰์žฅํžˆ ์ข‹์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

 


 

๋ณธ ํฌ์ŠคํŒ…์€ ํŒจ์ŠคํŠธ์บ ํผ์Šค ํ™˜๊ธ‰ ์ฑŒ๋ฆฐ์ง€ ์ฐธ์—ฌ๋ฅผ ์œ„ํ•ด ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

#ํŒจ์ŠคํŠธ์บ ํผ์Šค

#ํŒจ์บ ์ฑŒ๋ฆฐ์ง€

#์ง์žฅ์ธ์ธ๊ฐ•

#์ง์žฅ์ธ์ž๊ธฐ๊ณ„๋ฐœ

#ํŒจ์ŠคํŠธ์บ ํผ์Šคํ›„๊ธฐ

#ํ•œ_๋ฒˆ์—_๋๋‚ด๋Š”_ํ”„๋ก ํŠธ์—”๋“œ_๊ฐœ๋ฐœ_์ดˆ๊ฒฉ์ฐจ_ํŒจํ‚ค์ง€_Online

 

https://bit.ly/37BpXiC

 

ํŒจ์ŠคํŠธ์บ ํผ์Šค [์ง์žฅ์ธ ์‹ค๋ฌด๊ต์œก]

ํ”„๋กœ๊ทธ๋ž˜๋ฐ, ์˜์ƒํŽธ์ง‘, UX/UI, ๋งˆ์ผ€ํŒ…, ๋ฐ์ดํ„ฐ ๋ถ„์„, ์—‘์…€๊ฐ•์˜, The RED, ๊ตญ๋น„์ง€์›, ๊ธฐ์—…๊ต์œก, ์„œ๋น„์Šค ์ œ๊ณต.

fastcampus.co.kr