🚀 μ„±μž₯일지 6.0

μ±… ν–‰λ³΅ν•œ 이기주의자(웨인 닀이어)의 λ‚΄μš©μ— μžκ·Ήλ°›μ•„ μ‹œμž‘ν•˜λŠ” μ†Œλ°•ν•œ μ„±μž₯기둝

μ‚΄μ•„μžˆλŠ” 꽃과 죽은 꽃은 μ–΄λ–»κ²Œ κ΅¬λ³„ν•˜λŠ”κ°€?
μ„±μž₯ν•˜κ³  μžˆλŠ” 것이 μ‚΄μ•„ μžˆλŠ” 것이닀.
생λͺ…μ˜ μœ μΌν•œ μ¦κ±°λŠ” μ„±μž₯이닀!

🌾 (4.0)ν•™μŠ΅ ν‚€μ›Œλ“œμ—μ„œ μ΅œλŒ€ν•œ κ°„λ‹¨ν•œ 정보 제곡, κ³ λ―Όμ—μ„œ λ‚΄ κ²½ν—˜μ„ μžμ„Ένžˆ 적자!
πŸ₯Š (5.0)ν•™μŠ΅ ν‚€μ›Œλ“œλŠ” ν•œμ€„μ˜ ν•΅μ‹¬μœΌλ‘œλ§Œ 정리, 성곡/μ‹€νŒ¨ 일지 μž‘μ„±ν•˜κΈ°! 이 λ•Œ, μ‹€νŒ¨μ˜ κ²½ν—˜μ€ μžμ„Ένžˆ 적기!
πŸ‰ (6.0)<μ™„μ „ 개편!!!> 맀일 μŠ΅κ΄€μ μœΌλ‘œ ν•΅μ‹¬λ§Œ 적을 수 있게 ν”„λ ˆμž„ λ³€κ²½. 성곡보단 μ‹€νŒ¨μ— μ΄ˆμ μ„ λ§žμΆ”κΈ°.

  • πŸ‰ (6.1)<μˆ˜μ •> 맀번 성곡, μ‹€νŒ¨λ₯Ό λ”°λ‘œ μ λŠ” 것보단 κ²½ν—˜μœΌλ‘œ ν‘œν˜„ν•˜μž

🌈 였늘의 감정

μ›”μš”μΌμ΄ μ‹œμž‘λ˜μ—ˆλ‹€. 풀어지기 μ‹«μ–΄μ„œ, μΌλΆ€λŸ¬ λ‚˜μ„œμ„œ λ™λ£Œλ“€κ³Ό μ•„μΉ¨ μŠ€ν¬λŸΌμ„ μ§„ν–‰ν•˜λŠ” λͺ¨μž„을 λ§Œλ“€μ—ˆλ‹€. 쑰금 뢀담이 λ˜κΈ°λ„ ν•˜μ§€λ§Œ, 이 뢀담감이 μ λ‹Ήν•œ κΈ΄μž₯감을 쀄 수 μžˆμ„ 것이라 λ―ΏλŠ”λ‹€. 이제 μ‹œμž‘μ΄μ§€λ§Œ, μ–ΌμΆ” 였늘 λͺ©ν‘œλ‘œ ν•œ λΆ„λŸ‰λ„ λ‹€ ν–ˆκ³  μš΄λ™λ„ ν•˜κ³  μ™”λ‹€! κ·Έλ ‡λ‹€κ³  λ°©μ‹¬ν•˜μ§€λ§μž! 이제 μ‹œμž‘μ΄λ‹ˆκΉŒ, 쒀더 λ‚΄κ°€ λ„λ‹¬ν•˜κ³  싢은 λͺ©ν‘œμ— λ§žλŠ” μ‚¬λžŒμ΄ 되기 μœ„ν•΄ λ…Έλ ₯ν•˜μž!

🫧 였늘의 고민

  • λ¦¬λ•μŠ€β€¦ λ¦¬λ•μŠ€ κ°•μ˜λ₯Ό κ³ λ―Όν•˜λ‹€κ°€ μ§ˆλŸ¬λ²„λ Έλ‹€. 마침 50% 쿠폰도 μžˆμ–΄μ„œ κ΅¬λ§€ν–ˆλ‹€. Context API, useReducer λ“± 기본적인 λ¦¬μ•‘νŠΈ μƒνƒœ 관리도 있고 μš”μ¦˜μ—” Recoil, Zustand, Jotai같은 μƒνƒœ 관리 λΌμ΄λΈŒλŸ¬λ¦¬λ“€λ„ λ§Žμ•„μ„œ λ¦¬λ•μŠ€λ₯Ό κ³΅λΆ€ν•˜λ €κ³ λŠ” μ•ˆν–ˆλŠ”λ°β€¦ λ¦¬λ•μŠ€λ₯Ό κ³΅λΆ€ν•΄μ•Όν•˜λŠ” κ°•μ‚¬λ‹˜μ˜ 짧은 μ˜μƒμ„ 보고 λ‚©λ“λ˜μ–΄λ²„λ €μ„œ κ΅¬λ§€ν•˜κ²Œ λ˜μ—ˆλ‹€. ν—£ν—ˆ. 이 κ°•μ˜λ₯Ό ν† λŒ€λ‘œ

μƒνƒœ 관리에 λŒ€ν•œ κ°œλ…μ„ λ‹€μ‹œκΈˆ 작고 κ·Έ 뒀에 μ–΄λ–€ 라이브러리λ₯Ό μ“°λŠ” 게 쒋을지 ν˜Ήμ€ λ‚΄κ°€ κ΅¬ν˜„ν•΄λ³Ό μˆ˜λŠ” μ—†λŠ”μ§€, μƒνƒœ 관리 λΌμ΄λΈŒλŸ¬λ¦¬κ°€ κΌ­ ν•„μš”ν•œμ§€ 등을 λ”°μ§ˆ 수 μžˆλŠ” νž˜μ„ κΈΈλŸ¬μ•Όκ² λ‹€.

β˜€οΈ 였늘의 κ²½ν—˜

JS 볡슡(λΈŒλΌμš°μ € APIλ₯Ό μ€‘μ‹¬μœΌλ‘œ)

μž‘κ²ŒλŠ” λΈŒλΌμš°μ € APIλ“€(querySelector, innerHTML, addEventListener λ“±)λΆ€ν„° 이벀트 버블링, ν΄λ‘œμ € 등에 λŒ€ν•œ κ°œλ…λ“€λ„ λ³΅μŠ΅ν–ˆλ‹€. 이제 JS에 λŒ€ν•œ λ‚΄μš©λ“€μ€ μ–΄λŠμ •λ„ μˆ™μ§€κ°€ 된 것 같은데, μ‘°κΈˆλ” 파고 싢은 뢀뢄은 JS μ§„μ˜μ˜ 흐름이닀. μ™œ J-Queryκ°€ λ“±μž₯ν–ˆκ³  κ·Έ 뒀에 μ•΅κ·€λŸ¬λΆ€ν„° λ¦¬μ•‘νŠΈ, λ·°, 슀벨트 등등이 λ“±μž₯ν–ˆλŠ”μ§€λ₯Ό λ‹¨μˆœνžˆ ν…μŠ€νŠΈλ‘œλ§Œ μ•„λŠ” 게 μ•„λ‹ˆλΌ 기술적인 μ½”λ“œ λ‹¨μ—μ„œ 이유λ₯Ό μ°Ύμ•„κ°€λ©΄μ„œ κ³΅λΆ€ν•˜λ € ν•œλ‹€.

CS - λ„€νŠΈμ›Œν¬: 전솑 계측

μ˜€λŠ˜μ€ λ“œλ””μ–΄ 기닀리고 κΈ°λ‹€λ¦¬λ˜ 전솑 계측에 λŒ€ν•΄μ„œ κ³΅λΆ€ν–ˆλ‹€.

TCP

  • μ—°κ²°ν˜• 톡신이며 μ‹ λ’°μ„±κ³Ό 정확성을 μš°μ„ μ‹œν•œλ‹€λŠ” μ μ—μ„œ 쒀더 전솑 계측 λ³Έμ—°μ˜ μ—­ν• (데이터λ₯Ό μ •ν™•ν•˜κ³  μ•ˆμ „ν•˜κ²Œ 그리고 ν•΄λ‹Ήν•˜λŠ” μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ— 전달)에 μΆ©μ‹€ν•œ ν”„λ‘œν† μ½œμ΄ μ•„λ‹κΉŒ 생각이 λ“€μ—ˆλ‹€.
  • 3-way ν•Έλ“œμ…°μ΄ν‚Ήμ„ ν†΅ν•΄μ„œ SYN(μ—°κ²° μš”μ²­), ACK(응닡) 값을 λ§žμΆ”κ³  4-way ν•Έλ“œμ…°μ΄ν‚Ήμ„ ν†΅ν•΄μ„œ FIN(μ—°κ²° μ’…λ£Œ), ACK(응닡) 값을 λ§žμΆ˜λ‹€.
  • TCP 헀더가 λ“€μ–΄μžˆλŠ” νŒ¨ν‚·μ„ μ„Έκ·Έλ¨ΌνŠΈλΌκ³  ν•˜λŠ”λ° 이 μ„Έκ·Έλ¨ΌνŠΈλŠ” μͺΌκ°œμ Έμ„œ μ „μ†‘λœλ‹€. 즉, μͺΌκ°œμ‘Œμ„ λ•Œ κ·Έ μˆœμ„œλ₯Ό μ•Œ 수 μžˆμ–΄μ•Ό ν•˜λŠ”λ° 이λ₯Ό 일련번호라고 ν•œλ‹€. 그리고 이 μΌλ ¨λ²ˆν˜Έμ— λŒ€ν•œ 응닡을 λ°›κΈ°μœ„ν•΄ 응닡(확인) 번호λ₯Ό ν•¨κ»˜ μ „μ†‘ν•œλ‹€.
  • μ΄λ ‡κ²Œ 데이터λ₯Ό μͺΌκ°œμ„œ 전달할 λ•Œ, 맀번 μš”μ²­κ³Ό 응닡을 μ§„ν–‰ν•˜κ²Œ 되면 λΉ„νš¨μœ¨μ μ΄λ―€λ‘œ μˆ˜μ‹ μΈ‘μ—μ„œ 감당이 κ°€λŠ₯ν•œλ§ŒνΌ ν•œλ²ˆμ— μš”μ²­μ„ λ°›κ³  ν•œλ²ˆμ— 응닡을 λ³΄λ‚΄κ²Œ λœλ‹€. 이 λ•Œ, μͺΌκ°œμ§„ μ„Έκ·Έλ¨ΌνŠΈλ₯Ό μ €μž₯ν•˜λŠ” 곡간을 버퍼라고 ν•œλ‹€.
    • 이 λ•Œ, 감당 κ°€λŠ₯ν•œ 크기λ₯Ό μœˆλ„μš° 크기라고 ν•œλ‹€.

UDP

  • λΉ„μ—°κ²°ν˜• ν†΅μ‹ μœΌλ‘œ νš¨μœ¨μ„±(λΉ λ₯Έ 속도)λ₯Ό μš°μ„ μ‹œν•œλ‹€. 일단 데이터λ₯Ό λ•Œλ €λ˜μ§€κ³  λ³Έλ‹€.
  • κ·Έλ ‡λ‹€λ³΄λ‹ˆ TCP에 λΉ„ν•΄μ„œ μƒλŒ€μ μœΌλ‘œ 헀더가 가볍닀. 이 λ•Œ, UDP 헀더가 λ“€μ–΄μžˆλŠ” νŒ¨ν‚·μ„ UDP λ°μ΄ν„°κ·Έλž¨μ΄λΌκ³  ν•œλ‹€.
  • λ™μ˜μƒ 슀트리밍과 같이 μ‹ λ’°μ„±κ³Ό μ •ν™•μ„±λ³΄λ‹€λŠ” 일단은 λΉ λ₯΄κ²Œ 데이터λ₯Ό μ†‘μˆ˜μ‹ ν•΄μ•Όν•˜λŠ” κ²½μš°μ— μ‚¬μš©λœλ‹€.

🐾 였늘의 κ΅ν›ˆ

  • λͺ°μž…ν•˜μž
  • 였늘 λ‚΄κ°€ μ£½λŠ”λ‹€λ©΄..? 을 μƒκ°ν•˜κ³  μ‚΄μž
  • μž μ€ λ°˜λ“œμ‹œ μΆ©λΆ„νžˆ 자자 그리고 μ•½ 20λΆ„μ˜ μ„ μž μ€ μ–Έμ œλ‚˜ μ˜³λ‹€.

πŸͺ΅ μ°Έκ³ 

  • [μ±…] λͺ¨λ‘μ˜ λ„€νŠΈμ›Œν¬