

ICT 인턴십 수기
React 기반 프로젝트에서 Styled-Components와 Zeplin을 활용한 UI 개발 경험을 정리했습니다.\nFlux 흐름을 살리는 리팩토링과 GitLab 기반 협업·버전 관리의 중요성을 공유했습니다.
새로운 기술 블로그가 추가되었어요


React 기반 프로젝트에서 Styled-Components와 Zeplin을 활용한 UI 개발 경험을 정리했습니다.\nFlux 흐름을 살리는 리팩토링과 GitLab 기반 협업·버전 관리의 중요성을 공유했습니다.


React에서 Styled-Components로 조건부 스타일링과 스타일 재사용을 구성하는 방법을 소개했습니다. props, 테마, 믹스인, 애니메이션 등 주요 기능과 CSS·Sass의 한계를 함께 설명합니다.

React 개발 중 자주 마주치는 구현 방식과 기술 선택의 고민을 다룹니다. Hook 전환, SSR, Redux, TypeScript 도입 여부를 살펴봅니다.


GatsbyJS의 History API와 Link를 활용해 페이지 전환 중 실행 컨텍스트를 유지했습니다.\nreact-transition-group과 전역 Layout으로 진입·퇴장 애니메이션을 구현했습니다.


기가픽셀 병리 슬라이드의 AI 예측 결과를 Canvas 기반으로 시각화한 방식을 소개했습니다.\nTissue 사전 렌더링과 Structure·Cell 공간 인덱싱으로 렌더링 성능을 확보했습니다.


Context API와 Redux의 역할 및 상태 관리 방식의 차이를 비교했습니다. 고급 상태 추적·재현 기능이 없다면 Context API 활용을 권장합니다.
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.


React 앱의 상태 흐름과 props 전달이 복잡해지는 시점의 Redux 도입 기준을 설명했습니다. 액션·리듀서·스토어 구조로 관심사를 분리하고 디버깅을 단순화합니다.

Redux의 제약이 상태 영속화, 재현, 협업, 개발자 도구에 주는 이점을 설명했습니다.\n명확한 필요가 없다면 React 지역 상태를 우선하고 점진적으로 도입할 것을 권고합니다.

웹 기술과 CEF를 결합해 브라우저 엔진 내장형 PC 애플리케이션을 개발했습니다. 서버에는 WebSocket을 추가하고 React·Webpack으로 웹 앱 복잡도를 관리했습니다.