inflearn logo
๊ฐ•์˜

๊ฐ•์˜

N
์ฑŒ๋ฆฐ์ง€

์ฑŒ๋ฆฐ์ง€

๋ฉ˜ํ† ๋ง

๋ฉ˜ํ† ๋ง

N
ํด๋ฆฝ

ํด๋ฆฝ

๋กœ๋“œ๋งต

๋กœ๋“œ๋งต

์ง€์‹๊ณต์œ 

(FE ์ถ”๊ฐ€ ๋ชจ์ง‘)๐Ÿฆท์น˜๊ณผ ์ง„๋ฃŒ์˜ ๋ถˆํŽธํ•จ์„ ๊ฐœ์„ ํ•˜๋Š”, '์น˜์œ '์—์„œ ์›นFE ๊ฐœ๋ฐœ์ž๋ฅผ ๋ชจ์ง‘ํ•ฉ๋‹ˆ๋‹ค!

161

์ด์Šนํ˜ธ
1

[์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ FE ๊ฐœ๋ฐœ์ž ๋ชจ์ง‘]

๐Ÿฆท์น˜๊ณผ ์ง„๋ฃŒ์˜ ๋ถˆํŽธํ•จ์„ ๊ฐœ์„ ํ•˜๋Š”, '์น˜์œ '์—์„œ FE ๊ฐœ๋ฐœ์ž๋ฅผ ๋ชจ์ง‘ํ•ฉ๋‹ˆ๋‹ค!

์•ˆ๋…•ํ•˜์„ธ์š”! '์น˜์œ '๋Š” ์‹ค์ œ ์น˜๊ณผ์˜์‚ฌ ๋ฐ ์น˜๋Œ€์ƒ๋“ค์ด ๋ชจ์—ฌ ๊ฒฐ์„ฑํ•œ ํŒ€์œผ๋กœ, ํ™˜์ž๊ฐ€ ์น˜๊ณผ ์ง„๋ฃŒ์—์„œ ๋ถˆํ•„์š”ํ•œ ๊ณผ์ž‰์ง„๋ฃŒ๋ฅผ ํ”ผํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ์„œ๋น„์Šค B2B2C ํ”Œ๋žซํผ์„ ๋งŒ๋“ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

โญ๏ธ๋ชจ์ง‘ ์•ˆ๋‚ด

์„œ๋น„์Šค ๋ฐฐํฌ์™€ ์šด์˜๊นŒ์ง€ ๊ฒฝํ—˜ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„, ์ดˆ๊ธฐ ์Šคํƒ€ํŠธ์—… ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•ด๋ณด์‹  ๋ถ„๋“ค ๋ชจ๋‘ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค!

๋งŒ๋“  ์„œ๋น„์Šค๊ฐ€ ์‹ค์ œ๋กœ ์‹คํšจ์„ฑ์„ ๋ฐœํœ˜ํ•˜๋Š”์ง€, ๊ฐœ๋ฐœ ์šด์˜ ๋น„์šฉ๊นŒ์ง€ ๊ณ ๋ คํ•˜์—ฌ ์ง€์†๊ฐ€๋Šฅํ•œ ๋ชจ๋ธ์ธ์ง€ ๊ฐ™์ด ๊ฒ€์ฆํ•ด ๋‚˜๊ฐ€๋ณด๊ธธ ํฌ๋งํ•ฉ๋‹ˆ๋‹ค!

 

โญ๏ธ๊ธฐ์ˆ  ์Šคํƒ

React (>=18) & Next.js (>=13, App Router)

TypeScript

TanStack Query (React Query) v5

CSS Modules

 

โญ๏ธํ˜„์žฌ ํŒ€์›

- ํ˜„์žฌ ์˜๋ฃŒ ์ฐฝ์—… ๋™์•„๋ฆฌ ๋ฉ”๋””๋Ÿญ์Šค์—์„œ ๋ชจ์ธ ํŒ€์›๋“ค๋กœ, ์ถ”๊ฐ€ ์›นFE ๊ฐœ๋ฐœ ์ธ๋ ฅ์ด ํ•„์š”ํ•œ ์ƒํ™ฉ์ž…๋‹ˆ๋‹ค.

ํŒ€์žฅ (์ฐฝ์—… ์˜ˆ์ • ์น˜๊ณผ์˜์‚ฌ)

์น˜๊ณผ์˜ 3๋ถ„ (1๋…„์ฐจ ์น˜๊ณผ์˜์‚ฌ, ์—ฐ๋Œ€ ์น˜๋Œ€์ƒ, ๊ฒฝํฌ๋Œ€ ์น˜๋Œ€์ƒ)

๋””์ž์ธ 1๋ถ„ (ํ™๋Œ€ ๋””์ž์ธ)

๊ฐœ๋ฐœ์ž 3๋ถ„ (6๋…„์ฐจ BE, 4๋…„์ฐจ FE, 1๋…„์ฐจ BE, ๊ฐ€์ฒœ๋Œ€ ์ธ๊ณต์ง€๋Šฅ)

 

๐Ÿ—“ ์ง€์› ๊ธฐ๊ฐ„

- 2026๋…„ 01์›” 13์ผ(ํ™”) ~ 2026๋…„ 01์›” 20์ผ(ํ™”)

 

๐Ÿ—“ ๋ฏธํŒ… ์ผ์ •

 - 2026๋…„ 01์›” ๋ง ~ 02์›” ์ดˆ ํ˜‘์˜.

 - ์˜จ๋ผ์ธ์œผ๋กœ ์ตœ๋Œ€ 1์‹œ๊ฐ„ ๋™์•ˆ ์ง„ํ–‰ 

 

โญ๏ธ์ง€์› ๋ฐฉ๋ฒ•

์ง€์› ๋ฉ”์ผ๊ณผ ๊ธฐํƒ€ ๋ฌธ์˜ ์‚ฌํ•ญ์€ dltmdgh5103@naver.com ์œผ๋กœ ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค!

(์žฌ์ง์ž๋ถ„๋“ค๋„ ์ง€์› ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค)

๋‹ต๋ณ€ 1

0

R N

์ง€์› ๊ด€๋ จ ์›ํ•˜์‹œ๋Š” ์–‘์‹์ด ์žˆ์œผ์‹ค๊นŒ์š”?

0

์ด์Šนํ˜ธ

์ด๋ ฅ์„œ, ๊นƒํ—ˆ๋ธŒ, ํฌํด ๋“ฑ ๊ฒฝ๋ ฅ ํ™•์ธ์ด ๊ฐ€๋Šฅํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค