๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (133)
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (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)
    • ๊ฐœ๋ฐœ๋„์„œ (8)

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

  • ํ™ˆ

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

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

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

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

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
๐Ÿธminzzi
๊ฐœ๋ฐœ๋„์„œ

[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] ๋ฆฌํŒฉํ„ฐ๋ง ์นดํƒˆ๋กœ๊ทธ ๋ณด๋Š” ๋ฒ•(ch5)

๊ฐœ๋ฐœ๋„์„œ

[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] ๋ฆฌํŒฉํ„ฐ๋ง ์นดํƒˆ๋กœ๊ทธ ๋ณด๋Š” ๋ฒ•(ch5)

2025. 5. 1. 11:08

 ch5 ๋ฆฌํŒฉํ„ฐ๋ง ์นดํƒˆ๋กœ๊ทธ ๋ณด๋Š” ๋ฒ•

๋ฆฌํŒฉํ„ฐ๋ง ํ˜•์‹

- ์ด๋ฆ„ : ์ด๋ฆ„์€ ๋ฆฌํŒฉํ„ฐ๋ง ์šฉ์–ด๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ์ค‘์š”ํ•˜๋‹ค. 

- ๊ฐœ์š” : ๋ฆฌํŒฉํ† ๋ง์˜ ํ•ต์‹ฌ ๊ฐœ๋… -> ์›ํ•˜๋Š” ๋ฆฌํŒฉํ„ฐ๋ง์„ ์ฐพ์„ ๋•Œ ๋„์›€ ๋  ๊ฒƒ์ด๋‹ค.

- ๋ฐฐ๊ฒฝ : ๋ฆฌํŒฉํ„ฐ๋ง ๊ธฐ๋ฒ•์ด ์™œ ํ•„์š”ํ•œ์ง€, ๊ทธ ๊ธฐ๋ฒ•์„ ์ ์šฉํ•˜๋ฉด ์•ˆ ๋˜๋Š” ์ƒํ™ฉ์„ ์„ค๋ช…

- ์ ˆ์ฐจ : ๋ฆฌํŒฉํ„ฐ๋งํ•˜๋Š” ๊ตฌ์ฒด์ ์ธ ๊ณผ์ •

- ์˜ˆ์‹œ : ํ•ด๋‹น ๋ฆฌํŒฉํ„ฐ๋ง ๊ธฐ๋ฒ•์„ ์‹ค์ œ๋กœ ์ ์šฉํ•˜๋Š” ๊ฐ„๋‹จํ•œ ์˜ˆ์™€ ํšจ๊ณผ

 

 

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

'๊ฐœ๋ฐœ๋„์„œ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[์ „๋ฌธ๊ฐ€๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ] 6. ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ฆฌ์•กํŠธ - ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์˜ ํ•œ๊ณ„  (1) 2025.07.18
[Study] ์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(์ •์žฌ๋‚จ)  (6) 2025.06.08
[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch4)  (0) 2025.04.30
[ํ•จ๊ป˜์ž๋ผ๊ธฐ] action point  (2) 2025.04.30
[๋ฆฌํŒฉํ† ๋ง 2ํŒ] action point(ch3)  (0) 2025.04.28
    '๊ฐœ๋ฐœ๋„์„œ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [์ „๋ฌธ๊ฐ€๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ] 6. ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ฆฌ์•กํŠธ - ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์˜ ํ•œ๊ณ„
    • [Study] ์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(์ •์žฌ๋‚จ)
    • [๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch4)
    • [ํ•จ๊ป˜์ž๋ผ๊ธฐ] action point
    ๐Ÿธminzzi
    ๐Ÿธminzzi

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

    ๋‹จ์ถ•ํ‚ค

    ๋‚ด ๋ธ”๋กœ๊ทธ

    ๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
    Q
    Q
    ์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
    W
    W

    ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

    ๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
    E
    E
    ๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
    C
    C

    ๋ชจ๋“  ์˜์—ญ

    ์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
    S
    S
    ๋งจ ์œ„๋กœ ์ด๋™
    T
    T
    ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
    H
    H
    ๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
    Shift + /
    โ‡ง + /

    * ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.