TypeScript 타입 안전성과 Next.js SSR 구조로 게임 웹 프로젝트 구현결
TypeScript와 Next.js를 활용한 웹 개발 경험은 게임 공식 홈페이지 프로토타입 제작 프로젝트에서 쌓았습니다. 캐릭터 목록과 업데이트 공지를 노출하는 페이지를 만들었고, TypeScript로 컴포넌트 props에 타입을 명시하면서 잘못된 데이터가 넘어오는 경우를 빌드 단계에서 잡을 수 있었습니다.
Next.js에서 가장 활용한 기능은 SSR(Server-Side Rendering)입니다. SEO가 필요한 공지 페이지는 서버에서 HTML을 완성해 전달하고, 인터랙션 중심 캐릭터 페이지는 CSR로 처리하는 방식으로 분리했습니다. 두 방식의 차이를 실제 성능과 검색 노출 측면에서 비교해볼 수 있었습니다.
개발 중 가장 많이 배운 것은 TypeScript의 제네릭 타입 활용입니다. API 응답 구조가 바뀔 때 타입 오류가 즉각 표시되면서 런타임 오류를 개발 단계에서 미리 잡는 경험을 했고, 정적 타입이 협업에서 얼마나 유리한지를 직접 느꼈습니다.