Skip to content

[WEB21] WEEK2 ํšŒ๊ณ 

seongjunme edited this page Nov 5, 2021 · 2 revisions

2์ฃผ์ฐจ '์ด๊ฑฐ์™ธ์•Š๋Œ' ๊ทธ๋ฃนํšŒ๊ณ 

J084 ๋ฐ•๊ธฐ๋ฒ”

๊ฐœ์ธ์  ๊ด€์ 

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

  2. ๋ณ‘ํ•ฉ๊ณผ์ •์—์„œ git ํ™œ์šฉ : ์ด๋ฒˆ ๋ณ‘ํ•ฉ๊ณผ์ •์—์„œ, ๋‚ด commit์˜ ์ถฉ๋Œ์ ์ด ๊ทธ๋ฆฌ ๋งŽ์ง€ ์•Š์•„ git ํ™œ์šฉ์„ ์ฃผ๋„์ ์œผ๋กœ ํ•˜์ง€ ๋ชปํ–ˆ์Œ. ์ด์— ๋”ฐ๋ผ, ๋‹ค์Œ๋ถ€ํ„ฐ๋Š” git์„ ์กฐ๊ธˆ ๋” ์ ๊ทน์ ์œผ๋กœ ํ™œ์šฉํ•˜์—ฌ ์–ด๋ ต๋”๋ผ๋„ ๋งŽ์€ ๊ฒฝํ—˜์„ ํ•ด๋ณด๊ณ  ์‹ถ์Œ

  3. nginx ์‚ฌ์šฉ : ๋ฐฐํฌ๋ฅผ ๋‹ด๋‹นํ–ˆ๋˜ ๋งŒํผ nginx๋ฅผ ์‚ฌ์šฉํ•œ ๋ฌด์ค‘๋‹จ ๋ฐฐํฌ๋ฅผ ๊ฒฝํ—˜ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ, 1์ฃผ์ฐจ์—์„œ๋Š” ๋ชจ์ข…์˜ ์‚ฌ์ •์— ์˜ํ•ด ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•˜์—ฌ ์‹œ๋„ํ•˜์ง€ ๋ชปํ•จ. ๋‹ค์Œ ๋ฐฐํฌ๋•Œ๋Š” nginx๋ฅผ ์‚ฌ์šฉํ•ด๋ณผ ์˜ˆ์ •

ํŒ€์  ๊ด€์ 

  1. ์ƒ๊ฐ๋ณด๋‹ค ๋งค๋„๋Ÿฌ์› ๋˜ ํ˜‘์—… ๊ณผ์ • : epic, story, task๋ฅผ ์šฐ์„ ์ˆœ์œ„๋ณ„๋กœ ์ž˜๊ฒŒ ๋‚˜๋ˆ„์–ด ๋ฏธ๋ฆฌ ๊ธฐํšํ•ด๋‘์–ด ๊ธฐ๋Šฅ๋ณ„ ๋ถ„์—…์ด ์ž˜ ๋˜์—ˆ๊ณ , ๋•๋ถ„์— ํ˜‘์—…ํ•˜๋Š” ๊ณผ์ •์—์„œ ์ฆ๊ฑฐ์› ๋‹ค. ๊ธฐํš์˜ ์ค‘์š”์„ฑ์„ ๊นจ๋‹ซ๋Š” ์ค‘์š”ํ•œ ๊ธฐํšŒ์˜€๋‹ค.

์ด์ง„์„ 

๋ฐฐ์šด ๊ฒƒ

  • ๋น„๋””์˜ค ํƒœ๊ทธ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•, 4๋ฒˆ์งธ ํ”„๋กœ์ ํŠธ๋•Œ ๋ฆฌ์•กํŠธ๋ฅผ ๋งŽ์ด ์จ๋ณด์ง€ ๋ชปํ–ˆ๋Š”๋ฐ ํ˜‘์—… ํ•˜๋ฉด์„œ ์กฐ๊ธˆ์”ฉ ๋ฐฐ์›Œ ๋‚˜๊ฐ€๊ณ  ์žˆ์Œ. ์†Œ์ผ“ ํ†ต์‹ ์— ์กฐ๊ธˆ ๋” ์ต์ˆ™ํ•ด์ง„ ๋Š๋‚Œ.
  • ์„œ๋กœ์˜ ์ž‘์—…๋ฌผ์„ ๋ณ‘ํ•ฉํ•˜๋Š”๋ฐ์„œ git์„ ๋” ์•Œ๊ฒŒ ๋˜์—ˆ์Œ.
  • ๋ฐฑ์—”๋“œ์—์„œ์˜ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์šฉ

์•„์‰ฌ์› ๋˜ ๊ฒƒ

  • ์†Œ์ผ“ ๊ด€๋ จ ์ฝ”๋”ฉ ์œ„์ฃผ๋กœ ํ•ด์„œ ๋ฆฌ์•กํŠธ๋ฅผ ๋งŽ์ด ์จ๋ณด์ง€ ๋ชปํ•œ ๊ฒƒ์ด ์•„์‰ฌ์› ๋‹ค.
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•˜๊ธฐ ํ–ˆ์ง€๋งŒ ํƒ€์ž…์ด๋‚˜, ์œ ๋‹ˆ์–ธ, ๋ฆฌํ„ฐ๋Ÿด ๋“ฑ์„ ๋งŽ์ด ์ด์šฉํ•ด๋ณด์ง€ ๋ชปํ•ด์„œ ์•„์‰ฌ์› ๋‹ค.

๊ณฝ์„ฑ์ค€

์•„์‰ฌ์šด ์ 

  • ๋‹ค์ˆ˜ ์ธ์›๊ณผ ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์ด ์ฒ˜์Œ์ด๋ผ git์„ mergeํ•˜๋Š” ๊ณผ์ •์—์„œ ํฐ ์ถฉ๋Œ์„ ๊ฒช์–ด๋ณด์ง€ ๋ชปํ–ˆ๋Š”๋ฐ ์ด๋ฒˆ ์ฃผ์— ์–ด๋Š์ •๋„ ๊ฒฝํ—˜ํ•ด๋ณธ ๊ฒƒ ๊ฐ™๋‹ค.
  • typescript๋ฅผ ์ ์šฉํ•˜๊ณ  ์žˆ๋Š”๋ฐ type์„ ์—„๊ฒฉํ•˜๊ฒŒ ์„ ์–ธํ•˜๋ ค๊ณ  ๋งˆ์Œ ๋จน์—ˆ์ง€๋งŒ ์˜ˆ์ƒ๋ณด๋‹ค ๋งŽ์€ ํƒ€์ž… ์ข…๋ฅ˜ ๋•Œ๋ฌธ์— any๋ฅผ ์ข…์ข… ์‚ฌ์šฉํ–ˆ๋˜๊ฒŒ ์•„์‰ฌ์› ๋‹ค.
  • ์†Œ์ผ“์„ ์‚ฌ์šฉํ•˜์—ฌ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ฐ˜์˜๋˜๋Š” ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ๋Š”๋ฐ ํ•„์š” ์ด์ƒ์œผ๋กœ ์†Œ์ผ“ ์ด๋ฒคํŠธ๋ฅผ ๋งŽ์ด ๋“ฑ๋กํ•œ ๊ฒƒ ๊ฐ™์•„ ๊ฐœ์„ ์ด ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค.

๋„์ „ํ•ด๋ณผ ์ 

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

์ดํ™๋•

์ข‹์•˜๋˜ ์ 

  • HTML/CSS๋ถ€ํ„ฐ React๋ฅผ ํ†ตํ•œ ๋™์  ๊ตฌํ˜„๊นŒ์ง€, ์˜จ์ „ํ•œ ํ•˜๋‚˜์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์—ˆ์Œ
  • ํ•ต์‹ฌ์ ์ธ ๊ธฐ๋Šฅ์ด ์ •์ƒ์ ์œผ๋กœ ๋™์ž‘ํ•˜๋Š” ์™„์ „ํ•œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ•œ ์ฃผ์— ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์—ˆ์Œ
  • typeScript๋ฅผ ์ ์šฉํ•ด, ๊ตฌํ˜„ํ•œ ์ปดํฌ๋„ŒํŠธ์— any๊ฐ€ ์•„๋‹Œ ์ •์ƒ์ ์ธ type์„ ๊ธฐ์ž…ํ•ด๋ณผ ์ˆ˜ ์žˆ์—ˆ์Œ
  • Pull Request๋ฅผ ํ†ตํ•œ git conflict๋ฅผ ๊ฒฝํ—˜ํ•˜๊ณ  ํ•ด๊ฒฐํ•ด๋ณผ ์ˆ˜ ์žˆ์—ˆ์Œ
  • ๋‚˜๋ฆ„ ํ•ฉ๋ฆฌ์ ์ธ ๊ธฐํš ๋•์— ๋ชฉํ‘œํ•œ ๋ถ„๋Ÿ‰์„ ๊ฑฐ์˜ ์™„์ˆ˜ํ•˜์—ฌ ๋ฐ๋ชจ ์‹œ์—ฐ๊นŒ์ง€ ํ•  ์ˆ˜ ์žˆ์—ˆ์Œ

์•„์‰ฌ์šด ์ 

  • ๊ตฌํ˜„์„ ๋น ๋ฅด๊ฒŒ ์ง„ํ–‰ํ•˜์ง€ ๋ชปํ•ด, ๋” ๋งŽ์€ ํ˜‘์—… ๊ณผ์ •์„ ์ง„ํ–‰ํ•  ์ˆ˜ ์—†์—ˆ์Œ
  • Git์€ ์–ด๋ ต๊ณ  ๋‚ด๊ฐ€ ์•„๋Š” ๊ฒƒ์ด ์ ์Œ์„ ๋Š๋‚Œ

๋…ธ๋ ฅํ•  ๋ถ€๋ถ„

  • ๊น”๋”ํ•œ ์ฝ”๋“œ๋ฅผ ์งœ์ž
  • ๊น”๋”ํ•œ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•˜์ž
  • ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ๊ฐ€ ์žˆ๋Š”์ง€ ํ•œ ๋ฒˆ ๋” ์ƒ๊ฐํ•ด๋ณด์ž
  • ๋” ํšจ์œจ์ ์ธ ์—ญํ•  ๋ถ„๋‹ด์„ ๊ณ ๋ฏผํ•ด๋ณด์ž

๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆ SWS

๐Ÿ“ ๋ฌธ์„œ

๊ธฐํš์„œ

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป ์Šคํฌ๋Ÿผ

ํšŒ์˜๋ก

๐Ÿค” ํšŒ๊ณ 

ํšŒ๊ณ ๋ก

๐Ÿง‘โ€๐Ÿซ ๋ฉ˜ํ† ๋ง

๋ฉ˜ํ† ๋ง
Clone this wiki locally