영상 콘텐츠 협업 리뷰 플랫폼의 프론트엔드 개발을 담당했습니다. Next.js 15 App Router, TypeScript, Tailwind CSS를 활용해 실시간 피드백 시스템을 구축했습니다.

초기 Context API + useReducer 조합에서 시작해, 피드백 기능이 복잡해지면서 Zustand로 전환했습니다. 클라이언트 상태는 Zustand로, 서버 상태는 React Query로 분리해 관심사를 명확히 구분했습니다.

store를 도메인별로 분리하고, 컴포넌트에서 필요한 상태만 선택적으로 구독하도록 개선했습니다. 시간 슬라이더 조작 시 전체 페이지가 리렌더링되던 문제를 해결해 관련 컴포넌트만 업데이트되도록 최적화했습니다.

Vue Composition API 기반 드로잉 시스템을 React Hooks 패턴으로 마이그레이션했습니다. ref와 reactive를 useState와 useCallback으로 전환하며 React 생명주기에 맞게 재설계했습니다.

pre-production 단계에서는 웹 기반 서비스로 키오스크에 네컷 서비스를 작동할 수 있게 했습니다.

빠른 프로토타입 개발 후 시장에서 검증을 받으면서 앞으로의 서비스 방향성을 pivoting해, 현재는 production 단계로 전환하고 있습니다.

Electron 기반으로 전환하고 조금 더 native한 기능을 제공하기 위해 기획 후 기술적인 접근을 설계하고 있습니다.

PRD 작성부터 참여해 서비스의 방향성과 그에 맞는 기술 스택을 함께 고민하고 있습니다. 필요로 하는 기능을 정의하고 구현하기 위한 기술적 접근을 설계하는 과정에 참여하고 있습니다.

React가 어떻게 동작하는지 근본적으로 이해하고자 TypeScript로 간단한 Virtual DOM을 구현해보면서, 모든 라이브러리들은 수많은 고민들이 축적된 결과물이란 것을 알게 되었습니다.

React가 렌더링하는 원리를 알아가면서, JSX 변환 과정부터 Reconciliation 메커니즘까지 학습할 수 있는 계기가 되어 동작 방식을 이해하게 되었습니다.

6주간의 그룹 프로젝트에서는 브라우저 렌더링 성능을 고려한 스크롤 최적화와 재사용 가능한 커스텀 훅 설계로 다양한 페이지에서 활용할 수 있도록 구현했습니다.

Pn룰과 데일리 스크럼으로 매일 협업하는 문화를 정착시켰습니다. 지속적인 학습 발표를 통해 팀 전체의 역량 성장에 기여했습니다.

멤버십 이후에는 CS 지식을 보충하기 위해 운영체제, 컴퓨터구조, 네트워크, 알고리즘 등 다양한 주제를 토대로 스터디를 진행했습니다.

19일간 매일 다른 주제로 컴퓨터 과학의 핵심적인 영역을 짧은 시간 내에 집약적으로 학습했습니다. 개념만 배우는 것이 아니라 직접 구현하고 동작 원리를 파악하는 데 중점을 두었습니다.

개구리를 해부하지 않고 만드는 경험은 앞으로의 학습 방향성에 큰 영향을 주었습니다.

매일 새로운 도전과제를 통해 시스템 프로그래밍부터 함수형 프로그래밍까지, 개발자로서 알아야 할 다양한 패러다임을 경험했습니다.

페어 프로그래밍과 개인 학습을 병행하며, 협업 능력과 개인 역량을 동시에 기를 수 있었습니다.

Google Developer Group on Campus 코어 멤버로서 React 스터디를 주도해 프레임워크를 넘어 근본 원리를 탐구하는 활동을 계획하고 있습니다.

'인사이드 리액트' 교재를 활용해 동시성 렌더링, 서버 컴포넌트, React Compiler의 자동 메모이제이션 등의 React 기능의 내부 동작을 학습할 예정입니다.

'왜 그렇게 동작하는지'에 초점을 맞춰 JSX 변환 과정, 리액트 렌더링 규칙, 동시성 기능의 원리를 공부해 볼 계획입니다.

30명 규모의 부원들에게 JavaScript 기초부터 React 심화까지 단계별 커리큘럼을 설계하고 운영했습니다.

매주 실습 중심 강의 진행 및 개별 코드 리뷰를 통해 부원들의 학습을 지원했습니다.

부진 부원 대상 1:1 멘토링과 해커톤 기술 지원으로 학습 격차 해소에 기여했습니다.

선발 과정에서 기술 역량 평가 기준을 수립해 운영진 업무 효율성을 개선했습니다.

프론트엔드 개발자들을 위한 기술 세미나 발표를 담당했습니다.

실제 프로젝트 경험을 바탕으로 FSD 아키텍처와 React Native 웹뷰 하이브리드 앱 개발 노하우를 공유했습니다.

React 기반 웹 개발의 기초부터 상태 관리까지 체계적으로 학습했습니다.

중앙/대경권 해커톤 참여를 통해 실제 프로젝트 경험을 축적했습니다.

컴포넌트 라이브러리와 전역 상태 관리 실전 경험을 쌓았습니다.

4인 팀으로 웹 서비스 프론트엔드 개발을 담당했습니다.

Spring MVC + MyBatis 기반 백엔드 시스템과 jQuery를 활용해 면회 신청 관리 시스템을 구축했습니다.

데이터베이스에서 Service, Controller를 거쳐 View까지의 전체 데이터 플로우를 경험했습니다.

기존의 번거로운 수기식 면회 신청 프로세스를 전산화해 면회 신청과 승인 과정을 간소화했습니다.

웹 서비스를 통해 동료 병사들과 가족들에게 편의성을 제공할 수 있다는 것에 큰 보람을 느껴 향후 웹 개발을 지속적으로 해나가게 되는 동기가 되었습니다.

훈련소, 특기학교 내 경쟁을 거쳐 높은 순위를 받아 개발을 할 수 있는 부서로 배정받았습니다.

우수한 개발병들과의 교류를 통해 더 높은 수준의 학습 환경 필요성을 인식하고, 전역 후 편입을 결심하게 되었습니다.