inflearn logo
๊ฐ•์˜

๊ฐ•์˜

N
์ฑŒ๋ฆฐ์ง€

์ฑŒ๋ฆฐ์ง€

๋ฉ˜ํ† ๋ง

๋ฉ˜ํ† ๋ง

N
ํด๋ฆฝ

ํด๋ฆฝ

๋กœ๋“œ๋งต

๋กœ๋“œ๋งต

์ง€์‹๊ณต์œ 

๐Ÿง‘โ€๐Ÿ’ป๋ ˆ์‹œํ”ผ ๊ณต์œ  ์›น์•ฑ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋ชจ์ง‘ํ•ฉ๋‹ˆ๋‹ค๐Ÿ‘ฉโ€๐Ÿ’ป

487

ํ•˜๋ฃจ์„ธ๋ฒˆํŽญ์ˆ˜
1

๐Ÿณ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

[๊ฐ„๋‹จ ์†Œ๊ฐœ]

ํ…Œ์ด๋ธ”๋กœ๊ทธ๋Š” ์ž์‹ ๋งŒ์ด ์•Œ๊ณ  ์žˆ๋Š” ๋ ˆ์‹œํ”ผ๋ฅผ ๋‹ค๋ฅธ ์œ ์ €๋“ค๊ณผ ๊ณต์œ ํ•˜๊ณ  ์†Œํ†ตํ•˜๋Š” ์›น์•ฑ์ž…๋‹ˆ๋‹ค. ์ฑ„ํŒ… ๋ฐ ํ”ผ๋“œ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ž์‹ ์ด ์˜ฌ๋ฆฐ ๋ ˆ์‹œํ”ผ์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•  ์ˆ˜ ์žˆ๊ณ  ํŠน์ • ์š”๊ตฌ ์กฐ๊ฑด์„ ๋‹ฌ์„ฑํ•ด ์ „๋ฌธ๊ฐ€๋กœ ์ธ์ฆ๋ฐ›์€ ์œ ์ €๋Š” ์œ ๋ฃŒ ๋ ˆ์‹œํ”ผ๋ฅผ ๊ฒŒ์‹œํ•˜์—ฌ ํฌ์ธํŠธ๋ฅผ ์ ๋ฆฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋” ์ž์„ธํ•œ ๊ธฐํš ๋ฐ ๋””์ž์ธ์€ ์˜คํ”ˆ ์ฑ„ํŒ…๋ฐฉ์—์„œ ๋ง์”€๋“œ๋ฆฌ๋„๋ก ํ• ๊ฒŒ์š” ๐Ÿ˜Š

[ํ˜„์žฌ ์ง„ํ–‰ ์ƒํ™ฉ]

ํ˜„์žฌ ๊ธฐํš๊ณผ ๋””์ž์ธ์ด ์™„๋ฃŒ๋œ ์ƒํƒœ๋กœ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž 2๋ช…๊ณผ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž 1๋ช…์ด ํ•จ๊ป˜ ์ง„ํ–‰์ค‘์ธ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค. ํ”„๋ก ํŠธ๋Š” ๋กœ๊ทธ์ธ๊ณผ ํšŒ์›๊ฐ€์ž…, ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ์ž‘์—…๊นŒ์ง€ ์™„๋ฃŒ๋œ ์ƒํƒœ์ž…๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ ์™„๋ฃŒ ๊ธฐํ•œ์€ ํ˜‘์˜ ํ›„ ๊ฒฐ์ •ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค!

[์ฃผ์š” ๊ธฐ๋Šฅ]

  1. ๋ ˆ์‹œํ”ผ ์—…๋กœ๋“œ: ์š”๋ฆฌ ์žฌ๋ฃŒ, ์š”๋ฆฌ ์‹œ๊ฐ„, ์š”๋ฆฌ ๊ฐ€๊ฒฉ, ์š”๋ฆฌ ๊ณผ์ • ์‚ฌ์ง„๊ณผ ์„ค๋ช…๊ธ€ ๋“ฑ์„ ์—…๋กœ๋“œ

  2. ๋ ˆ์‹œํ”ผ ๊ฒ€์ƒ‰: ์นดํ…Œ๊ณ ๋ฆฌ, ์š”๋ฆฌ ์‹œ๊ฐ„, ์นผ๋กœ๋ฆฌ, ๊ฐ€๊ฒฉ, ์žฌ๋ฃŒ ๋“ฑ์œผ๋กœ ๋ ˆ์‹œํ”ผ ๊ฒ€์ƒ‰

  3. ์ฑ„ํŒ…: ๋ ˆ์‹œํ”ผ ์ž‘์„ฑ์ž์™€ 1:1 ์ฑ„ํŒ…

  4. ํ”ผ๋“œ: ์‚ฌ์ง„ ๋ฐ ๊ฒŒ์‹œ๊ธ€์„ ์—…๋กœ๋“œํ•˜๊ณ  ๋Œ“๊ธ€ ์ž‘์„ฑ

[์ •๊ธฐ ๋ฏธํŒ…]

์ฃผ 1ํšŒ ์˜จ๋ผ์ธ ๋ฏธํŒ… (๋””์Šค์ฝ”๋“œ) ๊ทธ๋ฆฌ๊ณ  ํ•œ ๋‹ฌ 1ํšŒ ์ •๋„ ์˜คํ”„๋ผ์ธ ๋ฏธํŒ…์„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค! (์žฅ์†Œ ํ˜‘์˜)

[๋ชจ์ง‘ ์ธ์›]

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž 1๋ช…

[ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์Šคํƒ]

๋ชจ๋ฐ”์ผ ์›น์•ฑ PWA๋กœ ๊ฐœ๋ฐœ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค. ์ถ”ํ›„ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์œผ๋กœ ์ „ํ™˜ ๊ฐ€๋Šฅ์„ฑ์žˆ์Šต๋‹ˆ๋‹ค!

ํ•„์ˆ˜๋กœ ํ‘œ์‹œ๋œ ๊ธฐ์ˆ ์— ๊ด€ํ•ด์„œ ํ•œ ๋ฒˆ์ด์ƒ ์‚ฌ์šฉํ•ด๋ณธ ์  ์žˆ์œผ์‹  ๋ถ„ ์šฐ๋Œ€ํ•ฉ๋‹ˆ๋‹ค!

  1. (ํ•„์ˆ˜) nextjs 15.2.4

  2. (ํ•„์ˆ˜) typescript 5

  3. (ํ•„์ˆ˜) react hook form

  4. pnpm

  5. daisyUI

  6. tanstack query & tanstack query devtools

  7. Jest

  8. React testing library

  9. Storybook

  10. axios

  11. framer motion

  12. zutstand

  13. tailwind v4

[ํ”„๋กœ์ ํŠธ ์ง€์› ๋ฐฉ๋ฒ•]

์นด์นด์˜ค ์˜คํ”ˆ ์ฑ„ํŒ…๋ฐฉ ๋งํฌ: https://open.kakao.com/o/s5K5K9vh

๋งŽ์€ ์ง€์› ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

๋ ˆ์‹œํ”ผ nextjs typescript ์›น์•ฑ ์ฑ„ํŒ… ํ”„๋ก ํŠธ์—”๋“œ react ํŒ€ํ”„๋กœ์ ํŠธ ์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ

๋‹ต๋ณ€ 1

0

jeyoon

์˜คํ”ˆ์ฑ„ํŒ… ๋น„๋ฒˆ ๊ฑธ๋ ค์žˆ์–ด์š”!

0

ํ•˜๋ฃจ์„ธ๋ฒˆํŽญ์ˆ˜

๋น„๋ฐ€๋ฒˆํ˜ธ ํ•ด์ œํ–ˆ์Šต๋‹ˆ๋‹ค! ๊ฐ์‚ฌํ•ด์š”! โ˜บ

๐Ÿ’ฐ์˜ˆ์ˆ ์  ํƒ€์ด๋ฐ, ์ฃผ์‹ ํˆฌ์ž ํ”Œ๋žซํผ (Next.js, React Native, Spring)

0

19

0

[๋งˆ๊ฐ D-3] IT๋™์•„๋ฆฌ ์ ํŠธ 5๊ธฐ ๋ชจ์ง‘

1

44

0

[Unity ํด๋ผ์ด์–ธํŠธ] ๊ฑธ์Œยท์ˆ˜๋ฉดยท์‹๋‹จ์ด ๋งˆ์„์ด ๋˜๋Š” ์ฝ”์ง€๊ฒŒ์ž„ '๋‰ด๋ผ์ดํ”„' โ€” 2D ํ”ฝ์…€ ํด๋ผ์ด์–ธํŠธ ํ•œ ๋ถ„์„ ์ฐพ์Šต๋‹ˆ๋‹ค ๐ŸŽฎ

0

23

0

๐Ÿ’ฐ์˜ˆ์ˆ ์  ํƒ€์ด๋ฐ, ์ฃผ์‹ ํˆฌ์ž ํ”Œ๋žซํผ (Next.js, React Native, Spring)

0

59

0

[์ „๋ฉด ์›๊ฒฉ] AI ๊ฐœ๋ฐœ์„ ์ด์ปค๋จธ์Šค ์šด์˜๊นŒ์ง€ ํ™•์žฅํ•  ๋…๋ฆฝ ๋ฉ”์ด์ปค๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค

0

110

0

[์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ] ๋Œ€ํ•™/์ทจ์ค€์ƒ์„ ์œ„ํ•œ AI ์ปค๋ฆฌ์–ด ์†”๋ฃจ์…˜, Folioo ํ”„๋ก ํŠธ ยท ๋ฐฑ์—”๋“œ ยท AI ๊ฐœ๋ฐœ์ž ๋ชจ์ง‘

0

116

0

์—ฐ์Šต์ž‘ ๋‹ค์Œ, ์‹ค์ œ ๋ธŒ๋žœ๋“œ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ํ•จ๊ป˜ ๋งŒ๋“ค ํŽธ์ง‘์ž 1๋ช…

0

46

0

[IT๋™์•„๋ฆฌ] ์ ํŠธ 5๊ธฐ ๋™์•„๋ฆฌ์› ๋ชจ์ง‘

0

85

0

[PM 1๋ช…] ๋ณด์กฐ๊ฐ€ ์•„๋‹Œ ์ฃผ๋„์ž๋กœ, ์‹ค์ œ ํ”„๋กœ์ ํŠธ 1๊ฑด์„ ๋๊นŒ์ง€ ์™„์ฃผํ•  ๋ถ„

0

100

0

๐Ÿ’ฐ์˜ˆ์ˆ ์  ํƒ€์ด๋ฐ, ์ฃผ์‹ ํˆฌ์ž ํ”Œ๋žซํผ (Next.js, React Native, Spring)

0

94

0

๐Ÿ“ข ๋งˆ์ผ€ํŒ…, ์–ด๋””์„œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์•ผ ํ• ์ง€ ๊ณ ๋ฏผ์ด๋ผ๋ฉด?

0

27

0

[IT๋™์•„๋ฆฌ ์ ํŠธ] 5๊ธฐ ๋™์•„๋ฆฌ์› ๋ชจ์ง‘

0

82

0