yceffort

yceffort

frontend engineer

yceffort Β© All rights reserved.

react

typescript javascript react

λ¦¬λ•μŠ€ 곡뢀해보기 (3) - μš©μ–΄

https://redux.js.org/glossary#state ## μš©μ–΄ λͺ¨μŒ ### State (μƒνƒœ) ```typescript type State = any ``` State (State tree라고 도 λΆˆλ¦¬μš΄λ‹€)λŠ” Redux APIμ—μ„œλŠ” 보톡 μŠ€ν† μ–΄μ—μ„œ κ΄€λ¦¬ν•˜κ³ , `getState()`에 μ˜ν•΄ λ°˜ν™˜λ˜λŠ” 단일 값을 가리킨닀. κ΄€λ‘€μ μœΌλ‘œ, κ°€μž₯...

Read
typescript javascript react

λ¦¬λ•μŠ€ 곡뢀해보기 (2) - λ¦¬λ•μŠ€μ˜ 탄생, 핡심 κ°œλ… 그리고 3가지 원칙.

## λ¦¬λ•μŠ€μ˜ 탄생 λ°°κ²½ https://redux.js.org/introduction/motivation **μžλ°”μŠ€ν¬λ¦½νŠΈ μ‹±κΈ€ νŽ˜μ΄μ§€ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ— λŒ€ν•œ μš”κ΅¬ 사항이 점점 λ³΅μž‘ν•΄ 짐에 λ”°λΌμ„œ, 우리의 μ½”λ“œλŠ” κ·Έ μ–΄λŠ λ•Œ 보닀도 더 많이 μƒνƒœκ΄€λ¦¬μ— λŒ€ν•œ ν•„μš”μ„±μ„ 느끼고 μžˆλ‹€.** μ—¬κΈ°μ„œ λ§ν•˜λŠ” μƒνƒœμ—λŠ” μ„œλ²„ 응닡, μΊμ‹œλœ 데이터 λΏλ§Œμ•„λ‹ˆλΌ μ„œλ²„μ— 아직 μš”...

Read
typescript javascript react

λ¦¬λ•μŠ€ 곡뢀해보기 (1) - κ°œμš”

## λ¦¬λ•μŠ€ 곡뢀해보기 1 [λ¦¬λ•μŠ€ κ³΅μ‹λ¬Έμ„œ](https://redux.js.org/introduction/getting-started)λ₯Ό 슀슀둜 λŒ€μΆ© λ²ˆμ—­ν•΄λ³Έ κΈ€μž…λ‹ˆλ‹€. λ¦¬λ•μŠ€λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ 앱을 μœ„ν•œ **예츑 κ°€λŠ₯ν•œ μƒνƒœ 관리 μ»¨ν…Œμ΄λ„ˆ**λ‹€. λ¦¬λ•μŠ€λŠ” 일관성 있게 λ™μž‘ν•˜κ³ , μ„œλ‘œ λ‹€λ₯Έ ν™˜κ²½ (ν΄λΌμ΄μ–ΈνŠΈ, μ„œλ²„, λ„€μ΄ν‹°λΈŒ)μ—μ„œ μ‹€ν–‰λ˜λ©°, ν…ŒμŠ€νŠΈν•˜κΈ° ...

Read
javascript typescript react

Socket.IO κ³΅λΆ€ν•˜κΈ° (1)

## WebSocket 웹은 μ „ν˜•μ μœΌλ‘œ HTTP μš”μ²­μ— λŒ€ν•œ HTTP 응닡을 λ°›κ³ , 이에 따라 λΈŒλΌμš°μ € 화면을 μƒˆλ‘œ λ§Œλ“œλŠ” 방식이닀. λ”°λΌμ„œ 데이터 톡신은 μš”μ²­κ³Ό 응닡이 ν•œ 쌍으둜 λ¬Άμ—¬μ™”λ‹€. κ·ΈλŸ¬λ‚˜ μ›Ή νŽ˜μ΄μ§€κ°€ 보닀 μ‰½κ²Œ μƒν˜Έμž‘μš©μ„ ν•˜λ €λ©΄, λΈŒλΌμš°μ €μ™€ μ›Ή 사이에 μ΄λŸ¬ν•œ μš”μ²­ - 응닡 방식이 μ•„λ‹Œ 더 자유둜운 μ–‘λ°©ν–₯ λ©”μ‹œμ§€ μ†‘μˆ˜μ‹  기술이 ν•„μš”ν•˜λ‹€. μ΄λŸ¬ν•œ ...

Read
typescript javascript react

NextJS 2. Data Fetching

[nextjs의 곡식 λ¬Έμ„œ](https://nextjs.org/docs/basic-features/data-fetching)λ₯Ό 보고 μš”μ•½ν•œ λ‚΄μš©μž…λ‹ˆλ‹€. ```toc tight: true, from-heading: 1 to-heading: 2 ``` ## 1. getInitialProps Nextjs 9.3 μ΄μ „μ—λŠ” `getInitialProps` 밖에...

Read
←
β†’