//////
Search
Duplicate

Project

Search

๋„ทํ”Œ๋ฆญ์Šค ํšŒ์›๊ฐ€์ž…/๋กœ๊ทธ์ธ, ํ”„๋กœํ•„ ๊ด€๋ฆฌ, ์ปจํ…์ธ  ๋‚˜์—ด, ์˜์ƒ ์žฌ์ƒ, ๋ชจ๋‹ฌ ์ฐฝ ๊ตฌํ˜„

ย ๊ฐœ๋ฐœ ์ƒ์„ธ ์ •๋ณด

โ€ข
axios๋กœ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•˜๋Š” Restful API ์ด์šฉ
โ€ข
์ž…๋ ฅํ•œ ์ด๋ฉ”์ผ ์ƒํƒœ์— ๋”ฐ๋ฅธ ๋‹ค๋ฅธ ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๊ตฌํ˜„
โ€ข
ํ”„๋กœํ•„ ๊ด€๋ฆฌ (์ƒ์„ฑ/์—…๋ฐ์ดํŠธ/์‚ญ์ œ) ๊ตฌํ˜„
โ€ข
Redux๋ฅผ ์ด์šฉํ•ด ๊ฐ๊ฐ ๋‹ค๋ฅธ ์ปจํ…์ธ  ํŽ˜์ด์ง€์—์„œ ์ƒ์„ธํŽ˜์ด์ง€ ๋ชจ๋‹ฌ ์ฐฝ์„ ์‰ฝ๊ฒŒ ์—ด๊ณ  ๋‹ซ๊ธฐ
โ€ข
์ง€์†์ ์ธ ํ”ผ๋“œ๋ฐฑ์œผ๋กœ ํ•„์š”ํ•œ API ์š”๊ตฌํ•˜๋ฉฐ ๋ฐฑ์—”๋“œ์™€ ์†Œํ†ต๊ณผ ํ˜‘์—…์˜ ์ค‘์š”์„ฑ ๊ฒฝํ—˜
โ€ข
๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ์บ๋Ÿฌ์…€, ๋งˆ์šฐ์Šค ํ˜ธ๋ฒ„ ์‹œ ํ™•๋Œ€๋˜๋Š” ๊ธฐ๋Šฅ ๊ตฌํ˜„
โ€ข
์„œ๋„ˆ๊ฐœ๋˜๋Š” Breakpoints (1450px, 950px, 550px...) ๋ฅผ ์ ์šฉํ•œ ๋ฐ˜์‘ํ˜• ํŽ˜์ด์ง€
โ€ข
Styled-Components ์ด์šฉํ•˜์—ฌ ์žฌ์‚ฌ์šฉ ๋ฐ ์ง๊ด€์ ์œผ๋กœ CSS ์ ์šฉ
๋„ทํ”Œ๋ฆญ์Šค ํด๋ก ์ฝ”๋”ฉ

์—์–ด๋น„์—”๋น„ ๋ฉ”์ธ ํŽ˜์ด์ง€, ์„œ์น˜ ํŽ˜์ด์ง€, ์ƒ์„ธ ํŽ˜์ด์ง€ ๊ตฌํ˜„

ย ๊ฐœ๋ฐœ ์ƒ์„ธ ์ •๋ณด

โ€ข
๋ฐ˜์‘ํ˜• Header ์Šคํฌ๋กคํ•˜๊ฑฐ๋‚˜ ๊ฒ€์ƒ‰ ๋ฐ” ํด๋ฆญ์‹œ ํ™•๋Œ€ ๋ฐ ์ถ•์†Œ ๊ด€๋ฆฌํ•˜๋Š” props๋กœ ๊ตฌํ˜„
โ€ข
Redux๋ฅผ ์ด์šฉํ•ด์„œ ๊ฒ€์ƒ‰ ์กฐ๊ฑด์„ ์ €์žฅํ•˜์—ฌ ๋‹ค์–‘ํ•œ ํŽ˜์ด์ง€์—์„œ ํšจ์œจ์ ์ธ props ๊ด€๋ฆฌ
โ€ข
๊ตฌ๊ธ€ ๋งต ์—ฐ๋™
โ€ข
์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋”, ๋‹ฌ๋ ฅ ๋“ฑ ์˜คํ”ˆ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค ์ปค์Šคํ…€ ๋ฐ ํ™œ์šฉ
์—์–ด๋น„์—”๋น„ ํด๋ก ์ฝ”๋”ฉ