DRAKE

RESUME

ALL POSTS

39 Posts
thmbnail

nextJS error.js로 공통으로 에러를 핸들링 하며 비동기 에러도 잡는 비법

이전 글에서 만들었던 error-boundary를 이용하여 nextJS error.js를 공통으로 사용하는 방법입니다.

2024/08/07

thmbnail

혼자서 맞선 모노레포와 스타일링 라이브러리(pandacss)의 선택의 갈림길

최근에 선택한 pandacss와 모노레포를 선택한 이유에 대해 이야기하고자 합니다.

2024/07/18

thmbnail

React에서 Error를 선언적으로 관리하며 hook으로 관리하기

React에서 Error을 선언적으로 핸들링할 수 있는 error-boundary기능을 사용하며 hook을 통해서 관리하는 방법에 대해서 알아봅니다.

2024/06/01

thmbnail

React에서 UI 라이브러리를 사용하지 않고 Checkbox 만들기

React에서 UI 라이브러리를 사용하지 않고 Checkbox 만들어봅니다.

2024/04/08

thmbnail

React에서 UI 라이브러리를 사용하지 않고 Accordion 만들기

React에서 UI 라이브러리를 사용하지 않고 Accordion를 만들어봅니다, 같은 아코디언 메뉴에서 한 개만 열릴지 모두 열 수 있게 할지 기능도 추가해봅니다

2024/04/07

thmbnail

vanillaJS|TS로 react-hook-form처럼 react form관리 만들기

react-hook-form처럼 react form관리 기능을 간단하게 vanillaJS|TS로 만들어보며 동작원리에 대해 알고 간단한 기능만을 추가하여 react-hook-form처럼 사용이 가능한 form관리 기능을 만들 수 있습니다.

2024/03/11

thmbnail

MSW로 API Mocking으로 개발환경을 높이고 Next.js RSC환경에서도 MSW 적용하기

MSW로 API Mocking을 하여 프론트엔드 개발 환경을 개선하고 Next.js의 App router의 RSC환경에서 MSW를 적용하는 방법을 알아봅니다.

2024/02/18

thmbnail

nextjs에서 jest로 테스트코드 도입하기

개발을 하면서 테스트 코드의 필요성을 느끼어 next.js에서 jest를 설정하고 도입한 이야기입니다.

2024/02/05

thmbnail

storybook s3로 보안적용하여 배포하기

storybook을 aws s3를 이용하여 배포하며 생기는 문제에 대해서 해결했던 경험에 대해서 작성한 글입니다

2024/01/30

thmbnail

휴가 알림 Slack Bot 제작기

Slack Bot을 Bolt로 쉽게 만들어보고 serverless를 통해 AWS에 배포를 해보며 겪은 제작기

2024/01/21