React

구글 폼 클론 코딩을 하며 다음 기능을 구현해야했다.필수 질문에 답변을 하지 않은 경우 경고 표시하기구글 설문 폼 에러 예시사진그리고 최대한 다음 규칙을 지키려고 했다.react-hook-form 을 사용하고 있으므로 라이브러리에서 제공해주는 상태를 사용하기포커스 아웃

Storybook 사이트를 배포해보자.

Storybook에서 사용자 접근성을 테스트해보자.

지난번엔 스토리북이 사용자 접근성 테스트를 하는 방법에 대해 알아보았다. 여기서 추가적으로 다음 workflow를 만들고 싶은 욕심이 생겼다. > Storybook 사용자 접근성 테스트 통과 > Chromatic 배포 > Vercel 배포 즉 테스트를 통과해야만

텍스트 에디터에서 여러 태그를 반환해주는데 dangerouslySetInnerHTML 로 렌더링할 경우 폰트의 사이즈나 굵기가 적용이 안되는 문제가 있었다.

기존엔 Select 컴포넌트를 사용하지 않았지만 새로운 디자인이 나와 해당 컴포넌트를 구현하며 고민을 많이 했는데 useEffect 사용하지 않기 아티클을 정독하며 얻은 구현 방법을 정리해보았다.

해당 글은 유튜버 Boaz 님의 React 까보기 시리즈를 토대로 개인 공부를 하기 위해 작성하였습니다. 🙌 Boaz님 채널 유튜브링크 React 아키텍처 - Fiber Fiber 아키텍처 React 16버전부터 도입된 아키텍처로 기존의 stack 아키텍처와 다