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