Search for a command to run...
예전에 shadcn으로 checkbox UI를 만들어보다가 shadcn 코드베이스에 indeterminate 라는 상태가 있는 것을 보게 되었다. 체크 상태는 체크/체크 해제 밖에 없는 것 아닌가? 라고 생각했고, 한 번 indeterminate의 정체가 뭔지 살펴보기로 했다. 체크박스에는 체크와 해제 외에 세 번째 상태가 있다. 이 상태의 이름은 inde
시작하기 전에 최근 React Native를 공부하고 있다. CSS 코드를 작성할 때 사용하는 StyleSheet.create() 가 어떻게 설계되어 있는지 살펴보다가, 주석으로 다음과 같이 나와있는 것을 보게 됐다. A StyleSheet is an abstraction similar to CSS StyleSheets 즉, StyleSheet는 CSS
약 6개월간 진행한 프로젝트를 2주 전에 끝마쳤다. 원래 사이드프로젝트에 대한 회고를 잘 작성하지 않는 편이어서, 이번에도 고민을 좀 했지만, 여태까지 프로젝트를 하면서 가장 많이 기억에 남은 기억이라 이렇게 회고를 작성하려고 한다. 참여하게 된 계기 올해 1월, 코드제로투원이라는 스터디 플랫폼 사이드프로젝트에 참여했다. 직전에는 자취생들을 위한 식단 추천
시작하기 전에 사이드 프로젝트를 진행하면서 tanstack query를 사용하고 있다. staleTime, gcTime을 어느 상황에 맞게 적용해야 할 지, 어떻게 적용해야 할 지 고민하던 차에 관련 블로그를 찾아봤다. 일단 staleTime은 캐시된 데이터가 fresh한 상태라고 간주되는 시간, gcTime은 캐시 데이터가 메모리에 유지되는 시간이라고 설
문제 상황 shadcn으로 커스텀 버튼을 제작하면서 위와 같은 문제가 발생했었다. 우선 shadcn은 내부적으로 Radix UI를 사용한다. 구글링을 진행한 결과 asChild 라는 프로퍼티를 사용해서 해결은 했지만 <button> 안에 왜 <button> 태그를 넣으면 경고가 발생하는지, 그리고 asChild 가 어떤 역할을 하길래 위 경고를 하는지
진행하고 있는 사이드 프로젝트에서 미션 모달 내 미션 주차 input이 한글이 입력되는 문제가 있었다. <FormField<CreateMissionFormValues, 'weekNum'> name="weekNum" label="미션 주차" direction="vertical" > <BaseInput type="numbe
tailwind-merge에서 클래스네임은 어떻게 제어되는가? 시작하기 전에 최근 shadcn을 이용해서 UI 작업을 하고 있다. 많은 사람들이 꼽는 장점 중에 하나로 커스텀이 쉽다는 것인데, 최근에 개인 프로젝트에서 컴포넌트를 만들면서 tailwind-merge를 사용하다가 고생한 경험이 있는데, 겪었던 경험에 대해 작성하고 tailwind-merge는
시작하기 전에 댓글 input에 한글,영어를 제외한 특수문자에서 줄바꿈이 되지 않고 overflow가 발생하는 문제를 겪었다. 특수문자에서는 왜 줄바꿈이 일어나지 않는지 알아보고, 한글/영어와 특수문자에서의 줄바꿈 차이를 알기 위해 글을 작성해보려고 한다. 한글 및 영어와 특수문자에서의 줄바꿈 댓글 컴포넌트의 CSS는 다음과 같이 폰트 관련 속성만 적용되어
fetch와 axios가 어떻게 동작하는지 코드를 통해 알아봤습니다.
