A
약 90초
학부 팀 프로젝트에서 React 컴포넌트 구조 설계, Next.js SSR/SSG 렌더링 선택 기준 적용 경험
React와 Next.js는 학부 팀 프로젝트에서 웹 서비스 프론트엔드를 맡으면서 처음 사용했습니다. React의 컴포넌트 기반 구조를 이해하면서 UI를 재사용 가능한 단위로 나누는 방식이 유지보수에 얼마나 도움이 되는지 배웠습니다. Next.js로 전환했을 때 서버 사이드 렌더링과 정적 생성 옵션을 활용해 첫 로딩 속도를 개선했고, 검색 엔진 노출이 필요한 페이지와 그렇지 않은 페이지를 나눠 렌더링 방식을 다르게 적용했습니다.
getServerSideProps와 getStaticProps의 차이를 이해하고 데이터 갱신 빈도를 기준으로 선택하는 방식을 익혔습니다. 상태 관리 라이브러리와 함께 사용했을 때 컴포넌트 간 데이터 흐름을 추적하는 방법도 배웠습니다. 이 경험이 프론트엔드 아키텍처 결정에서 근거를 갖는 기반이 됐습니다.
이 결의 특징
React의 컴포넌트 기반 구조이라는 관찰이 명확하게 드러납니다.
이 결이 통하는 자리
React의 컴포넌트 기반 구조를 이해하면서 UI를 재사용 가능한 단위로 나누는 방식이 유지보수에 얼마나 도움이 되는지 배웠습니다는 구체적일 때 신뢰감이 생기는 대목입니다.