Home HonCook
Post
Cancel

HonCook

HonCook ๐Ÿš

React Team Project

By.React Rookies

๊ฐœ๋ฐœ ์ผ์ง€๋ฅผ ๋‚ ์งœ๋ณ„๋กœ ๋‚˜๋ˆ  ์ž‘์„ฑํ•˜๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ ํ”„๋กœ์ ํŠธ ์ œ์ถœ ๊ธฐํ•œ์€ ์ •ํ•ด์ ธ ์žˆ๊ณ , ๊ธฐ์ˆ  ๊ตฌํ˜„ ์‹œ๊ฐ„์€ ๋ถ€์กฑํ•˜๊ณ (โ€ฆ?) ์–ด๋–ค ๊ฑธ ์–ด๋–ป๊ฒŒ ๊ธฐ๋กํ•ด์•ผ ํ•  ์ง€ ๋ง‰๋ง‰ํ•จ์— ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์˜ ์ผ์ง€๋Š” ๋งˆ์ง€๋ง‰ ๋‚ ์— ์ž‘์„ฑํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

๋‹ค์Œ ํ”„๋กœ์ ํŠธ๋• ๊ผญ ์ผ์ž ๋ณ„๋กœ ๋‚˜๋ˆ  ์ž‘์„ฑํ•ด๋ณด๊ณ  ์‹ถ๋‹ค!!

  • ์–ด๋– ํ•œ ์ด์œ ๋กœ ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉ ํ•˜์˜€๋Š”์ง€
  • ํ•ด๋‹น ๊ธฐ๋Šฅ์˜ ์ฝ”๋“œ๋Š” ์–ด๋– ํ•œ ๋กœ์ง์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”์ง€

  • ์ž…๋ ฅ๊ฐ’์ด ๋“ค์–ด๊ฐ€๋ฉด ์–ด๋– ํ•œ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ์–ด๋–ค ๊ฐ’์œผ๋กœ ๋ณ€ํ™”ํ•˜๋Š”์ง€

  • ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉฐ ๋ฐœ๊ฒฌ๋œ ๋ฒ„๊ทธ๋‚˜ ์˜ค๋ฅ˜๋Š” ์–ด๋– ํ•œ๊ฒŒ ์žˆ์—ˆ๋Š”์ง€ ๊ทธ๋ฆฌ๊ณ  ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜์˜€๋Š”์ง€

[์ฒดํฌ๋ฆฌ์ŠคํŠธ]

  • ํšŒ์› ๊ธฐ๋Šฅ

โ™ข Authentication ์—์„œ ์ œ๊ณตํ•˜๋Š” api๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํšŒ์› ๊ฐ€์ž…, ๋กœ๊ทธ์ธ์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค.
โ™ข Authentication๊ณผ Storage์—์„œ ์ œ๊ณตํ•˜๋Š” api๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งˆ์ด ํŽ˜์ด์ง€ ํ”„๋กœํ•„ ์ˆ˜์ • ๊ตฌํ˜„

  • SPA โ™ข react-router-dom ์ ์šฉ : path์— ๋”ฐ๋ผ ๋ Œ๋”๋งํ•  ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ง€์ •
    โ™ข CSR(Client Side Rendering) ์ ์šฉ : ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ json ๋ฐ์ดํ„ฐ ๋ฐ›์•„์™€ ์ƒˆ๋กœ๊ณ ์นจ ์—†์ด ํ™”๋ฉด ์ „ํ™˜

  • CRUD โ™ข ๊ฒŒ์‹œ๊ธ€ ์“ฐ๊ธฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„
    โ™ข - [ X ] ๊ฒŒ์‹œ๊ธ€ ๋ณด์—ฌ์ฃผ๊ธฐ ๊ตฌํ˜„
    โ™ข ๊ฒŒ์‹œ๊ธ€ ์ˆ˜์ • ๊ตฌํ˜„
    โ™ข ๊ฒŒ์‹œ๊ธ€ ์‚ญ์ œ ๊ตฌํ˜„

  • ์Šคํƒ€์ผ๋ง ๋ฐฉ์‹ โ™ข styled-components ์ ์šฉ

  • ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ โ™ข Redux ์ ์šฉ

  • GIT โ™ข git add / commit / push ํ™œ์šฉ โ™ข git ๋ธŒ๋ Œ์น˜ / PR / merge ํ™œ์šฉ โ™ข github pull request์—์„œ Code review ํ™œ์šฉ

  • ๋ฐฐํฌ โ™ข Vercel์„ ์ด์šฉํ•˜์—ฌ ๋ฐฐํฌํ•˜๊ธฐ โ™ข ๊ฐ€๋น„์•„ ๋˜๋Š” ๊ณ ๋Œ€๋”” ๊ฐ™์€ ๋„๋ฉ”์ธ ํŒ๋งค ์—…์ฒด์—์„œ ๋„๋ฉ”์ธ์„ ๊ตฌ๋งคํ•˜์—ฌ ์ปค์Šคํ…€ ๋„๋ฉ”์ธ ์ ์šฉ

This post is licensed under CC BY 4.0 by the author.

useMemo

๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ 6์ฃผ์ฐจ