TIL_20.08.25 πŸƒπŸ½β€β™‚οΈπŸƒπŸ½β€β™‚οΈ

Doum KimΒ·2020λ…„ 8μ›” 25일
0

TIL

λͺ©λ‘ 보기
34/71
post-thumbnail

Codestates immersive course


Redux μŠ€ν”„λ¦°νŠΈ

Redux μŠ€ν”„λ¦°νŠΈ μ‹œμž‘...!

λ¦¬λ•μŠ€μ—μ„œ κ°€μž₯ μ€‘μš”ν•œ 3가지

  1. ν•˜λ‚˜μ˜ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—λŠ” ν•˜λ‚˜μ˜ μŠ€ν† μ–΄

  2. μƒνƒœλŠ” 읽기 μ „μš© -> λΆˆλ³€μ„±μ„ μ§€μΌœμ£Όμ–΄μ•Όν•œλ‹€.

  3. λ³€ν™”λ₯Ό μΌμœΌν‚€λŠ” reducer ν•¨μˆ˜λŠ” 순수 ν•¨μˆ˜μ΄λ‹€. 즉, λ™μΌν•œ μž…λ ₯ 값은 λ™μΌν•œ 좜λ ₯ 값을

keyWord

action

appμ—μ„œ μŠ€ν† μ–΄λ‘œ λ³΄λ‚΄λŠ” 데이터 묢음, μŠ€ν† μ–΄μ˜ μœ μΌν•œ 정보원,

store.dispatchλ₯Ό 톡해 μ•‘μ…˜μ„ 보낼 수 μžˆλ‹€. 객체이며 κ·Έ μ•ˆμ— type κ³Ό payloadλ₯Ό κ°–λŠ”λ‹€.

stateλ₯Ό λ³€κ²½ν•˜λŠ” 방법은 무쑰건 action을 dispatch ν•΄μ•Όν•œλ‹€.

reducer

μ•‘μ…˜ 객체λ₯Ό μ²˜λ¦¬ν•˜λŠ” ν•¨μˆ˜, 정보λ₯Ό λ°›μ•„μ„œ μƒνƒœλ₯Ό μ–΄λ–»κ²Œ μ—…λ°μ΄νŠΈν•  것인지 μ •μ˜ν•œλ‹€.

순수 ν•¨μˆ˜λ‘œ μž‘μ„±λ˜μ–΄μ•Όν•˜κ³  이전 μƒνƒœμ™€ μ•‘μ…˜μ„ λ°›μ•„μ„œ μƒˆλ‘œμš΄ μƒνƒœλ₯Ό λ°˜ν™˜.

이전 μƒνƒœλ₯Ό λ³€κ²½ν•˜λŠ”κ²Œ μ•„λ‹Œ μƒˆλ‘œμš΄ μƒνƒœλ₯Ό λ°˜ν™˜

기쑴의 μƒνƒœ 볡사 -> λ³€ν™” -> λ°˜ν™˜

store

μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ ν˜„μž¬ μƒνƒœλ₯Ό μ§€λ‹ˆκ³  μžˆλ‹€. μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ—λŠ” ν•˜λ‚˜μ˜ μŠ€ν† μ–΄λ§Œ μžˆμ–΄μ•Ό ν•œλ‹€.

createStore(reducer)둜 생성을 ν•œλ‹€.

μŠ€ν† μ–΄κ°€ ν•˜λŠ” 일

1.dispatch(action) μ•‘μ…˜μ„ λ¦¬λ“€μ„œλ‘œ 보낸닀.

μŠ€ν† μ–΄λŠ” λ¦¬λ“€μ„œ ν•¨μˆ˜μ— ν˜„μž¬ μžμ‹ μ˜ μƒνƒœμ™€ 방금 전달 받은 μ•‘μ…˜μ„ 전달해 μ€€λ‹€.

κ·Έ μ•‘μ…˜μ„ λ°›κ³  λ¦¬λ“€μ„œ ν•¨μˆ˜λŠ” μ–΄λ–€ λ³€ν™”κ°€ ν•„μš”ν•œμ§€ μ•Œμ•„λ‚΄κ³  λ³€ν™”λ₯Ό μ£Όκ³  μƒˆλ‘œμš΄ stateλ₯Ό λ°˜ν™˜ν•΄μ€€λ‹€.

그럼 κ·Έ state을 κΈ°μ‘΄ state와 변경을 ν•œλ‹€.

2.subscribe(λ¦¬μŠ€λ„ˆ)

μƒνƒœκ°€ λ°”λ€” λ•Œλ§ˆλ‹€ 싀행될 ν•¨μˆ˜λ₯Ό 등둝해 μ€€λ‹€.


μ˜€λžœλ§Œμ— ν•΄μ„œ λ‡Œκ°€ 리셋이 λœκ±΄μ§€ μ•„λ‹ˆλ©΄ 클래슀 μ»΄ν¬λ„ŒνŠΈμ—μ„œλŠ” λ­”κ°€ λ‹€λ₯Έκ±΄μ§€ ꡉμž₯히 λ‚―μ„€λ‹€....

soloDayλž‘ 주말을 정말 잘 μ΄μš©ν•΄μ•Όκ² λ‹€λŠ” 생각이 계속 계속 λ“ λ‹€....

무튼 κ³Όμ œλ„ μ™„μ„±ν–ˆκ³  μ–΄λŠ 정도 기얡도 λ³΅κ΅¬ν–ˆκ³  내일은 μ’€ 더 advancedν•œ 도전을 ν•΄λ³΄μž.

0개의 λŒ“κΈ€