[TIL] 221130-1201

🔥 오늘 한 일

• [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만원까진 각오하고 있었는데 심지어 넘다니.. 😱
프로고 신형이라서 많이 비싸다고 했는데 넘 아깝다,, 좀만 살살 닫을걸..ㅠ
애플케어는 왜 또 안 들어서 후.. 앞으론 진짜 맥북 소중히 다루는걸루,, 😥
페이지네이션 구현하는데 먼가 하기 싫어서 미루다 미루다 오늘 겨우 했는데 클라이언트에서만 처리하는게 맞나..? 흠
요즘 먼가 나태해진 느낌,. 다시 킵고잉 😵‍💫