์˜ค๋Š˜ ์ˆ˜์—…์—์„œ ๋ฐฐ์šด ๊ฒƒ

  1. Command-Line Interface
  2. Node.js
  3. Git
  4. Github
  5. Git ๊ณผ Github ์ •๋ฆฌ

์˜ค๋Š˜์€ ๋‚ด์šฉ์ด ๊ธธ๊ธฐ ๋•Œ๋ฌธ์— ํ•ต์‹ฌ๋ถ€๋ถ„๋งŒ ์ž‘์„ฑ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.


1. Command-Line Interface (CLI)

  • ์ผ๋ฐ˜์ ์œผ๋กœ ์ปดํ“จํ„ฐ์— ์žˆ๋Š” ํ„ฐ๋ฏธ๋„์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ์‰ฝ๋‹ค.
  • ๋ฆฌ๋ˆ…์Šค์˜ ํ„ฐ๋ฏธ๋„์€ ํ‚ค๋ณด๋“œ์˜ ์ž…๋ ฅ๊ณผ ๋ชจ๋‹ˆํ„ฐ์˜ ์ถœ๋ ฅ์œผ๋กœ ๋ชจ๋“  ์ž‘์—…์„ ํ•  ์ˆ˜ ์žˆ๋‹ค.

< CLI ๋ช…๋ น ๋ชจ์Œ >
mkdir # ํ˜„์žฌ ๊ฒฝ๋กœ์—์„œ ํด๋”๋ฅผ ๋งŒ๋“ ๋‹ค.
cd # ํ˜„์žฌ ๊ฒฝ๋กœ์˜ ํด๋”๋กœ ์ด๋™
pwd # ํ˜„์žฌ ๊ฒฝ๋กœ์˜ ์œ„์น˜๋ฅผ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.
touch # ํ˜„์žฌ ๊ฒฝ๋กœ์—์„œ ํŒŒ์ผ์„ ๋งŒ๋“ ๋‹ค. (txt)
ls # ํ˜„์žฌ ๊ฒฝ๋กœ์— ์žˆ๋Š” ํด๋”์™€ ํŒŒ์ผ์„ ์ถœ๋ ฅํ•ฉ๋‹ˆ๋‹ค.
cat # cat: ํŒŒ์ผ์˜ ๋‚ด์šฉ์„ ํ„ฐ๋ฏธ๋„์— ์ถœ๋ ฅ
rm # ํŒŒ์ผ ์‚ญ์ œ
rm -rf # ํด๋” ์‚ญ์ œ
mv # ํด๋”๋‚˜ ํŒŒ์ผ์˜ ์ด๋ฆ„์„ ๋ณ€๊ฒฝ, ๋˜๋Š” ํด๋”๋‚˜ ํŒŒ์ผ์˜ ์œ„์น˜ ์˜ฎ๊ธฐ๊ธฐ
cp # ํด๋”๋‚˜ ํŒŒ์ผ์„ ๋ณต์‚ฌ
. # ํ˜„์žฌ ์œ„์น˜
.. # ์ƒ์œ„ ์œ„์น˜


2. Node.js

  • JavaScript ๋Ÿฐํƒ€์ž„(runtime)์ค‘ ํ•˜๋‚˜
  • ๋Ÿฐํƒ€์ž„์ด๋ž€, ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๊ฐ€ ์‹คํ–‰๋˜๋Š” ํ™˜๊ฒฝ, ๊ทธ๋ฆฌ๊ณ  Node.js๋Š” JavaScript ๋Ÿฐํƒ€์ž„์ด๋‹ค.

npm

  • node.js ํ™˜๊ฒฝ์—์„œ ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ• ์ค‘ ๋Œ€ํ‘œ์ ์ธ ๋ฐฉ๋ฒ•
  • Node Package Manager๋กœ ์ผ์ข…์˜ ์•ฑ์Šคํ† ์–ด

package.json

  • ๋‚จ์ด ๋งŒ๋“ค์–ด๋†“์€ ๋ชจ๋“ˆ์„ node.js ์—์„œ๋Š” npm ๋ชจ๋“ˆ์ด๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ ๋ถ€๋ฅด๋ฉฐ,
    ์ด์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‹ด์•„๋‘” ๊ณณ์ด ๋ฐ”๋กœ package.json ์ด๋‹ค.
  • ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•, ํ”„๋กœ๊ทธ๋žจ์„ ํ…Œ์ŠคํŠธํ•˜๋Š” ๋ฐฉ๋ฒ• ๋“ฑ์ด ๋ช…์‹œ๋˜์–ด ์žˆ๋‹ค.
  • ๋กœ๊ทธ๋žจ์„ ์‹คํ–‰์‹œํ‚ค๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ์‹ค์ œ ๋ชจ๋“ˆ์€ ๋”ฐ๋กœ node_modules์ด๋ผ๋Š” ํด๋”์— ์ €์žฅ๋˜๊ณ , package.json์—๋Š” ์–ด๋–ค ๋ชจ๋“ˆ์ธ์ง€๋งŒ ์ ํ˜€์žˆ๋‹ค.
  • ํ”„๋กœ์ ํŠธ ์ฝ”๋“œ๋ฅผ ๋„˜๊ฒจ์ค„ ๋•Œ,ํฌํ•จํ•˜๊ณ  ์žˆ๋Š” ๋ชจ๋“  ๋ชจ๋“ˆ์„ ๋‹ค ์ „๋‹ฌํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค.

    // ์˜ˆ์‹œ
    {
    "dependencies": {
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
    }
    }


3. Git

  • ๊ฐœ๋ฐœ์ž์˜ ์ฝ”๋“œ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ๊ฐœ๋ฐœ๋œ ๋ถ„์‚ฐํ˜• ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ
  • Git์œผ๋กœ ๊ด€๋ฆฌ๋˜๋Š” ํŒŒ์ผ : Github,GitLab๋“ฑ๋“ฑ

Git์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ 

  • ๋ฒ„์ „ ๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค.
    - ํŒŒ์ผ์ด ๋ณ€๊ฒฝ๋˜๋ฉด ๋ณ€๊ฒฝ ์ด๋ ฅ์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Œ
    • ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋Œ์•„๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.
    • ์–ด๋–ค ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ๋ฐœ์ƒํ–ˆ๋Š”์ง€ ์•Œ์•„๋ณด๊ธฐ ์‰ฝ๋‹ค.
    • ํ˜‘์—…ํ•˜๊ธฐ์— ์ข‹๋‹ค.
    • ๋ฐฑ์—…์šฉ

4.Github

  • Git์œผ๋กœ ๋ฒ„์ „์„ ๊ด€๋ฆฌํ•˜๋Š” ํด๋”์— ๋Œ€ํ•ด์„œ Github์„ ํ†ตํ•ด ์—ฌ๋Ÿฌ ์‚ฌ๋žŒ๋“ค์ด ๊ณต์œ ํ•˜๊ณ  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ
  • ๊ฐœ๋ฐœ์ž๋“ค์˜ SNS
  • Code Review ๋“ฑ์„ ํ†ตํ•ด ํ˜‘์—…์ด ๊ฐ€๋Šฅํ•˜๊ณ , ์ˆ˜๋งŽ์€ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ์ ํŠธ๋“ค์ด GitHub๋กœ๋ถ€ํ„ฐ ํ˜ธ์ŠคํŒ…๋˜๊ณ  ์žˆ์–ด์„œ, ๋ˆ„๊ตฌ๋“  ์ž์œ ๋กญ๊ฒŒ ๊ธฐ์—ฌํ•  ์ˆ˜ ์žˆ๋‹ค.
  • commit ๊ธฐ๋ก์„ ํ†ตํ•ด ์–ด๋–ค ์ˆ˜์ •์‚ฌํ•ญ์ด ์žˆ๋Š”์ง€ ํ™•์ธ ๋ฐ code๋„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

5. Git ๊ณผ Github ์ •๋ฆฌ

  • Git : ์†Œ์Šค ์ฝ”๋“œ ๊ธฐ๋ก์„ ๊ด€๋ฆฌํ•˜๊ณ  ์ถ”์ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ
  • Github : Git Repository๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜ ์„œ๋น„์Šค
profile
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ๊ณต๋ถ€์ค‘

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