- 같은 동작을 해도 의도가 보이는 코드를 짜자
- hex code의 #을 제거하려는 상황 ex) #123123 ⇒ 123123
textColor[1:]보다,textColor.replace('#','')이 의도가 명확해 보인다.
- 외부로 나가는 일을 하는 함수는
on, 내부에서 작동하면handleprefix - hex code는 16진수이다
- 0~9, a(10),b(11),c(12),d(13),e(14),f(15)까지
- 코너 케이스 생각하기
- input onChange를 이용한 값으로 validate를 하는 상황일 때,
- 타이핑을 엄청 빨리 친다거나
- 클립보드 복사 붙여넣기로 잘못된 값을 넣는다거나
- input onChange를 이용한 값으로 validate를 하는 상황일 때,
- 컴포넌트에서 함수를 호출할 때 함수명을 쓸 때와
()=>{}를 쓸 때의 차이onChange={myfunc}//myfunc의 포인터(주소)가 들어감onChange={()=> {myfunc} }//()=>{}익명함수의 포인터가 들어감
- CSS에서 0px은 px 생략해서 쓰기
- ❌
border-radius: 0px 4px 4px 0px; - ✅
border-radius: 0 4px 4px 0;
- ❌
프론트엔드를 공부하고 있습니다.