React

React 17 RC가 공개되었다. 새로운 기능은 없지만 점진적 업그레이드를 위한 기반 작업이 포함되었다. 프로젝트에 적용하며 확인한 주요 변경사항을 정리했다.

useEffect에서 props 변경을 감지할 때 이전 값과 비교가 필요한 경우가 있다. useRef를 활용해 이전 props를 저장하는 커스텀 훅을 만들어 해결했다.

React 17 RC가 공개되었다. 새 기능이 없는 대신 점진적 업그레이드를 지원하는 것이 핵심이다. 레거시 프로젝트에 적용하며 고민했던 부분을 정리한다.

React 17 RC가 공개되면서 새로운 JSX Transform과 점진적 업그레이드 기능을 검토했다. 레거시 프로젝트에 적용 가능성을 확인하고 마이그레이션 계획을 수립했다.

React 17 RC가 공개되었다. 새로운 기능은 없지만 이벤트 위임 방식이 document에서 root DOM으로 변경되어 레거시 코드와의 통합이 개선되었다. 프로덕션 적용 전 확인이 필요한 부분을 정리했다.

프로젝트에서 모달 컴포넌트를 구현하면서 z-index 문제에 부딪혔다. React Portal을 사용해 DOM 계층 구조 밖에서 모달을 렌더링하는 방식으로 해결했다.

재택근무로 전환되면서 기존 프로젝트 리팩토링 시간이 생겼다. 복잡한 상태 업데이트 로직에서 불변성 유지 코드가 가독성을 해치고 있어 Immer를 도입했다. 도입 과정과 실제 개선 사례를 정리했다.

React 17 RC가 발표되면서 이벤트 위임 방식이 document에서 root DOM 컨테이너로 변경되었다. 레거시 jQuery 코드와 혼용하는 프로젝트에서 발생했던 이슈가 해결될 것으로 보인다.

재택근무 환경에서 레거시 프로젝트의 모달 컴포넌트가 z-index 충돌로 제대로 표시되지 않는 문제가 발생했다. React Portal을 사용해 DOM 구조를 분리하여 해결한 과정을 기록한다.

Styled-components로 작업하던 프로젝트에 Tailwind CSS를 도입했다. 초기 설정과 팀 적응 과정, 그리고 실제 개발 속도 변화를 정리했다.