Closed Junow closed 4 years ago
@bbumjun
system/profile
μμ μ°μ΄κ³ μλ alert.confirmDelete
λ AlertAction μ dispatch νλ λ°©μμΌλ‘ λ°κΎΌλ€λ©΄ μ΄λ»κ² ν μ μμκΉμ? modules/alert/reducer μ λ£μ΄λ λ κ±°κ°κΈ΄νλ° if(confirm)
μΌ λ reducer μμ λ€λ₯Έ μ‘μ
μ λμ€ν¨μΉ νλκ² λ§λμ§ μ λͺ¨λ₯΄κ² λ€μ
const onDeleteClick = () => {
alert.confirmDelete(name).then((confirm) => {
if (confirm) {
dispatch(deleteFriend(uuid))
}
})
}
@bbumjun
system/profile
μμ μ°μ΄κ³ μλalert.confirmDelete
λ AlertAction μ dispatch νλ λ°©μμΌλ‘ λ°κΎΌλ€λ©΄ μ΄λ»κ² ν μ μμκΉμ? modules/alert/reducer μ λ£μ΄λ λ κ±°κ°κΈ΄νλ°if(confirm)
μΌ λ reducer μμ λ€λ₯Έ μ‘μ μ λμ€ν¨μΉ νλκ² λ§λμ§ μ λͺ¨λ₯΄κ² λ€μconst onDeleteClick = () => { alert.confirmDelete(name).then((confirm) => { if (confirm) { dispatch(deleteFriend(uuid)) } }) }
μλ¬ κ΄λ ¨ν alertκ° μλλΌ λͺ¨λ alertμ λν λμ€ν¨μΉλ₯Ό λͺ¨μλλ 건κ°μ? μκ°μ κ²½μ°λ alertμ delete actionμ λΆλ¦¬νλκ²μ΄ μ€νλ € λΆμμ°μ€λ¬μ΄κ±° κ°κΈ°λνλ€μ
@bbumjun
system/profile
μμ μ°μ΄κ³ μλalert.confirmDelete
λ AlertAction μ dispatch νλ λ°©μμΌλ‘ λ°κΎΌλ€λ©΄ μ΄λ»κ² ν μ μμκΉμ? modules/alert/reducer μ λ£μ΄λ λ κ±°κ°κΈ΄νλ°if(confirm)
μΌ λ reducer μμ λ€λ₯Έ μ‘μ μ λμ€ν¨μΉ νλκ² λ§λμ§ μ λͺ¨λ₯΄κ² λ€μconst onDeleteClick = () => { alert.confirmDelete(name).then((confirm) => { if (confirm) { dispatch(deleteFriend(uuid)) } }) }
μλ¬ κ΄λ ¨ν alertκ° μλλΌ λͺ¨λ alertμ λν λμ€ν¨μΉλ₯Ό λͺ¨μλλ 건κ°μ? μκ°μ κ²½μ°λ alertμ delete actionμ λΆλ¦¬νλκ²μ΄ μ€νλ € λΆμμ°μ€λ¬μ΄κ±° κ°κΈ°λνλ€μ
μ²μμ λͺ¨λ alert κ° μλ¬μΈμ€ μμλλ° μ 리νλ€λ³΄λ μλ¬κ° μλ alert λ μλλΌκ΅¬μ κ·Έλμ alert reducer λ₯Ό λ°λ‘ λͺ¨μλκ² λμ΅λλ€.
λ§μνμ κ²μ²λΌ alert μ delete actionμ΄ λΆλ¦¬λλ 건 μλκ³ onDeleteClick μ΄ λ°μνμλ alert action
μ dispatch
νκ³ μ²λ¦¬λ₯Ό alert reducer μμ deleteFriend action
μ dispatch
νκ² λλ λͺ¨μμκ° μ³μμ§ κΆκΈν κ±°μμ΅λλ€.
νκ°μ§ λ μ€λ₯΄λ건 μ½λ°±μΌλ‘ dispatch(deleteFriend)
λ₯Ό λκ²¨μ£Όκ³ alert
μμ if(confirm)
μΌλ μ½λ°±μ μ€νμν¬ μλ μκ² λ€μ. view λ¨μμ μλ¬ νΈλ€λ§μ μ μν΄μ£Όλκ² λμΌλκΉμ
@bbumjun
system/profile
μμ μ°μ΄κ³ μλalert.confirmDelete
λ AlertAction μ dispatch νλ λ°©μμΌλ‘ λ°κΎΌλ€λ©΄ μ΄λ»κ² ν μ μμκΉμ? modules/alert/reducer μ λ£μ΄λ λ κ±°κ°κΈ΄νλ°if(confirm)
μΌ λ reducer μμ λ€λ₯Έ μ‘μ μ λμ€ν¨μΉ νλκ² λ§λμ§ μ λͺ¨λ₯΄κ² λ€μconst onDeleteClick = () => { alert.confirmDelete(name).then((confirm) => { if (confirm) { dispatch(deleteFriend(uuid)) } }) }
μλ¬ κ΄λ ¨ν alertκ° μλλΌ λͺ¨λ alertμ λν λμ€ν¨μΉλ₯Ό λͺ¨μλλ 건κ°μ? μκ°μ κ²½μ°λ alertμ delete actionμ λΆλ¦¬νλκ²μ΄ μ€νλ € λΆμμ°μ€λ¬μ΄κ±° κ°κΈ°λνλ€μ
μ²μμ λͺ¨λ alert κ° μλ¬μΈμ€ μμλλ° μ 리νλ€λ³΄λ μλ¬κ° μλ alert λ μλλΌκ΅¬μ κ·Έλμ alert reducer λ₯Ό λ°λ‘ λͺ¨μλκ² λμ΅λλ€.
λ§μνμ κ²μ²λΌ alert μ delete actionμ΄ λΆλ¦¬λλ 건 μλκ³ onDeleteClick μ΄ λ°μνμλ
alert action
μdispatch
νκ³ μ²λ¦¬λ₯Ό alert reducer μμdeleteFriend action
μdispatch
νκ² λλ λͺ¨μμκ° μ³μμ§ κΆκΈν κ±°μμ΅λλ€.νκ°μ§ λ μ€λ₯΄λ건 μ½λ°±μΌλ‘
dispatch(deleteFriend)
λ₯Ό λ겨주κ³alert
μμif(confirm)
μΌλ μ½λ°±μ μ€νμν¬ μλ μκ² λ€μ. view λ¨μμ μλ¬ νΈλ€λ§μ μ μν΄μ£Όλκ² λμΌλκΉμ
λ§μνμ λ°©λ²λλ‘ μ½λ°±μΌλ‘ λ겨주면 λ¬Έμ λ 건 μμκ² κ°λ€μ π
closes #165 closes #50 api response type ν΅μΌμμ μ€μ λλ€.
@bbumjun λμ΄
server/common/utils.ts
μ μμ±νμ ¨λmessage
κ°μ²΄λserver/common/error.ts
μ ν΅ν©λμμ΅λλ€.μ§κΈ μλμ κ°μ μνμΈλ° λͺ¨λ
401
μνμ½λλ‘ λμλκ²μ μμνμ ν΅μΌνλλ‘ νκ² μ΅λλ€.8e019d9 컀λ°μΌλ‘
confirmDelete
κΉμ§alert action
μΌλ‘ λ€ μμ νμ΅λλ€.λ€μμλ
SweetAlert
κ±·μ΄λ΄κ³alert
μ»΄ν¬λνΈ μ체μ μ νκ³ μΆλ€μ. λμμΈ ν΅μΌμ±μ΄alert
λΆλΆμμ μ’ μλ§μμμ γ ..