2024.01.10
react
React.Suspense

React.Suspense와 useSuspenseQuery를 활용해 S3 이미지 로딩 시 스켈레톤 화면을 구현하는 방법을 설명합니다.

2023.03.24
Acronym Naming

React 컴포넌트 파일명에서 약어 사용 시 Pascal Case와 대문자 사용에 대한 고민과 권장 사항을 설명합니다.

2023.02.14
react
React Debug Lagging

React 개발 중 렌더링 버벅임의 원인은 Chrome DevTools의 breakpoint와 async stack traces로, 이를 비활성화하거나 DevTools를 닫아 해결할 수 있다.

2023.02.07
react
현재 state와 동일한 값으로 업데이트해도 리렌더링되는 경우

React에서 setState로 현재 상태와 동일한 값을 업데이트해도 때때로 리렌더링이 발생할 수 있음을 설명합니다.

2023.01.27
reacttest
React Production 환경 테스트

React 애플리케이션의 production 환경에서의 비동기 기능 테스트를 위해 SSL 설정과 함께 간이 HTTP 서버를 구축하는 방법을 설명합니다.

2023.01.19
reacttest
React Test

React 개발에서 테스트 코드 작성의 중요성과 두 가지 방법론(구현 주도, 행위 주도)의 차이를 설명합니다.

2023.01.18
Husky & Lint-Staged 적용

Husky와 lint-staged를 활용해 Git 커밋 시 코드 스타일 검사를 자동화하여 유지 보수 효율성을 높이는 방법을 설명합니다.

2023.01.17
react
React Strict Mode에서 API 사용하기

React Strict Mode에서 API 호출 시 중복 요청 문제를 해결하기 위해 요청 취소 방법과 주의사항을 설명합니다.