프론트엔드
ICT 인턴십 수기
두줄요약
React 기반 프로젝트에서 Styled-Components와 Zeplin을 활용한 UI 개발 경험을 정리했습니다.\nFlux 흐름을 살리는 리팩토링과 GitLab 기반 협업·버전 관리의 중요성을 공유했습니다.
구조와 흐름
- React 기반 소개 페이지와 AIVORY 관리자 페이지의 두 프로젝트 수행
- 소개 페이지에서 반응형 디자인, 인터랙션, SVG, 디자이너 협업 경험 축적
- 관리자 페이지에서 스프린트·마일스톤·이슈 브랜치·Merge Request 기반 작업 경험
선택 이유
- 상태 기반 조건부 스타일링, 재사용 View, 애니메이션 구현을 위한 Styled-Components 선택
- 디자인 공유와 피드백을 위한 Zeplin 활용
- 상태 변화와 데이터 흐름 예측을 위한 Flux 패턴 기반 리팩토링
문제 상황
- View 영역에 Axios 기반 비동기 API 로직이 집중된 관리자 페이지 구조
- 단방향 데이터 흐름 이점을 활용하지 못해 GS 인증용 에러 검출과 테스트의 어려움
- 에러 메시지 중복 팝업, 컴포넌트 리렌더링 등 리팩토링 이슈
적용해볼 점
- 수평적 소통과 데일리 스크럼을 통한 업무 공유 및 협업 책임감 강화
- 스프린트 목표와 마이너 픽스 정책을 구분한 버전 관리
- 코드 리뷰와 이슈 단위 브랜치 병합을 통한 개발 흐름 관리
