DEVELOPMENT
20 Posts
nextJS error.js로 공통으로 에러를 핸들링 하며 비동기 에러도 잡는 비법
이전 글에서 만들었던 error-boundary를 이용하여 nextJS error.js를 공통으로 사용하는 방법입니다.
2024/08/07
혼자서 맞선 모노레포와 스타일링 라이브러리(pandacss)의 선택의 갈림길
최근에 선택한 pandacss와 모노레포를 선택한 이유에 대해 이야기하고자 합니다.
2024/07/18
React에서 Error를 선언적으로 관리하며 hook으로 관리하기
React에서 Error을 선 언적으로 핸들링할 수 있는 error-boundary기능을 사용하며 hook을 통해서 관리하는 방법에 대해서 알아봅니다.
2024/06/01
React에서 UI 라이브러리를 사용하지 않고 Checkbox 만들기
React에서 UI 라이브러리를 사용하지 않고 Checkbox 만들어봅니다.
2024/04/08
React에서 UI 라이브러리를 사용하지 않고 Accordion 만들기
React에서 UI 라이브러리를 사용하지 않고 Accordion를 만들어봅니다, 같은 아코디언 메뉴에서 한 개만 열릴지 모두 열 수 있게 할지 기능도 추가해봅니다
2024/04/07
vanillaJS|TS로 react-hook-form처럼 react form관리 만들기
react-hook-form처럼 react form관리 기능을 간단하게 vanillaJS|TS로 만들어보며 동작원리에 대해 알고 간단한 기능만을 추가하여 react-hook-form처럼 사용이 가능한 form관리 기능을 만들 수 있습니다.
2024/03/11
MSW로 API Mocking으로 개발환경을 높이고 Next.js RSC환경에서도 MSW 적용하기
MSW로 API Mocking을 하여 프론트엔드 개발 환경을 개선하고 Next.js의 App router의 RSC환경에서 MSW를 적용하는 방법을 알아봅니다.
2024/02/18
nextjs에서 jest로 테스트코드 도입하기
개발을 하면서 테스트 코드의 필요성을 느끼어 next.js에서 jest를 설정하고 도입한 이야기입니다.
2024/02/05
storybook s3로 보안적용하여 배포하기
storybook을 aws s3를 이용하여 배포하며 생기는 문제에 대해서 해결했던 경험에 대해서 작성한 글입니다
2024/01/30
휴가 알림 Slack Bot 제작기
Slack Bot을 Bolt로 쉽게 만들어보고 serverless를 통해 AWS에 배포를 해보며 겪은 제작기
2024/01/21