๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (130)
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (14)
    • FE (35)
      • Next.js (16)
      • React (4)
      • React Native (0)
      • TypeScript (1)
      • JavaScript (14)
    • BE (0)
      • Nest.js (0)
    • ๋ฐ๋ธŒ์ฝ”์Šค (7)
    • ์›น ํ”„๋กœ์ ํŠธ (5)
    • CS (28)
      • Algorithm (5)
      • Python (4)
      • C++ (2)
      • Operating System (4)
      • Computer Networking (3)
      • Data Structure (1)
      • Machine Learning (3)
      • Tip (6)
    • Github (4)
    • Flutter (3)
      • ํ”„๋กœ์ ํŠธ (3)
    • Private (27)
      • ํšŒ๊ณ  (7)
      • ๋ฉด์ ‘ (17)
    • ๊ฐœ๋ฐœ๋„์„œ (6)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ์›์‹œํƒ€์ž…
  • ์ฝœ์Šคํƒ
  • ์‹คํ–‰์ปจํƒ์ŠคํŠธ
  • ํ˜ธ์ด์ŠคํŒ…
  • ์‹คํ–‰์ปจํ…์ŠคํŠธ
  • ๋ฉด์ ‘
  • ํž™์˜์—ญ
  • SSR
  • ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • next.js
  • ์˜ค๋ธ”์™„
  • ์ด๋ฒคํŠธ๋ฃจํ”„
  • layout shift
  • react
  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”
  • reflow
  • ๋ชจ๋˜๋ฆฌ์•กํŠธ๋”ฅ๋‹ค์ด๋ธŒ
  • ๋ ‰์‹œ์ปฌ

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
๐Ÿธminzzi

Minzzi์•ผ

๋ฐ๋ธŒ์ฝ”์Šค

[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 2์ฃผ์ฐจ

2024. 4. 22. 02:14

์ด๋ฒˆ ์ฃผ๋Š” ํ˜‘์—… ํˆด๊ณผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ๊ทธ๋ฆฌ๊ณ  node.js์— ๋Œ€ํ•ด ์ค‘์ ์ ์œผ๋กœ ๋‹ค๋ค˜์Šต๋‹ˆ๋‹ค.

ํ”„๋ก ํŠธ์—”๋“œ์™€ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ๊ผญ ์•Œ๊ณ ์žˆ์–ด์•ผ ํ•˜๋Š” ๊ธฐ์ดˆ์ ์ด๊ณ  ํ•„์ˆ˜์ ์ธ ๋‚ด์šฉ๋“ค์ด์—ˆ์ฃ .

"์–ด๋ ค์šด ๊ฒŒ ์•„๋‹ˆ์—์š”! ์ต์ˆ™ํ•˜์ง€ ์•Š์€ ๊ฒ๋‹ˆ๋‹ค!"

๋ฐฑ์—”๋“œ ๊ณต๋ถ€ํ•  ๋•Œ ๊ฐ•์‚ฌ๋‹˜์ด ๊ณ„์† ๋ฐ˜๋ณต์ ์œผ๋กœ ํ•˜์‹  ๋ง์”€์ด์—์š”.

node.js๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ค„๋ณด์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์— ์‹ค์ œ๋กœ ์–ด์ƒ‰ํ•œ ๋‚ด์šฉ๋“ค์ด ๋งŽ์•˜์€๋ฐ,

๊ฐ•์‚ฌ๋‹˜์˜ ์ € ๋ง์”€์ด ํฐ ์œ„๋กœ๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.๐Ÿฅบ

 

์ค‘์š”ํ•œ ๋‚ด์šฉ๋“ค์ด๊ธฐ๋„ ํ–ˆ๊ณ , ๊ผญ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•˜๋Š” ๋‚ด์šฉ๋“ค์ด์—ˆ๊ธฐ์—

๋ฐฐ์šด ๋‚ด์šฉ๋“ค์— ๋Œ€ํ•ด ์™„์ „ํ•˜๊ฒŒ ์ˆ™์ง€ํ•˜์ง€ ๋ชปํ–ˆ๋˜ ์ ์ด ๋งŽ์ด ์•„์‰ฝ๋„ค์š”.

๋Šฆ์–ด์ง€๊ธฐ ์ „์— ๋น ๋ฅด๊ฒŒ ๋‹ค์‹œ ํ•œ ๋ฒˆ ๋ฐ˜๋ณตํ•ด์„œ ์ต์ˆ™ํ•ด์งˆ ์ˆ˜ ์žˆ๋„๋ก ๋…ธ๋ ฅํ•ด์•ผ๊ฒ ์–ด์š”๐Ÿ”ฅ


Keep

1๏ธโƒฃ ๊ทธ ๋‚  ๋“ค์–ด์•ผํ•˜๋Š” ๊ฐ•์˜๋Š” ๋‹น์ผ์— ๋‹ค ๋“ฃ๋„๋ก!

2๏ธโƒฃ ๊ฐ•์˜ ๋“ค์„ ๋•Œ๋Š” ํ•ธ๋“œํฐ ํ•˜์ง€ ์•Š๊ธฐ!

3๏ธโƒฃ ๋ฐฐ์› ๋˜ ๋‚ด์šฉ ๋ธ”๋กœ๊ทธ์— ์—…๋กœ๋“œํ•˜๊ธฐ

4๏ธโƒฃ ์ƒˆ๋กœ ์•Œ๊ฒŒ๋œ ๋‚ด์šฉ์ด๋‚˜ ์ถ”๊ฐ€์ ์œผ๋กœ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ ์Šฌ๋ž™์— ๊ณต์œ ํ•˜๊ธฐ

 

Problem

1๏ธโƒฃ ๊ณผ์ œ๋ฅผ ๊ทธ ๋‚  ์ œ์ถœํ•˜์ง€ ๋ชปํ•˜๊ณ  12์‹œ ๋„˜์–ด์„œ ์ œ์ถœํ•˜๊ฒŒ ๋˜๋Š” ๊ฒฝ์šฐ

10์‹œ๊ฐ„ ์ œํ•œ์œผ๋กœ ๋‹ค์Œ๋‚ ์— ์ง€์žฅ์ด ๊ฐ„๋‹ค.

2๏ธโƒฃ ์™„์ „ํžˆ ์ดํ•ด๋˜์ง€๋„ ์•Š์•˜๋Š”๋ฐ ๋ณต์Šตํ•˜์ง€ ์•Š์•˜๋˜ ๊ฒƒ

3๏ธโƒฃ ๋ชจ๋ฅด๋Š” ๋‚ด์šฉ์— ๋Œ€ํ•ด ์ข€ ๋” ์•Œ์•„๋ณด๊ธฐ ๋ชปํ–ˆ๋˜ ๊ฒƒ

 

Try

1๏ธโƒฃ ๊ฐ•์˜์™€ ๊ณผ์ œ๋Š” ๊ทธ๋‚  ๋๋‚ด๊ธฐ

2๏ธโƒฃ ๋ชจ๋ฅด๋Š” ๋‚ด์šฉ์ด๋‚˜ ์ต์ˆ™์น˜ ์•Š์€ ๋‚ด์šฉ์€

์—ฌ๋Ÿฌ๋ฒˆ ๋ฐ˜๋ณตํ•ด์„œ ์ฝ”๋“œ ์ž‘์„ฑํ•˜๊ณ  ์ดํ•ดํ•˜๊ธฐ

3๏ธโƒฃ ๋ชจ๋ฅด๋Š” ๋‚ด์šฉ์ด ์ƒ๊ธฐ๋ฉด ๊ตฌ๊ธ€๋ง ํ•ด์„œ ๊ผญ ์ดํ•ดํ•˜๊ธฐ


3์ฃผ์ฐจ๋Š” ์œ„ KPT๋ฅผ ์ƒ๊ฐํ•ด์„œ ๋˜‘๊ฐ™์€ ์‹ค์ˆ˜๋ฅผ ๋ฐ˜๋ณตํ•˜์ง€ ๋ง์•„์•ผ๊ฒ ๋‹ค..

์ ์  ๋” ์–ด๋ ค์›Œ์ง€๋Š” ๋‚ด์šฉ์— ๋’ค์ณ์ง€์ง€ ์•Š๊ธฐ๋ฅผ!๐Ÿƒ‍โ™€๏ธ๐Ÿ‘‘

์ €์ž‘์žํ‘œ์‹œ

'๋ฐ๋ธŒ์ฝ”์Šค' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค ๋‹จ์œ„ 1์ฐจ  (0) 2024.05.20
[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 3์ฃผ์ฐจ  (0) 2024.05.01
[Git] git์œผ๋กœ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ(github ์—ฐ๊ฒฐ, git init)  (0) 2024.04.14
[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 1์ฃผ์ฐจ  (0) 2024.04.13
[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค] ํ’€์Šคํƒ 3๊ธฐ ํ•ฉ๊ฒฉ ํ›„๊ธฐ  (2) 2024.03.26
    '๋ฐ๋ธŒ์ฝ”์Šค' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค ๋‹จ์œ„ 1์ฐจ
    • [ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 3์ฃผ์ฐจ
    • [Git] git์œผ๋กœ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ(github ์—ฐ๊ฒฐ, git init)
    • [ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 1์ฃผ์ฐจ
    ๐Ÿธminzzi
    ๐Ÿธminzzi

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”