정정하승inhaseungdev.hashnode.dev·Apr 26 · 8 min readTooltip에서 asChild문제 상황 shadcn으로 커스텀 버튼을 제작하면서 위와 같은 문제가 발생했었다. 우선 shadcn은 내부적으로 Radix UI를 사용한다. 구글링을 진행한 결과 asChild 라는 프로퍼티를 사용해서 해결은 했지만 <button> 안에 왜 <button> 태그를 넣으면 경고가 발생하는지, 그리고 asChild 가 어떤 역할을 하길래 위 경고를 하는지 00
정정하승inhaseungdev.hashnode.dev·Mar 28 · 2 min read토스 Frontend Fundamentals 2회차 모의고사 후기진행하면서 느낀 점 1회차에 이어 2회차 토스 모의고사 후기를 쓴다. 지난 회차와 달리 기능 구현이 전부 완료되어 있는 상태에서 시작을 했고,어떤 관점으로 추상화와 유지보수성을 바라보는 시각을 비교하는 것이었다. 기능을 구현하면서 진행했을때보다 아예 모든 기능이 이미 구현된 상태에서 시작을 하다보니 어디서 어떻게 리팩토링을 진행하다보니 더 막막했던 것 같다00
정정하승inhaseungdev.hashnode.dev·Mar 8 · 4 min readinput에서 숫자만 입력받도록 하기진행하고 있는 사이드 프로젝트에서 미션 모달 내 미션 주차 input이 한글이 입력되는 문제가 있었다. <FormField<CreateMissionFormValues, 'weekNum'> name="weekNum" label="미션 주차" direction="vertical" > <BaseInput type="numbe00
정정하승inhaseungdev.hashnode.dev·Mar 6 · 6 min readtailwind-merge에서 클래스네임은 어떻게 제어되는가?tailwind-merge에서 클래스네임은 어떻게 제어되는가? 시작하기 전에 최근 shadcn을 이용해서 UI 작업을 하고 있다. 많은 사람들이 꼽는 장점 중에 하나로 커스텀이 쉽다는 것인데, 최근에 개인 프로젝트에서 컴포넌트를 만들면서 tailwind-merge를 사용하다가 고생한 경험이 있는데, 겪었던 경험에 대해 작성하고 tailwind-merge는 00
정정하승inhaseungdev.hashnode.dev·Jan 29 · 3 min readUnicode LB13 규칙과 CSS 줄바꿈에 대하여시작하기 전에 댓글 input에 한글,영어를 제외한 특수문자에서 줄바꿈이 되지 않고 overflow가 발생하는 문제를 겪었다. 특수문자에서는 왜 줄바꿈이 일어나지 않는지 알아보고, 한글/영어와 특수문자에서의 줄바꿈 차이를 알기 위해 글을 작성해보려고 한다. 한글 및 영어와 특수문자에서의 줄바꿈 댓글 컴포넌트의 CSS는 다음과 같이 폰트 관련 속성만 적용되어00
