haseungdev.hashnode.devUnicode LB13 규칙과 CSS 줄바꿈: 특수문자 overflow 해결기시작하기 전에 댓글 input에 한글,영어를 제외한 특수문자에서 줄바꿈이 되지 않고 overflow가 발생하는 문제를 겪었다. 특수문자에서는 왜 줄바꿈이 일어나지 않는지 알아보고, 한글/영어와 특수문자에서의 줄바꿈 차이를 알기 위해 글을 작성해보려고 한다. 한글 및 영어와 특수문자에서의 줄바꿈 댓글 컴포넌트의 CSS는 다음과 같이 폰트 관련 속성만 적용되어 있었다. <p className="font-designer-15r"> {data.co...Jan 29·3 min read
haseungdev.hashnode.devfetch vs axios시작하기 전에 API 요청을 위해 fetch 함수를 사용하다가 네트워크 응답으로 **“body must be object”**라는 에러를 마주치게 되었다. 예전에 axios를 사용했을 때는 몰랐는데, fetch를 사용할 때는 header 옵션을 직접 설정해줘야 한다는 것을 알게 됐고, fetch는 왜 수동으로 직렬화 해야하며, axios는 왜 직접 설정할 필요가 없는지 코드 분석을 통해 비교해보고자 글을 쓰려고 한다. 자바스크립트 객체는 네트워...Dec 31, 2025·3 min read
haseungdev.hashnode.devApidog 사용 후기API 테스트 도구로써 가장 처음으로 썼던 건 포스트맨이었고, 회사에서는 json-schema를 쓰다가 진행중인 사이드프로젝트에서 swagger를 통해 테스트 하던 중에 우연히 Apidog이라는 새로운 툴을 보게 되었다. 왜 쓰게 됐나? swagger 사용 시에는 토글을 통해 요청값 및 응답값을 확인할 수 있는데, 다른 API url 테스트를 위해 스크롤을 하는 부분이 UI 관점에서 불편함을 느꼈다. 또한 Dto에서 해당 property에 대한...Dec 16, 2025·2 min read
haseungdev.hashnode.dev스토리북을 쓰는 이유시작하기 전에 올해 5월부터 자취생들을 위한 저속노화 식단 추천 프로젝트인 한끼부터라는 프로젝트를 시작하고 있다. 이 프로젝트에 스토리북을 도입한 후 사용해보면서 느낀 점을 짧게 적어보고자 한다. 도입하기 전에 든 생각 아마 스토리북을 정식으로 도입한 거는 한끼부터 프로젝트가 처음일 것이다. 사용하기 전에는 많은 블로그에서 스토리북을 사용하면 테스트하기 편하다, 컴포넌트를 바로 확인할 수 있다는 장점이 있다고 해도 전혀 와닿지가 않았다. 막상 ...Dec 15, 2025·3 min read
haseungdev.hashnode.dev토스 프론트엔드 모의고사 후기참여하게 된 이유 최근에 사이드 프로젝트 리팩토링을 AI의 도움을 받아 가면서 진행하고 있는데, AI의 답변을 보면서도 스스로 의문점이 들었고 이게 과연 맞는 방법일지 어려움을 겪다가 우연히 카카오톡 채팅방에서 토스 프론트엔드 모의고사에 참여할 수 있는 링크를 보게 됐다. 이게 실제 채용에서 이루어진 과제라고 언급했고, 토스 과제를 풀어보는 게 흔치 않은 기회라서 바로 신청했고 어렵지 않게(?) 참여할 수 있게 되었다. 진행 과제 노션에서 가장...Nov 27, 2025·3 min read
