Portfolio

/ Kim JinWoo — Fullstack Developer

Introduce

개발을 깊이 있게 배우고자 하는 주니어 개발자입니다.
팀 구성원의 역할과 상황을 이해하고 모두의 발전에 기여할 수 있는 사람이 되고자 합니다.
FrontEnd/BackEnd 개발과 기획, UI 디자인을 비롯한 관련 분야에 폭넓은 관심을 가지고 있습니다.

다양한 대외 활동과 협업 경험을 쌓았으며, 새로운 도전과 다양한 동료는 개발을 더욱 즐겁게 하는 힘이 되었습니다.

Profile

부산대학교

2018.3 - 2025.2

Career

한솔PNS

2025.12 ~ Present
  • ·Fullstack Developer

한솔인티큐브

2025.12
  • ·Backend Developer

Experience & Education

42Seoul 9기 Cadet

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

카카오 테크 캠퍼스 Web Front-End 1기

2023.4 - 2023.11
  • ·실무 환경에서 프론트엔드 전반(기초 웹 기술, React, 상태관리, 성능 최적화) 역량 체계화
  • ·SPA 설계, 테스트(Jest), Git 협업, 클라우드 배포 등 전 과정 경험

멋쟁이사자처럼 12기 부산대학교 대표

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

License & Certificate

정보처리기사

2024.12

SQLD

2024.12

TOEIC Speaking

Intermediate High (150)

2024.12

Skills

01

JavaScript / TypeScript

  • ·ES6+ 문법 숙련, TypeScript 활용
  • ·webpack, parcel 등 번들러 사용 경험
  • ·Jest 기반 기능 단위 테스트 코드 작성
  • ·디자인 시스템 & Atomic 디자인 적용 경험
02

React / Next.js / React-Native

  • ·Redux, Recoil, React-Query, Jotai 등 상태 관리
  • ·Next.js SSR, SSG, RSC 개발 경험
  • ·React-Native 모바일 앱 개발, 빌드 및 배포
03

Vue / Nuxt

  • ·Vue 3 SFC (Single File Component) 기반 개발
  • ·Nuxt SSR 서버 사이드 렌더링 경험
  • ·Composition API 활용
04

Backend

  • ·Spring Framework, OSGi 기반 백엔드 개발
  • ·Redis 캐싱 및 세션 관리
  • ·MySQL 데이터베이스 설계 및 쿼리 작성
05

HTML / CSS

  • ·웹표준 준수, SCSS 활용 배포 경험
  • ·Styled-Components, BEM 방법론 적용
  • ·Chakra-UI, Tailwind CSS 라이브러리 활용
06

Tools & Others

  • ·Framer-Motion, GSAP 애니메이션 구현
  • ·Git/GitHub 버전 관리 및 협업
  • ·C 언어 숙련

Projects

JANDI

React-Native / TypeScript

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

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

개인 Blog

Next.js / TypeScript

Next.js 기반의 개인 기술 블로그. SSG/SSR/CSR/ISR 렌더링 방식 학습 및 적용

2024.01 ~ 2024.02·1인 개발·풀스택
  • Next.js SSG 기반 정적 페이지 생성으로 빠른 로딩 구현
  • framer-motion 단독 사용으로 애니메이션 구현 단순화 및 성능 개선
  • rehypeHighlight로 코드 블록 언어별 하이라이팅 적용
  • Series/Tag 메타데이터 기반 시리즈별·태그별 포스트 탐색 기능
Next.jsMDXTailwind CSSframer-motion

QnF

Next.js / TypeScript

밸런스 게임을 통해 같은 학교의 성향이 비슷한 친구를 매칭해주는 서비스. 멋쟁이사자처럼 12기 중앙 해커톤 출품작

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

네모 (NEMO)

React / TypeScript

함께 찍은 네컷 사진들을 그룹 다이어리에 보관하고, 동시에 편집이 가능한 공유형 다이어리 꾸미기 서비스

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