๐Ÿฅฆ๋ธŒ๋กœ์ปฌ๋ฆฌ๐Ÿฅฆ ํ”„๋กœ์ ํŠธ 1์ผ์ฐจ

Maria Kimยท2021๋…„ 12์›” 1์ผ
0
post-custom-banner

๋“œ๋””์–ด ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋๋‹ค!!! ๋„ˆ๋ฌด ์‹ ๋‚œ๋‹ค~~!!!!!
๋“œ๋””์–ด ๊ถ๊ธˆํ•˜๋˜ ๋ฐฑ์— ๋Œ€ํ•ด์„œ๋„ ์•Œ๊ฒŒ ๋˜๊ณ 
ํ”„๋ŸฐํŠธ ๊ณต๋™์ž‘์—…๋„ ํ•ด๋ณด๊ณ  ํ˜ผ์ž์„œ๋Š” ํ•œ๊ณ„๊ฐ€ ์žˆ๋˜ ๋ถ„๋ฐฐ์ด์ง€๋งŒ ๋” ํฐ ์ž‘์—…์„ ํ•˜๊ฒŒ ๋œ๋‹ค!!!
๊ฐ™์ดํ•˜๋Š” ๊ฒŒ ๋„ˆ๋ฌด ์ฆ๊ฒ๋‹ค!!


์šฐ๋ฆฌ๋Š” ๋งˆ์ผ“์ปฌ๋ฆฌ๋ฅผ ์กฐ๊ธˆ ๋ณ€๊ฒฝํ•ด ๋ธŒ๋กœ์ปฌ๋ฆฌ๋กœ ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค!!

์ฆ๊ฒจ๋ณด์ปฌ๋ฆฌ?!

1. ์„œ๋น„์Šค๋ช…

๐Ÿฅฆ ๋ธŒ๋กœ์ปฌ๋ฆฌ ๐Ÿฅฆ

2. ์„œ๋น„์Šค ์†Œ๊ฐœ [ Services ]

  • ์œ ๊ธฐ๋† ์ฑ„์†Œ ํŒ๋งค
  • ํŒ๋งคํ•˜๋Š” ์œ ๊ธฐ๋† ์ฑ„์†Œ๋ฅผ ์ด์šฉํ•œ ๊ฐ„ํŽธ ์š”๋ฆฌ ๋ ˆ์‹œํ”ผ ์ œ๊ณต ์„œ๋น„์Šค
  • ์ƒ›๋ณ„๋ฐฐ์†ก
  • ์ถ”์ฒœ์ƒํ’ˆ

3. ํ•„์ˆ˜ ๊ตฌํ˜„ ์‚ฌํ•ญ [ Required implementation ]

  1. ๋กœ๊ทธ์ธ
  2. ํšŒ์›๊ฐ€์ž…
  3. ์ƒํ’ˆ ์ง„์—ด ํŽ˜์ด์ง€
  4. ์ƒํ’ˆ ์ƒ์„ธ ํŽ˜์ด์ง€
  5. ์žฅ๋ฐ”๊ตฌ๋‹ˆ

4. ์ถ”๊ฐ€ ๊ตฌํ˜„ ์‚ฌํ•ญ [ Additional implementation ]

  1. ๋กœ๊ทธ์ธ ํ›„ โ†’ ์ƒ๋‹จ nav ์ด๋ฆ„์œผ๋กœ ๋ณ€๊ฒฝ
  2. ๋‚˜์ค‘์— header, nav ๋กœ ๋‚˜๋ˆ„๊ณ , nav ๋ถ€๋ถ„ sticky ํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ
  3. ๋ฆฌ๋ทฐ ๋“ฑ๋ก(๋Œ“๊ธ€ or ๊ฒŒ์‹œํŒ ํ˜•์‹)
  4. ๊ฒฐ์ œ์ฐฝ
  5. ๊ฒ€์ƒ‰์ฐฝ
  6. ๋ ˆ์‹œํ”ผ
  7. ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ์ฐฝ

์†Œํ†ต์„ ์œ„ํ•ด ์‚ฌ์šฉํ•  ๋ฐฉ๋ฒ•

  • slack - ๊ธฐ๋ณธ์ ์ธ ์†Œํ†ต, github ์•Œ๋žŒ ๋ฐ›๊ธฐ

  • trello - ์ „์ฒด์ ์ธ ์ง„ํ–‰ ์ƒํ™ฉ ์•Œ๊ธฐ ์ข‹์Œ

  • gitHub - ๋” ์ด์ƒ ์„ค๋ช…์€ ์ƒ๋žตํ•œ๋‹ค.

  • ์˜คํ”„๋ผ์ธ ๋ฏธํŒ…

  • notion - ์•„๋ž˜ ์ฒ˜๋Ÿผ ๋ฌธ์„œ ์ €์žฅ, ์ •๋ฆฌ์— ์ข‹๋‹ค.
    ํŠนํžˆ ๋‚ด๊ฐ€ ์ œ์ผ ๋งˆ์Œ์— ๋“œ๋Š” ๋ถ€๋ถ„์€ weekly ์—์„œ ๋‚ ๋งˆ๋‹ค ๋ฏธํŒ… ์‹œ๊ฐ„+ ๋ฏธํŒ… ์ œ๋ชฉ์ด ์ ํžŒ ์นด๋“œ ์•ˆ์— ๋ฏธํŒ… ์š”์•ฝ์„ ์ •๋ฆฌํ•˜๋Š” ๋ถ€๋ถ„์ด๋‹ค.
    ๋‚˜์ค‘์— ์ฐธ๊ณ ํ•˜๊ฑฐ๋‚˜, ๋‹น์žฅ ๊ทธ๋‚ ์—๋„ ์žŠ์–ด๋ฒ„๋ฆฌ๊ฑฐ๋‚˜ ์ƒ๊ธฐ ์‹œํ‚ค๋Š”์— ์•„์ฃผ ํ†กํ†กํ•œ ์—ญํ• ์„ ํ•˜๊ณ  ์žˆ๋‹ค!

Front ์™€ Back ์˜ ์กฐ์œจ

  • key ๊ฐ’ ์กฐ์œจ

trello ๋ฐฑ๋กœ๊ทธ ์ž‘์„ฑ

  • ์ „์ฒด์ ์œผ๋กœ ๊ทธ๋ฆผ์„ ๊ทธ๋ฆฌ๊ณ  ์–ด๋–ค ์ž‘์—…์„ ํ•ด์•ผ ํ• ์ง€ ์„ธ๋ถ„ํ•˜๊ฒŒ ๋‹ค์‹œ ์ƒ๊ฐํ•ด ๋ณผ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

์ดˆ๊ธฐ์…‹ํŒ…

  • ํ”„๋ก ํŠธ๊ฐ€ ๋ฐฑ๋ณด๋‹ค ๋” ์˜ค๋ž˜ ๊ฑธ๋ฆฌ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.
  • ํฐํŠธ
  • ์ปฌ๋Ÿฌ, mixin variable.scss
  • react icon
  • rest.css
  • common.scss
  • prettier
  • eslint
  • ๊ธฐ์ดˆ ํด๋”๋“ค ๋งŒ๋“ค๊ธฐ
  • rounter ์„ค์น˜
  • route path ์ •ํ•˜๊ธฐ
  • .gitignore
  • sass / styled-components ์„ค์น˜

์ •๋ง ์‹œ๊ฐ„์ด ๋นจ๋ฆฌ ๊ฐ„๋‹ค! ๊ทธ๋ž˜๋„ ํŒ€ ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋˜์–ด ์ •๋ง ์‹ ๋‚œ๋‹ค!!

profile
Frontend Developer, who has business in mind.
post-custom-banner

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