๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (132)
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (14)
    • FE (36)
      • Next.js (17)
      • 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 (3)
      • ํšŒ๊ณ  (7)
      • ๋ฉด์ ‘ (17)
    • ๊ฐœ๋ฐœ๋„์„œ (7)

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

  • ํ™ˆ

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

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

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

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

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

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

Minzzi์•ผ

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

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

2024. 4. 13. 23:04

๋“œ๋””์–ด ๊ธฐ๋‹ค๋ฆฌ๊ณ  ๊ธฐ๋‹ค๋ฆฌ๋˜ ๋ฐ๋ธŒ์ฝ”์Šค๊ฐ€ ์‹œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค! ๐Ÿค—

 

๊ฐœ๊ฐ• ์ „, ์Šฌ๋ž™๊ฐ€์ž…๋ถ€ํ„ฐ ์Šค์ฟจ๊ฐ€์ž…์„ ํ–ˆ๋Š”๋ฐ์š”,

๋ฐ๋ธŒ์ฝ”์Šค๋ฅผ ํ•จ๊ป˜ํ•  3๊ธฐ๋ถ„๋“ค๊ณผ ๋งค๋‹ˆ์ €๋‹˜์„ ํ™•์ธํ•˜๋‹ˆ ๋” ๊ธฐ๋Œ€๊ฐ€ ๋˜๋”๋ผ๊ณ ์š”~

 

์ž์ฃผ ์“ฐ๋Š” ์Šฌ๋ž™์ด์ง€๋งŒ, ์ƒˆ๋กœ ๊ฐ€์ž…ํ•˜๊ณ  ์ฒ˜์Œ์œผ๋กœ ๋งž์ดํ•˜๋Š” ๋ฌธ๊ตฌ๊ฐ€ ์™ค์ผ€ ์„ค๋ ˆ์—ˆ๋Š”์ง€..ใ…Žใ…Ž

 

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์Šค์ฟจ ๊ฐ€์ž…๋„ ํ–ˆ๋Š”๋ฐ ํ”„๋กœํ•„ ์‚ฌ์ง„์ด ์‹ฌ์ƒ์น˜ ์•Š์ฃ ..?ใ…Žใ…Ž๐Ÿ™‰

์›์ˆญ์ด๊ฐ™๋‹ค๋Š” ์ด์•ผ๊ธฐ๋ฅผ ๋งŽ์ด ๋“ค์–ด์„œ,, ๋‹ฎ์€ ์›์ˆญ์ด ์นœ๊ตฌ๋กœ ํ”„๋กœํ•„์„ ์„ค์ •ํ•ด์ฃผ์—ˆ๋‹ต๋‹ˆ๋‹ค :)

 

ํ•œ ์ฃผ ๋™์•ˆ, OT์™€ ์—ฌ๋Ÿฌ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ „๋ฐ˜์ ์ธ ๋ฐ๋ธŒ์ฝ”์Šค์˜ ์ง„ํ–‰๋ฐฉ๋ฒ•์„ ์ˆ™์ง€ํ•˜๊ณ ,

๊ฐœ๋ฐœ์—์„œ ํ•„์š”ํ•œ ํ˜‘์—…๋ฐฉ์‹์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

 

ํŠนํžˆ ๊น€์†ก์•„ ๊ฐ•์‚ฌ๋‹˜์˜ ๊ฐ•์˜๋ ฅ์ด ์ •๋ง ์ข‹์œผ์…”์„œ ๋ฐฐ์šฐ๋Š” ๋‚ด๋‚ด ๊ฐํƒ„์„ ํ–ˆ์Šต๋‹ˆ๋‹ค.๐Ÿซข

 


์ด๋ฒˆ ์ฃผ์ฐจ์—๋Š” ๊นƒ๊ณผ ๊นƒํ—ˆ๋ธŒ์— ๋Œ€ํ•ด ์ค‘์ ์œผ๋กœ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.

์ €๋Š” ํ˜‘์—…๋™์•„๋ฆฌ์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•  ๋•Œ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๋“ค๊ณผ ํ˜‘์—…์„ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์—

ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ์—์„œ ํ•„์ˆ˜์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊นƒ๊ณผ ๊นƒํ—ˆ๋ธŒ ์ง€์‹์€ ์•ฝ๊ฐ„ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

 

๋”ฐ๋ผ์„œ ๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ๊ฐ€๋Š” ๊ฒƒ์—๋Š” ํฐ๋ถ€๋‹ด์ด ์—†์—ˆ์ง€๋งŒ,

๊นƒํ—ˆ๋ธŒ๋ฅผ ํ†ตํ•œ ํ˜‘์—…๋ฐฉ์‹์ด๋‚˜, ๋™๊ธฐํ™” ๋ฐฉ๋ฒ• ๋“ฑ ๋ช…ํ™•ํ•˜์ง€ ์•Š์•˜๋˜ ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋ช…ํ™•ํžˆ ์งš๊ณ  ๋„˜์–ด๊ฐˆ ์ˆ˜ ์žˆ์—ˆ๊ณ ,

์„ค๋ช…ํ•ด์ฃผ์‹œ๋Š” ๋‚ด์šฉ๋Œ€๋กœ ๋…ธ์…˜์— ์ •๋ฆฌํ•˜๋ฉฐ ์‹ค์Šต๋„ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋ชฐ๋ž๋˜ ๋‚ด์šฉ์„ ์ตํ˜”์Šต๋‹ˆ๋‹ค!

 

๊ฐ•์‚ฌ๋‹˜๊ป˜์„œ๋„ ๋ง์”€ํ•ด์ฃผ์…จ๋“ฏ์ด ์—ฌ๋Ÿฌ ๊ฐœ๋ฐœ์ž๋“ค๊ณผ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋ณด๋ฉด

์ƒ๊ฐ๋ณด๋‹ค ๊นƒ๊ณผ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์ž˜ ์•Œ๊ณ  ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ์€ ๋งŽ์ด ์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

ํ•˜์ง€๋งŒ ์ฝ”๋“œ์™€ ๋ฒ„์ „ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•ด์„œ ๊นƒ๊ณผ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์ž˜ ์•Œ๊ณ  ์‚ฌ์šฉํ•œ๋‹ค๋ฉด

ํŒ€๊ณผ ํ”„๋กœ์ ํŠธ์— ํฐ ๋„์›€์ด ๋œ๋‹ค๋Š” ๊ฑด ํ™•์‹คํ•˜์ฃ !

 

์ด๋ฒˆ์ฃผ์ฐจ์— ๋ฐฐ์šด ๋‚ด์šฉ์„ ๋ธ”๋กœ๊ทธ๋กœ ์ •๋ฆฌํ•ด์„œ ๋‚˜์ค‘์—๋„ ์ž˜ ์“ฐ์ผ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์•ผ๊ฒ ์–ด์š” :)

๋‹ค์Œ์ฃผ์— ๋ฐฐ์šธ ๋‚ด์šฉ๋“ค๋„ ๋„ˆ์–ด์–ด๋ฌด ๊ธฐ๋Œ€๋˜๋Š” ์˜ค๋Š˜์ž…๋‹ˆ๋‹ค๐Ÿ”ฅ

 


์ข‹์•˜๋˜ ์  & ์ง€์†ํ•  ์ 

1. ์ฐจ๊ทผ์ฐจ๊ทผ ์•Œ๋˜ ๋‚ด์šฉ๋„ ๋‹ค์‹œ ํ•œ๋ฒˆ ๋ณต์Šตํ•  ์ˆ˜ ์žˆ์—ˆ์Œ

2. ๋งค์ผ ์ •ํ•ด์ง„ ์‹œ๊ฐ„์˜ ๊ฐ•์˜๋ฅผ ๋“ค์„ ์ˆ˜ ์žˆ์Œ

3. ๋ฐฐ์šด ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜๋Š” ์Šต๊ด€์„ ๊ธฐ๋ฅผ ์ˆ˜ ์žˆ์—ˆ์Œ

4. ์›ํ•˜๋Š” ์‹œ๊ฐ„์— ๊ฐ•์˜๋ฅผ ๋“ค์„ ์ˆ˜ ์žˆ๋Š” ์ž์œ ๋กœ์›€!

์•„์‰ฌ์› ๋˜ ์ 

1. ์•„์นจ๋ถ€ํ„ฐ ๊ฐ•์˜๋ฅผ ๋“ฃ์ง€ ์•Š๊ณ  ์ƒˆ๋ฒฝ๊นŒ์ง€ ๊ฐ•์˜๋ฅผ ๋“ค์—ˆ๋˜ ๊ฒƒ์ด ๋‹ค์Œ๋‚  ์ปจ๋””์…˜์— ์˜ํ–ฅ์„ ์ฃผ์—ˆ์Œ

2. ์ „๋‚ ์— ๋ฐฐ์› ๋˜ ๋‚ด์šฉ์„ ํ•œ๋ฒˆ์”ฉ ํ›‘์–ด๋ณด๊ธฐ๋งŒ ํ•ด๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™์Œ

3. ๋ธ”๋กœ๊ทธ๋กœ ์ •๋ฆฌ๋„ ๋งค์ผ ์ง„ํ–‰ํ•ด๋†“์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Œ

๋…ธ๋ ฅํ•  ์ 

1. ์•„์นจ ์ผ์ฐ ์ผ์–ด๋‚˜์„œ ๊ฐ•์˜๋“ฃ๊ธฐ

2. ์ •๋ฆฌ๋ฅผ ์Šต๊ด€ํ™”(๋˜๋„๋ก ๋ธ”๋กœ๊ทธ๋กœ)

3. ์ „๋‚  ๋ฐฐ์šด ๋‚ด์šฉ๋“ค์€ ๋‹ค์Œ๋‚  ๊ผญ ํ›‘์–ด๋ณด๊ธฐ

 

์ถ”๊ฐ€๋กœ ์•ž์œผ๋กœ ์ข€ ๋” ์นœํ•ด์ง€๊ณ  ํ™œ๋ฐœํ•œ 3๊ธฐ๋ฅผ ์œ„ํ•ด

ํ•œ ์ฃผ์— ํ•œ ๋ฒˆ์€ ์•„๋ž˜์™€ ๊ฐ™์€ ๊ธ€์„ ์˜ฌ๋ ค๋ณด๋„๋ก ๋…ธ๋ ฅํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค!

 

 

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

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

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

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