React

create-react-app은 트랜스파일러/모듈 번들러 등 필요한 도구들을 자동으로 셋업해주기 때문에 편리하다. 하지만 사용하지 않는 도구들도 많이 내장되어 있고, 이러한 환경을 커스터마이징하기 어렵다는 단점이 있다. 그동안 무지성으로 CRA를 써왔기 때문에, 오늘은 CRA 없이 초간단한 react 앱을 만들어 보면서 react 앱이 필요로 하는 도구들에...

입사 초에 만들었던 달력 컴포넌트를 공유해 본다 🗓️ 달력에 필요한 기능은 다음과 같다. > - `` 버튼으로 월이 변경되며 달력 타이틀도 변경된다. 오늘 버튼을 누르면 오늘 날짜가 선택된다. 일자를 누르면 해당 날짜가 선택된다. 저번 달 or 다음 달의 날짜는 회색 font를 적용한다. 오늘 날짜는 회색 circle, 선택된 날짜는 초록색 circl...

회사에서 rmc-picker라는 라이브러리를 사용하여 wheel picker를 구현하고 있었는데, 어느 순간부터 제대로 동작하지 않는 상황이 발생했다 😨 원인을 파악하고 나니 패키지 커스텀 밖에 답이 없어서 patch-package를 시도하게 되었고, 다행히 성공했다! 먼저 원인을 어떻게 찾게 되었는지를 회상해 보면서 이후의 patch 과정을 담아보려 ...

배경 회사에서 부분적으로 사용하던 Tanstack Query를 팀 회의를 거쳐 전면 도입하게 되면서, 사용하는 query가 점점 많아지다 보니 좀 더 구조화를 잘 할 수 없을지 고민이 되었다. 그러다 팀원 분을 통해 Query Key Factory라는 라이브러리를 알게 되었는데, 쉬운 방식으로 queryKey 뿐만 아니라 queryFn 및 다른 옵션들까지...