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

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

  • ํ™ˆ

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

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

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

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

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

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

[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch1)

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

[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch1)

2025. 4. 26. 15:16
  1. ์กฐ๊ธˆ ๋ณ€๊ฒฝํ•œ refactoring์ด๋”๋ผ๋„ ๋งค๋ฒˆ ํ…Œ์ŠคํŠธ ํ•  ๊ฒƒ
    ์ž์ฃผํ•˜๋Š” ์‹ค์ˆ˜์ด๋‹ค. ์˜ค๋ฅ˜๋ฅผ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ๋ฆฌํŒฉํ„ฐ๋ง์„ ํ•  ๋•Œ, ๊ธฐ์กด์— ์ž‘์„ฑํ•œ ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•˜์ง€ ๋ชปํ•ด์„œ ์ฝ”๋“œ์˜ ์˜ค๋ฅ˜๋ฅผ ๋‚˜์ค‘์— ๋ฐœ๊ฒฌํ•  ๋•Œ๊ฐ€ ๋งŽ์•„ ๋””๋ฒ„๊น…์ด ์–ด๋ ค์› ๋‹ค. ์ž‘์€ ๋ณ€๊ฒฝ์ด๋”๋ผ๋„ ๋งค๋ฒˆ ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•˜๋Š” ์ง€ ํ™•์ธํ•˜๋Š” ๊ณผ์ •์„ ์Šต๊ด€ํ™” ํ•ด์•ผ๊ฒ ๋‹ค.

  2. ๋ฆฌํŒฉํ„ฐ๋ง์„ ํ†ตํ•œ ์„ฑ๋Šฅ๋ฌธ์ œ -> ํŠน๋ณ„ํ•œ ๊ฒฝ์šฐ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด ์ผ๋‹จ ๋ฌด์‹œํ•˜๊ณ  ์ดํ›„ ์„ฑ๋Šฅ์ด ๋–จ์–ด์ง„๋‹ค๋ฉด, ๋ฆฌํŒฉํ„ฐ๋ง์„ ๋งˆ๋ฌด๋ฆฌํ•˜๊ณ  ์„ฑ๋Šฅ์„ ๊ฐœ์„ 

  3. ๋ชจ๋“ˆํ™”๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ๊ฐ€ ๊ธธ์–ด์งˆ ์ˆ˜ ์žˆ์ง€๋งŒ ์ „์ฒด ๋กœ์ง์„ ๊ตฌ์„ฑํ•˜๋Š” ์š”์†Œ ๊ฐ๊ฐ์ด ๋” ๋šœ๋ ท์ด ๋ถ€๊ฐ๋œ๋‹ค. ์ด๋ ‡๊ฒŒ ๋ชจ๋“ˆํ™”๋ฅผ ํ•˜๋ฉด ๊ฐ ๋ถ€๋ถ„์ด ํ•˜๋Š” ์ผ๊ณผ ๊ทธ ๋ถ€๋ถ„๋“ค์ด ๋งž๋ฌผ๋ ค ๋Œ์•„๊ฐ€๋Š” ๊ณผ์ •์„ ํŒŒ์•…ํ•˜๊ธฐ ์‰ฌ์›Œ์ง„๋‹ค.

  4. 'ํ•ญ์‹œ ์ฝ”๋“œ๋ฒ ์ด์Šค๋ฅผ ์ž‘์—…ํ•˜๊ธฐ ์ „๋ณด๋‹ค ๋” ๊ฑด๊ฐ•ํ•˜๊ฒŒ ๊ณ ์นœ๋‹ค.'

  5. ์กฐ๊ฑด๋ถ€ ๋กœ์ง์„ ๋ช…ํ™•ํ•œ ๊ตฌ์กฐ๋กœ ๋ณด์™„ํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋Š” ๋‹คํ˜•์„ฑ์ด ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค.

  6. ๋ฆฌํŒฉํ„ฐ๋ง์„ ํšจ๊ณผ์ ์œผ๋กœ ํ•˜๋Š” ํ•ต์‹ฌ : ๋‹จ๊ณ„๋ฅผ ์ž˜๊ฒŒ ๋‚˜๋ˆ ์•ผ ๋” ๋น ๋ฅด๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๊ณ , ์ฝ”๋“œ๋Š” ์ ˆ๋Œ€ ๊นจ์ง€์ง€ ์•Š์œผ๋ฉฐ, ์ด๋Ÿฌํ•œ ์ž‘์€ ๋‹จ๊ณ„๋“ค์ด ๋ชจ์—ฌ์„œ ์ƒ๋‹นํžˆ ํฐ ๋ณ€ํ™”๋ฅผ ์ด๋ฃฐ ์ˆ˜ ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค์„ ๊นจ๋‹ซ๋Š” ๊ฒƒ

 

ch1์„ ์ฝ์œผ๋ฉด์„œ ๊ทธ๋ฆฌ๊ณ  ์š”์ฆ˜ ํšŒ์‚ฌ ์ฝ”๋“œ๋ฅผ ๋‹ค๋ฃจ๋ฉด์„œ ํฌ๊ฒŒ ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋˜ ๋ถ€๋ถ„์€ ์ž˜ ์งœ์—ฌ์ง„ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ์ด๋‹ค.

์ €์ž๋Š” ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ์กฐ๊ธˆ ์ˆ˜์ •ํ•  ๋•Œ์—๋„ ํ…Œ์ŠคํŠธ๊ฐ€ ์ž˜ ํ†ต๊ณผํ•˜๋Š” ์ง€ ํ™•์ธํ•˜๋Š” ๊ณผ์ •์„ ํ†ตํ•ด ์ฝ”๋“œ์˜ ์˜ค๋ฅ˜๋ฅผ ๋ฐฉ์ง€ํ•ด์•ผํ•จ์„ ๊ฐ•์กฐํ•˜๊ณ  ์žˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋ฆฌํŒฉํ„ฐ๋ง ๋Œ€์ƒ ์ฝ”๋“œ์˜ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋Š” ํ•„์ˆ˜์ ์ž„์„ ๊นจ๋‹ฌ์•˜๋‹ค. ๋˜ํ•œ ์ž˜๋ชป๋œ ๋™์ž‘์„ ์•ผ๊ธฐํ•  ์ˆ˜ ์žˆ๋Š” ์ผ€์ด์Šค์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ ์ ˆํ•˜๊ฒŒ ์ž˜ ์งœ๋†“๊ณ  ๋ฆฌํŒฉํ„ฐ๋ง์„ ์ง„ํ–‰ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.

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

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

[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] ๋ฆฌํŒฉํ„ฐ๋ง ์นดํƒˆ๋กœ๊ทธ ๋ณด๋Š” ๋ฒ•(ch5)  (0) 2025.05.01
[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch4)  (0) 2025.04.30
[ํ•จ๊ป˜์ž๋ผ๊ธฐ] action point  (2) 2025.04.30
[๋ฆฌํŒฉํ† ๋ง 2ํŒ] action point(ch3)  (0) 2025.04.28
[๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch2)  (2) 2025.04.27
    '๊ฐœ๋ฐœ๋„์„œ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch4)
    • [ํ•จ๊ป˜์ž๋ผ๊ธฐ] action point
    • [๋ฆฌํŒฉํ† ๋ง 2ํŒ] action point(ch3)
    • [๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ] action point(ch2)
    ๐Ÿธminzzi
    ๐Ÿธminzzi

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

    ๋‹จ์ถ•ํ‚ค

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

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

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

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

    ๋ชจ๋“  ์˜์—ญ

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

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