Portfolio

/ 김진우 / Fullstack Developer

Introduce

빠른 실행력을 바탕으로 먼저 만들고, 끊임없는 피드백을 통해 결과물을 발전시켜 나가는 실행형 개발자입니다.

최대한 많은 동료와 의견을 나누며 서비스의 완성도를 높이는 과정을 즐깁니다. 혼자의 판단보다 다양한 시선이 모일수록 더 좋은 결과물이 나온다고 믿습니다.

AI 도구와 자동화 워크플로우를 적극 활용해 개발 생산성을 끌어올리고, 확보한 시간을 서비스 품질 향상에 집중하는 것을 지향합니다.

좋은 코드와 설계에 깊은 관심을 가지고 꾸준히 학습하며, 배운 것을 동료들과 나누고 함께 성장하는 개발 문화를 만들어가고 있습니다.

Career

한솔그룹

35기 공채

2025.12 ~ Present

한솔PNS

Fullstack Developer

2025.12 ~ Present

한솔인티큐브

Backend Developer

2025.12

Experience & Education

42Seoul

Cadet · 9기

  • 동료 간 상호 코드 리뷰를 통한 협업 능력, 소통 스킬, 논리적 사고력 강화
  • 피어 리뷰 문화에 참여하여 다양한 문제 해결 방식 습득 및 코드 품질 개선

카카오 테크 캠퍼스

Front End · 1기

  • 실무 환경에서 프론트엔드 전반 역량 체계화
  • SPA 설계, 테스트(Jest), Git 협업, 클라우드 배포 등 전 과정 경험

멋쟁이사자처럼

부산대학교 대표 · 12기

  • 약 40명의 동아리원 행사 기획 및 세션 관리, 프론트엔드 교육 진행
  • 해커톤 기획 및 참여, 주도적 커리큘럼 구성을 통한 리더십 향상

License & Certificate

정보처리기사

2024.12

SQLD

2024.12

TOEIC Speaking

Intermediate High (150)

2024.12

Skills

Projects

JANDI

React-Native / TypeScript

Github 스트릭에 영감을 받아 기획된 위치 인증 기반 도서관 출석 인증 서비스

2024.10 ~ 2025.03·FE 3인, BE 2인, 디자이너 1인·FE 리더
  • 프론트엔드 리더로서 기술 스택 선정, Git Flow 정립, 문서화 체계 구축
  • React-Native CLI 배포 자료 부족 및 iOS 18 호환성 오류 해결
  • 양대 스토어 배포 후 운영
  • gluestack-ui v2 마이그레이션으로 성능 최적화 및 번들 사이즈 감소
React-NativeTypeScript

QnF

Next.js / TypeScript

밸런스 게임을 통해 같은 학교의 성향이 비슷한 친구를 매칭해주는 서비스

2024.8·FE 1인, BE 2인, 기획 1인, 디자이너 1인·FE 개발
  • MSW로 백엔드 의존도 없이 프론트엔드 단독 개발
  • 재사용 가능한 UI 요소와 레이아웃 구조 설계로 개발 속도 극대화
  • Netlify를 통한 신속한 배포로 제한 시간 내 결과물 출시
Next.jsTypeScript

네모 (NEMO)

React / TypeScript

공유형 다이어리 꾸미기 서비스

2023.9 ~ 2023.11·FE 3인, BE 4인·FE 개발
  • tldraw/@core 기반 커스텀 캔버스 렌더링 및 그리기 기능 구현
  • Yjs를 활용한 실시간 데이터 동기화로 다중 사용자 협업 편집 구현
  • MSW로 백엔드 개발 지연 상황에서도 프론트엔드 병렬 개발 수행
ReactTypeScript

개인 Blog

Next.js 15 / TypeScript

Next.js 15 + WebGL 셰이더 기반 개인 기술 블로그 겸 포트폴리오

2025.01 ~ 2025.02·1인 개발·풀스택
  • WebGL 셰이더(Swirl + ChromaFlow) 배경으로 인터랙티브 랜딩 페이지 구현
  • GSAP ScrollTrigger 기반 스크롤 연동 애니메이션 적용
  • next-mdx-remote RSC 서버 사이드 MDX 렌더링으로 성능 최적화
  • 다국어(KO/EN) 및 다크/라이트 테마 시스템 구축
Next.js 15TypeScript

Valorant Collection

Next.js 15 / Valorant API

발로란트 전체 무기 스킨을 인터랙티브하게 탐색하는 컬렉션 페이지

2025·1인 개발·풀스택
  • 홀로그래픽 3D 카드 인터랙션 및 마우스 추적 광택 효과 구현
  • Valorant API 연동 및 빌드 타임 데이터 페칭으로 성능 최적화
  • 티어·컬렉션 기반 이중 필터링 시스템 구현
  • 크로마 변형 및 업그레이드 레벨 상세 모달 제공
Next.js 15Valorant API

검색...

검색...