[TIL] 221130-1201

BeanxxΒ·2022λ…„ 12μ›” 1일
1

TIL

λͺ©λ‘ 보기
107/120
post-thumbnail

πŸ”₯ 였늘 ν•œ 일

  • [Udemy React] Section16(Form & Input μž‘μ—…) ν•™μŠ΅
  • [ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€] Lv.1 체윑볡 1문제 μ™„λ£Œ
  • [TS ν”Œμ ] 라이브러리 없이 Pagination κ΅¬ν˜„

🚨 Error Handling

1️⃣ Array.fill expected 1-3 arguments, but got 0.

배열에 fill() λ©”μ†Œλ“œ μ‚¬μš©λ₯Ό μ‚¬μš©ν•˜λ €λ‹ˆκΉŒ 이런 errorκ°€ λ°œμƒν–ˆλ‹€.

λ”± λ‚˜μ™€ 같은 error의 μ§ˆλ¬Έμ„ stackOverFlowλ₯Ό 보고 ν•΄κ²°ν–ˆλŠ”λ° fill(undefined)둜 값을 μ„€μ •ν•΄μ£Όλ©΄ λœλ‹€!

πŸ”— [StackOverFlow] Array.fill expects 1-3 arguments, got 0?


2️⃣ aria-current error

μ•„λž˜ λΈ”λ‘œκ·Έλ“€μ„ μ°Έκ³ ν•΄μ„œ Pagination κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ” κ³Όμ •μ—μ„œ Buttonμ—κ²Œ μ΅μˆ™ν•œ No overload matches this call. μš”λŸ° μ—λŸ¬κ°€ λ‚˜μ„œ λ­μ§€ν–ˆλŠ”λ° aria-current 속성을 μ—†μ• λ‹ˆκΉŒ μ—λŸ¬κ°€ 사라짐,,
λ¬Έμ œλŠ” aria-current μ—μ„œ μžˆλŠ”κ±Έ κΉ¨λ‹«κ³ , error messageλ₯Ό 꼼꼼히 읽어봀닀.
맨 μ•„λž˜ 쀄을 λ³΄λ‹ˆκΉŒ 두 λΈ”λ‘œκ·Έ λͺ¨λ‘ λ˜‘κ°™μ΄ 'page' : null둜 μž‘μ„±μ΄ λ˜μ–΄μžˆμ—ˆλŠ”λ° 이 뢀뢄이 λ¬Έμ œμ˜€λ‹€.
πŸ”— μ°Έκ³  λΈ”λ‘œκ·Έ1 - React둜 νŽ˜μ΄μ§€λ„€μ΄μ…˜ UI κ΅¬ν˜„ν•˜κΈ°
πŸ”— μ°Έκ³  λΈ”λ‘œκ·Έ2 - [React] νŽ˜μ΄μ§€λ„€μ΄μ…˜ κ΅¬ν˜„

aria-current 속성 κ°’μœΌλ‘œ boolean | page | time | true | false | step | location | date | undefined 이 쀑에 ν•˜λ‚˜κ°€ 와야 ν•˜λŠ”λ° false일 λ•Œ null둜 μ„€μ •ν•΄μ€˜μ„œ errorκ°€ λ‚œ 것이닀. μ•„λž˜ μ½”λ“œμ²˜λŸΌ &&μ—°μ‚°μžλ‘œ μ²˜λ¦¬ν•΄μ£Όλ‹ˆκΉŒ μ—λŸ¬ ν•΄κ²°~!

aria-current = {page === i + 1 && "page"}

πŸ‘€Β MEMO

  • 폼이 μ œμΆœλ˜μ—ˆμ„ λ•Œ ν•œλ²ˆλ§Œ 값이 ν•„μš”ν•˜λ‹€λ©΄ ref μ‚¬μš©
  • 즉각적인 μœ νš¨μ„± 검증을 μœ„ν•΄ ν‚€ μž…λ ₯λ§ˆλ‹€ μž…λ ₯ 값이 ν•„μš”ν•˜λ‹€λ©΄ state μ‚¬μš©

Custom Hook: generic 해야함! (it’s not limited to one specific input!)


✍️ Diary

λ§₯뢁 μ•‘μ • 수리 견적 λΉ„μš©μ΄ λ‚˜μ™”λŠ”λ° 102만6μ²œμ›,,,, μ΅œλŒ€ 100λ§Œμ›κΉŒμ§„ κ°μ˜€ν•˜κ³  μžˆμ—ˆλŠ”λ° 심지어 λ„˜λ‹€λ‹ˆ.. 😱
ν”„λ‘œκ³  μ‹ ν˜•μ΄λΌμ„œ 많이 λΉ„μ‹Έλ‹€κ³  ν–ˆλŠ”λ° λ„˜ 아깝닀,, μ’€λ§Œ μ‚΄μ‚΄ 닫을걸..γ… 
μ• ν”ŒμΌ€μ–΄λŠ” μ™œ 또 μ•ˆ λ“€μ–΄μ„œ ν›„.. μ•žμœΌλ‘  μ§„μ§œ λ§₯뢁 μ†Œμ€‘νžˆ λ‹€λ£¨λŠ”κ±Έλ£¨,, πŸ˜₯
νŽ˜μ΄μ§€λ„€μ΄μ…˜ κ΅¬ν˜„ν•˜λŠ”λ° λ¨Όκ°€ ν•˜κΈ° μ‹«μ–΄μ„œ 미루닀 미루닀 였늘 겨우 ν–ˆλŠ”λ° ν΄λΌμ΄μ–ΈνŠΈμ—μ„œλ§Œ μ²˜λ¦¬ν•˜λŠ”κ²Œ λ§žλ‚˜..? 흠
μš”μ¦˜ λ¨Όκ°€ λ‚˜νƒœν•΄μ§„ λŠλ‚Œ,. λ‹€μ‹œ ν‚΅κ³ μž‰ πŸ˜΅β€πŸ’«

profile
FE developer

0개의 λŒ“κΈ€