ALL POSTS
36 Posts
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
React에서 overlay(modal,bottomSheet,toast)들을 만들고 관리하기
React에서 overlay요소들을 어떻게 렌더링하고 관리를 하는 방법과 mount애니메이션과 unmount애니메이션을 위한 값들을 어떻게 관리 할 수 있을지 slash/use-overlay를 통해 알아봅니다
2024/01/08
React Icon관리 Figma Plugin 제작을 통해 손쉽게 업로드와 Icon Component 제작기
매번 아이콘마다 컴포넌트를 생성해서 사용했던 경험을 figma에서 부터 시작하여 손쉽게 아이콘을 업로드하고 적용하는 과정입니다
2023/12/03
React에서 UI 라이브러리를 사용하지 않고 Tab기능 만들기
React에서 UI 라이브러리를 사용하지 않고 직접 탭을 만들어 본 경험을 작성했습니다
2023/11/18