๐ŸคŸ ์šฐ์•„ํ•œ ํ…Œํฌ์บ ํ”„ 3์ฃผ์ฐจ ํšŒ๊ณ 

DDยท2021๋…„ 7์›” 25์ผ
0

์šฐ์•„ํ•œ ํ…Œํฌ์บ ํ”„

๋ชฉ๋ก ๋ณด๊ธฐ
3/14
post-thumbnail

ํ”„๋กœ์ ํŠธ ๋งˆ๋ฌด๋ฆฌ ์ฃผ์ฐจ์—” ์ •๊ฐˆํ•œ ํšŒ๊ณ ๋ฅผ ์“ฐ๊ฒ ๋‹ค ํ–ˆ๊ฒƒ๋งŒ...

์–ด์ œ๋Š” ๋ฐ–์— ๋‚˜๊ฐ€์„œ ๋ณผ์ผ ์ข€ ๋ณด๊ณ  ์นœ๊ตฌ ๋งŒ๋‚˜๊ณ  ์กธ์Œ์ด ์Ÿ์•„์ ธ์„œ ๋‚ฎ์ž  ์ข€ ์ž๊ณ .. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฑ… ์ฝ๊ณ ..

๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฃจ๋ฅผ ๋ณด๋‚ด๊ณ  ์˜ค๋Š˜์€ ์Šคํ„ฐ๋””์™€ 2์ฃผ๊ฐ„ ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ดํŽด๋ณด๋‹ˆ ํ•˜๋ฃจ๊ฐ€ ๋๋‚ฌ๋‹ค.

๊ฝค ๊ธด ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ–ˆ์ง€๋งŒ ์ด๊ฑด ๊ณ„์•ฝ์ƒ(?) ๊ณต๊ฐœํ•  ์ˆ˜ ์—†์–ด์„œ ์•„์‰ฝ๋‹ค. ๋‚ด ๊ฐœ์ธ์†Œ์žฅ์šฉ ํ”„๋กœ์ ํŠธ ๋ณต๊ธฐ ๋ฌธ์„œ์ด๋‹ค..

๊ทธ๋ž˜์„œ ์ƒˆ๋ฒฝ์— ๋ถ€๋žด๋ถ€๋žด 3์ฃผ์ฐจ ํ›„๊ธฐ๋ฅผ ์ž‘์„ฑํ•˜์ง€๋งŒ, ๋‚ด์šฉ์€ ์ €๋ฒˆ์ฃผ๋ณด๋‹ค ๋ถ€์‹คํ•  ๊ฑฐ ๊ฐ™๋‹ค..?

์–ด์ฉ” ์ˆ˜ ์—†์ง€ ๋ญ.. ์–ด์ฐจํ”ผ ๋‚ด ๊ฐœ์ธ ๋งŒ์กฑ์šฉ ๊ธฐ๋ก์ด๋‹ค..

์•„์‰ฌ์šด์ 

  1. ์‹œ๊ฐ„ ๊ด€๋ฆฌ๋ฅผ ์ž˜ ํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค
    • ์ด์Šˆ์— ์†Œ์š” ์‹œ๊ฐ„์„ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ํ•˜๋ฉด ์ข‹๋‹ค๊ณ  ํฌ๋กฑ์ด ์–˜๊ธฐํ–ˆ๋Š”๋ฐ, ๊ทธ ์ ์€ ์‹คํ–‰ํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค.
    • ์ด์ฐฌํ˜ธ ๋‹˜์ด ์–˜๊ธฐํ•˜์‹  ๋‚˜๋Š” ํ•˜๋ฃจ์— ํ”ผ์ž๋ฅผ ๋ช‡ ํŒ ๊ตฌ์šธ ์ˆ˜ ์žˆ๋Š”๊ฐ€๋ฅผ ์•Œ์•„๋‚ด๋Š”๊ฒŒ ์ฐธ ์ค‘์š”ํ•œ๋ฐ, ์ƒ๊ฐ๋ณด๋‹ค ๋„ˆ๋ฌด ์–ด๋ ค์šด ๊ฒƒ ๊ฐ™๋‹ค.
    • ๊ฐœ๋ฐœ์†๋„๋„ ๋‚ด ์Šค์Šค๋กœ ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ ๋ณด๋‹ค ๋Š๋ ค์„œ ๋” ๊ด€๋ฆฌ๊ฐ€ ์•ˆ ๋˜๋Š”๊ฑฐ ๊ฐ™๊ธฐ๋„ ํ•˜๋‹ค
  1. ๋ฐฑ์—”๋“œ๋ฅผ ํŒ€์›์—๊ฒŒ ๋„ˆ๋ฌด ์˜์กดํ–ˆ๋‹ค.
    • ๋ฐฑ์—”๋“œ๋ฅผ ์ฒ˜์Œํ•˜๋‹ค๋ณด๋‹ˆ ๋ญ˜ ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ•˜๋Š”์ง€, ๋ญ˜ ๋จผ์ € ๊ณต๋ถ€ํ•ด์™€์•ผํ•˜๋Š”์ง€ ๋“ฑ ๋ง‰๋ง‰ํ–ˆ๋‹ค.
    • ํŒ€์›๋„ ๋ฐฑ์—”๋“œ๊ฐ€ ์•„์ฃผ ์ต์ˆ™ํ•œ ๊ฒƒ๊นŒ์ง„ ์•„๋‹ˆ์ง€๋งŒ ๋‚˜๋ณด๋‹ค๋Š” ๋” ์ž˜ ์•„์…”์„œ, ํŒ€์›์˜ ์ฃผ๋„ํ•˜์— ๋ฐฑ์—”๋“œ ๋กœ์ง์„ ์ž‘์„ฑํ–ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๋ณด๋‹ˆ ์šฐ๋ฆฌํŒ€ ์ฝ”๋“œ์ธ๋ฐ๋„ ๋กœ์ง์ด ์™„์ „ํžˆ ์™€๋‹ฟ์ง„ ์•Š์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ฃผ๋ง์— ๋ณต๊ธฐ๋ฅผ ํ†ตํ•ด ์–ด๋Š์ •๋„ ํŒŒ์•…ํ–ˆ๋‹ค.
    • AWS์— ๋ฐฐํฌํ•˜๋Š” ๊ฒƒ๋„ ํŒ€์›์ด ํ•ด์„œ ํ•ด๋‹น ์ง€์‹์„ ์ œ๋Œ€๋กœ ํ•™์Šตํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค.
  1. ์‹œ๊ฐ„์— ์ซ“๊ฒจ ๋’ค๋กœ ๊ฐˆ์ˆ˜๋ก ์ด์Šˆ, PR์— ์กฐ๊ธˆ์”ฉ ์†Œํ™€ํ•ด์ง.
    • ์–ด์ฉ” ์ˆ˜ ์—†๋‹ค๋ฉด ์–ด์ฉ” ์ˆ˜ ์—†๋Š” ๊ฒƒ์ธ๋ฐ, ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ธฐ ์ „ ๊ฝค ๋งŽ์€ ์‹œ๊ฐ„์„ ๋“ค์—ฌ feature๋ฅผ ์ž‘์„ฑํ–ˆ๋Š”๋ฐ, ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์ด ๋Š๋ฆฌ๋‹ค๋ณด๋‹ˆ ๋‚˜๋จธ์ง€ feature๋ฅผ ์•ž์—์„œ ๋งŒํผ ์‹œ๊ฐ„์„ ๋“ค์ด์ง€ ๋ชป ํ•œ๊ฑฐ ๊ฐ™๋‹ค. PR๋„ ๋งˆ์ฐฌ๊ฐ€์ง€. ์ฝ”๋“œ๋ฆฌ๋ทฐ๋„ ๋ˆˆ์— ๋„๋Š” ๊ฒƒ๋งŒ ์กฐ๊ธˆ์”ฉ ํ•˜๊ฒŒ ๋˜๋Š” ๋“ฑ ์‹œ๊ฐ„์— ์ซ“๊ฒผ๋‹ค.
  1. ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•ด์„œ ๊ตฌํ˜„ํ•˜์ง€ ๋ชป ํ•œ ๊ธฐ๋Šฅ์ด๋‚˜ ์‹œ๋„ํ•˜์ง€ ๋ชปํ•œ ๋‚ด์šฉ์ด ์žˆ๋‹ค.
    • ์†Œ์ผ“์„ ํ†ตํ•œ ์ฑ„ํŒ…์€ ์‹œ๋„์กฐ์ฐจ ํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค.
    • ์ข‹์•„์š” ๊ธฐ๋Šฅ๋„ ๊ตฌํ˜„ํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค.
    • ์œ ํšจ์„ฑ ๊ฒ€์ฆ๋„ ์ ๋‹นํžˆ?๋งŒ ํ–ˆ๋‹ค. ๋ฐฑ์—”๋“œ์—์„œ๋Š” ๋‚˜๋ฆ„ ํ–ˆ๋Š”๋ฐ, ํ”„๋ก ํŠธ์—์„œ ํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค.
  1. ๋ณด์•ˆ์ด ํ—ˆ์ˆ ํ•˜๋‹ค
    • jwt token์„ ์‚ฌ์šฉํ•˜๊ธด ํ–ˆ์ง€๋งŒ ๊ทธ ๋ฟ์ด๋‹ค. ๋‹ค๋ฅธ ๋ณด์•ˆ ๊ด€๋ จํ•ด์„œ ์‹ ๊ฒฝ์“ฐ์ง€ ๋ชป ํ–ˆ๋‹ค. ์ฐฌํ˜ธ๋‹˜์ด ๋ฐ๋ชจ ๋•Œ ๋Œ์•„๋‹ค๋‹ˆ๋ฉด์„œ xss ๊ณต๊ฒฉ์„ ํ–ˆ๋‹ค๋Š”๋ฐ ์šฐ๋ฆฌํŒ€์—๋„ ์™”์œผ๋ฉด ๋ฐ”๋กœ ๋ฌด๋„ˆ์กŒ์„ ๋“ฏ ใ…‹ใ…‹..
  1. TypeScript๋ฅผ ์ ์šฉํ•˜์ง€ ๋ชป ํ–ˆ๋‹ค.
    • JS์กฐ์ฐจ ๋Š๋ ค์„œ ์—„๋‘๋„ ๋‚ด์ง€ ๋ชป ํ–ˆ๋‹ค.

์ž˜ํ•œ ์ 

  1. git ์‚ฌ์šฉ์— ์ข€ ๋” ๋Šฅ์ˆ™ํ•ด์ง€๊ณ , ์ž˜(?) ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค
    • git add .๋งŒ ์“ฐ๋˜ ๋‚ด๊ฐ€ ํ•˜๋‚˜์”ฉ ํŒŒ์ผ์„ ์„ ํƒํ•ด์„œ commitgํ•˜๊ณ  ๊ด€๋ จ branch์—์„œ ๋‚˜๋ˆ ์„œ PR์„ ๋ณด๋ƒˆ๋‹ค. ๋‚จ์€ ๋ฏธ์…˜์—๋„ ์ข€ ๋” ์ต์ˆ™ํ•ด์ ธ์„œ ํ˜‘์—…์— ๋Šฅํ•œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ!
  1. ๋ชจ๋“  PR์— ์ฝ”๋“œ๋ฆฌ๋ทฐ, aprrove๊ฐ€ ๋˜์–ด์•ผ์ง€๋งŒ merge
    • ์‹œ๊ฐ„์„ ๊ต‰์žฅํžˆ ์žก์•„ ๋จน์—ˆ์ง€๋งŒ ๋•๋ถ„์— ๋‚ด๊ฐ€ ์ž‘์„ฑํ•˜์ง€ ์•Š์€ ์ฝ”๋“œ๋„ ์–ด๋Š์ •๋„ ์•Œ๊ฒŒ ๋˜๊ณ , ๋‚˜์ค‘์— ๋ด๋„ ์–ด์ƒ‰ํ•˜์ง€ ์•Š์•˜๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ์ฝ”๋“œ๋ฅผ ์ฝ๋Š” ์—ฐ์Šต์ด ๋˜์—ˆ๋‹ค.
  1. ๊ตณ์ด MPA ํ˜•ํƒœ๋กœ ์ง„ํ–‰ํ–ˆ๋‹ค.
    • ์ €๋ฒˆ์ฃผ์— SCR์˜€๋˜๊ฑธ๋กœ ๋ณด์•„ ์ปค๋ฆฌํ˜๋Ÿผ์ด ๋ฉ€ํ‹ฐํŽ˜์ด์ง€, ์‹ฑ๊ธ€ํŽ˜์ด์ง€, ๋ฆฌ์•กํŠธ๋กœ ์ˆœ์ฐจ์ ์ธ ํ๋ฆ„์„ ์ง€ํ–ฅํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ๋ž˜์„œ ์ผ๋ถ€๋Ÿฌ SPA๋Œ€์‹  MPA๋กœ ์ง„ํ–‰ํ–ˆ๋‹ค. ๋‹ค์Œ์ฃผ์— SPA๋ฅผ ํ•ด๋ณด๋ฉฐ ์ฐจ์ด๋ฅผ ๋ชธ์†Œ ์ฒด๊ฐํ•ด๋ณผ ์˜ˆ์ •์ด๋‹ค.
  1. ์„ ํƒ๊ณผ ์ง‘์ค‘
    • ์šฐ๋ฆฌํŒ€์€ ์ดˆ๋ฐ˜ ์„ค๊ณ„์™€ ํ”„๋กœ์ ํŠธ ์„ธํŒ…, ํ˜‘์—… ์ค€๋น„ ๋“ฑ์— ๋งŽ์€ ์‹œ๊ฐ„์„ ์ผ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ์— ๋“ค์ผ ์‹œ๊ฐ„์ด ๋ถ€์กฑํ–ˆ๊ณ , ์†๋„๋„ ๊ทธ๋ฆฌ ๋น ๋ฅธํŽธ์ด ์•„๋‹ˆ์—ˆ๋‹ค. ์„ ํƒœ์ ์œผ๋กœ ๊ธฐ๋Šฅ์„ ๊ฑธ๋Ÿฌ๋‚ด๊ณ , ํ•  ์ˆ˜ ์žˆ๋Š” ํ•œ ๊ตฌํ˜„ํ•˜๊ณ  ๋ฆฌํŒฉํ† ๋ง๊นŒ์ง€ ๊ฑฐ์ณ์„œ ์ „์ฒด ๊ธฐ๋Šฅ ๊ตฌํ˜„ ์ˆ˜๋Š” ์ ์ง€๋งŒ ๋งŒ์กฑํ• ๋งŒํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ƒˆ๋‹ค.

๋‹ค์Œ ๋ฏธ์…˜์—๋Š”

  1. ์„ค๊ณ„, ์„ธํŒ… ๋“ฑ์„ ์ด์ „ 2๊ฐœ์˜ ํ”„๋กœ์ ํŠธ์—์„œ์˜ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ๊ฐ€๋Šฅํ•œ ๋นจ๋ฆฌ ๋๋‚ธ๋‹ค.

  2. ๋ฐฑ์—”๋“œ์— ์˜๋ฏธ์žˆ๋Š” ๋น„์ค‘์˜ ์—ญํ• ์„ ํ•ด๋‚ธ๋‹ค

  3. ๋ณด์•ˆ ๊ด€๋ จ ์ด์Šˆ๋ฅผ ์ตœ๋Œ€ํ•œ ๋ง‰์•„๋ณธ๋‹ค

  4. ์‹œ๊ฐ„ ๊ด€๋ฆฌ๋ฅผ ์‹ ๊ฒฝ์จ๋ณธ๋‹ค. PR์— ํ•ด๋‹น feature๋ฅผ ํ•ด๊ฒฐํ•œ ์‹œ๊ฐ„์„ ์ ๊ฑฐ๋‚˜ ํ•˜๋Š” ๋“ฑ

profile
๊ธฐ์–ต๋ณด๋‹จ ๊ธฐ๋ก์„ / TIL ์ „์šฉ => https://velog.io/@jjuny546

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