Search

Cart

생성일
2023/09/17 11:30
νƒœκ·Έ

λ‹΄λ‹Ή 도메인

Notice :Β μž₯λ°”κ΅¬λ‹ˆλŠ” 우리 μ›Ήμ‚¬μ΄νŠΈμ˜ 핡심 κΈ°λŠ₯ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€.
우리 μ›Ήμ‚¬μ΄νŠΈμ˜ νšŒμ› μ‚¬μš©μžλ“€μ€ μƒν’ˆ κ²Œμ‹œνŒμ„ 톡해 μƒν’ˆμ„ μž₯λ°”κ΅¬λ‹ˆμ— 담을 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ λ‹΄μ•„λ†“μ•˜λ˜ μƒν’ˆλ“€μ„ ν•œλ²ˆμ— ꡬ맀 ν˜Ήμ€ μ‚­μ œκ°€ κ°€λŠ₯ν•©λ‹ˆλ‹€.

μ„ΈλΆ€ λͺ©μ°¨

λͺ©μ°¨λŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.
β€’
#1. κ΅¬ν˜„ κ³„νš
β€’
#2. κΈ°λŠ₯ μ‹œμ—°
β€’
#3. κ΅¬ν˜„ 쀑에 λ°œμƒν•œ 이슈
β€’
#4. 이슈 ν•΄κ²°
β€’
#5. κ΅¬ν˜„ μ™„λ£Œ 이후 디버깅
β€’
#6. ν•΄κ²° ν•΄μ•Ό ν•  남은 문제

#1. κ΅¬ν˜„ κ³„νš

μž₯λ°”κ΅¬λ‹ˆμ˜ 핡심 :
β€’
였직 νšŒμ›λ§Œ μƒν’ˆ κ²Œμ‹œνŒμ˜ μƒν’ˆμ„ μž₯λ°”κ΅¬λ‹ˆμ— 담을 수 μžˆμŠ΅λ‹ˆλ‹€.
β€’
였직 νšŒμ›λ§Œ μƒν’ˆ μˆ˜λŸ‰ 쑰절, μ‚­μ œ ν˜Ήμ€ ꡬ맀 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

#2. κΈ°λŠ₯ μ‹œμ—°

이제 μ›Ήμ‚¬μ΄νŠΈμ— 직접 μ ‘μ†ν•˜μ—¬ μž₯λ°”κ΅¬λ‹ˆμ˜ μ£Όμš” κΈ°λŠ₯듀을 μ‹œμ—°ν•΄ λ³΄κ² μŠ΅λ‹ˆλ‹€.
μ‹œμ—° μˆœμ„œ)
λΉ„νšŒμ› μƒνƒœλ‘œ μž₯λ°”κ΅¬λ‹ˆμ— λ‹΄κΈ° β†’ 둜그인 ν™”λ©΄ β†’ 둜그인 ν›„ μž₯λ°”κ΅¬λ‹ˆμ— λ‹΄κΈ° β†’ μž₯λ°”κ΅¬λ‹ˆ μƒν’ˆ λͺ©λ‘ μˆ˜λŸ‰ 증가, ꡬ맀, μ‚­μ œ

#3. κ΅¬ν˜„ 쀑에 λ°œμƒν•œ 이슈

이슈 #1 : totalPriceκ°€ NaN인 이슈

#4. 이슈 ν•΄κ²°

ν•΄κ²° : μž₯λ°”κ΅¬λ‹ˆμ—μ„œ μ΅œμ’… ꡬ맀 μ „ β€˜μ΄ 결제 κΈˆμ•‘β€™μ΄ NaN인 μ΄μŠˆκ°€ μžˆμ—ˆμŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή μ΄μŠˆλŠ” Price * quantity 을 ν–ˆμ„λ•Œ, μƒν’ˆ μˆ˜λŸ‰μ΄ 선택 λ˜μ–΄μžˆμ§€ μ•ŠμœΌλ©΄ λ¬Έμžμ—΄μ„ κ³±ν•˜λ―€λ‘œ NaN이 λ¦¬ν„΄λ˜κ³  μžˆμ—ˆμŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή 이슈λ₯Ό ν•΄κ²°ν•˜κ³ μž NaN이 λ¦¬ν„΄λ˜λŠ” 경우 β†’ μ‚¬μš©μžκ°€ μˆ˜λŸ‰μ„ μ œλŒ€λ‘œ 체크 μ•ˆν–ˆλ‹€λŠ” 것을 λͺ©μ μœΌλ‘œ β€˜μƒν’ˆκ³Ό μˆ˜λŸ‰μ„ μ •ν™•νžˆ μ„ νƒν•΄μ£Όμ„Έμš”β€™λ₯Ό λ°˜ν™˜ν•˜κ²Œ λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€.
totalPrice() NaN - 참고사진

#5. κ΅¬ν˜„ μ™„λ£Œ 이후 디버깅

버그 :
β€’
μž₯λ°”κ΅¬λ‹ˆμ—μ„œ ꡬ맀 λ²„νŠΌ ν΄λ¦­μ‹œ μ²΄ν¬ν•œ μƒν’ˆμ„ ꡬ맀 νŽ˜μ΄μ§€μ— κ°€μ Έμ˜€μ§€ λͺ»ν•˜λŠ” 것
β€’
λΉ„νšŒμ› μœ μ €κ°€ μž₯λ°”κ΅¬λ‹ˆλ₯Ό URL둜 무단 μ•‘μ„ΈμŠ€ ν•  μ‹œ, ν•΄λ‹Ή νŽ˜μ΄μ§€κ°€ λ³΄μ—¬μ§€κ²Œ λ˜λŠ” 것
디버그 :
β€’
ꡬ맀 νŽ˜μ΄μ§€μ— ꡬ맀 ν•  μƒν’ˆμ΄ 보여지지 μ•ŠλŠ” 것
β—¦
기쑴에 μƒν’ˆ νŽ˜μ΄μ§€ β†’ ꡬ맀 νŽ˜μ΄μ§€μ—μ„œ ν•˜λ‚˜μ˜ productId만 λ°›μ•„μ˜€λ˜ 것을 μˆ˜μ • productIdsλ₯Ό μΆ”κ°€ν•˜μ—¬ μž₯λ°”κ΅¬λ‹ˆμ—μ„œ μ—¬λŸ¬κ°œμ˜ μƒν’ˆμ„ ꡬ맀해도 μƒν’ˆ λͺ©λ‘μ„ λ°›μ•„μ˜€κ²Œ ν–ˆμŠ΅λ‹ˆλ‹€.
μž₯λ°”κ΅¬λ‹ˆ β†’ ꡬ맀 νŽ˜μ΄μ§€ 참고사진
β€’
무단 μ•‘μ„ΈμŠ€μ‹œ ν•΄λ‹Ή νŽ˜μ΄μ§€κ°€ λ³΄μ—¬μ§€λŠ” 것
β—¦
beforeEnter μ‚¬μš©ν•˜μ—¬ 둜그인 νŽ˜μ΄μ§€λ₯Ό λ¨Όμ € 보여쀄 수 있게 μˆ˜μ •

#6. ν•΄κ²° ν•΄μ•Ό ν•  남은 문제

ν•΄κ²° ν•΄μ•Ό ν•  남은 문제 (Additional Work and debug) :
β€’
(μ±„μœ¨μ”¨κ°€ μ°Ύμ•„μ€€ 버그) μƒν’ˆ β€˜id = 1’이 둜그인 μœ μ € A의 μž₯λ°”κ΅¬λ‹ˆμ— 담겨진 μƒνƒœλ©΄ μƒν’ˆ β€˜id = 1’이 μ‚­μ œλ˜μ–΄μ§€μ§€ μ•ŠλŠ” 버그가 μžˆμŠ΅λ‹ˆλ‹€.
β€’
μƒν’ˆ λͺ©λ‘μ—μ„œ 썸넀일을 μΆ”κ°€ ν•΄μ•Όν•©λ‹ˆλ‹€.
β€’
μƒν’ˆ 제λͺ© ν΄λ¦­μ‹œ ν•΄λ‹Ή μƒν’ˆ νŽ˜μ΄μ§€λ‘œ 이동 ν•΄μ•Όν•©λ‹ˆλ‹€.