Jung Ho Kim

Full-stack Developer







Jung Ho Kim's Portfolio

Bio

안녕하세요, 끊임없이 성장하는 풀스택 개발자 김정호입니다. 웹 개발의 기초를 다지기 위해 다양한 클론 코딩을 진행하며 UI/UX에 대한 감각을 익혔고, 팀 프로젝트 ‘Place-Eat’을 통해 협업과 데이터베이스 설계의 중요성을 배웠습니다.

최근에는 배달 플랫폼 서비스 'Catch-A-Bite'를 PM 및 GitHub 답당자로 개발하며 Spring Boot과 React + Vite 기반의 현대적인 풀스택 아키텍처를 구축했습니다. 이 과정에서 Spring Security를 이용한 역할 기반 인증(RBAC), JPQL을 활용한 동적 데이터 조회 최적화, 그리고 PortOne API를 연동한 실시간 결제 시스템 등 실무 수준의 복잡한 기능을 주도적으로 구현했습니다.

단순히 기능을 만드는 것을 넘어, 레거시 기술(JDBC, JSP)에서 모던 스택(JPA, React)으로 기술을 마이그레이션하며 '더 나은 코드와 사용자 경험'을 고민하는 개발자로 성장했습니다. 이 포트폴리오는 그러한 치열한 고민과 성장의 기록입니다.


Skill Stack


분류 (Category) 설명 (Description) 보유 기술 (Tech Stack)
Frontend 구조화, 반응형 레이아웃, 인터랙션을 중심으로 최신 프론트엔드 도구를 활용합니다.
  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • jQuery
  • Ajax
  • React + Vite
  • React Router
  • Axios
  • Bootstrap 5
Backend Spring Boot 기반의 안정적인 서버 구축과 데이터베이스 설계를 학습했습니다.
  • Java 17
  • Spring Boot 3.x
  • Spring Security
  • Spring Data JPA
  • QueryDSL
  • MyBatis
  • Oracle DB
  • MariaDB
Tools & Etc. 협업 툴과 버전 관리, 그리고 가상화 환경 구축 경험이 있습니다.
  • Git / GitHub
  • Linux (Ubuntu)
  • Docker
  • Oracle VirtualBox
  • IntelliJ / Eclipse
  • Figma
  • Kakao Maps API
  • Jira / Notion

Team Projects

프로젝트
(Project)		 설명 (Description) 기술 스택
(Tech Stack)		 링크 (Link)
Catch-A-Bite
Commerce Platform		 'Catch-A-Bite'는 Spring Boot 3.3와 React(Vite) 환경에서 구축된 풀스택 배달 플랫폼입니다.

백엔드에서는 JPQL을 도입하여 복잡한 주문 내역 및 정산 데이터의 조회 성능을 최적화하였으며, Spring Security로 사용자/점주/라이더의 권한을 분리한 보안 시스템을 구축했습니다.

프론트엔드는 PortOne API를 통한 실시간 결제 검증과 Kakao Map API 주소 연동을 통해 실제 서비스 가능한 수준의 비즈니스 로직을 구현했습니다.
  • React + Vite
  • Spring Boot 3.3
  • Spring Security
  • JPQL
  • Spring Data JPA
  • MariaDB / Oracle
  • PortOne API
  • Kakao Maps API

Team Project

프로젝트 (Project) 설명 (Description) 기술 스택 (Tech Stack) 링크 (Link)
Place-Eat
(Travel & Food)		 Kakao 지도 API를 활용해 여행·맛집 정보를 공유하는 웹 서비스입니다. Java · JDBC · Oracle DB 기반의 백엔드와 프론트엔드를 연동하였으며, 팀 프로젝트로서 협업을 통해 완성했습니다.
  • HTML/CSS/JS
  • Ajax
  • Java
  • Oracle DB
  • MVC Pattern
  • Kakao Maps API
 GitHub

Toy & Clone Projects

프로젝트 (Project) 설명 (Description) 기술 스택 (Tech Stack) 링크 (Link)
Starbucks Promo 스타벅스 프로모션 랜딩 페이지 클론 코딩입니다. 섹션 전환 애니메이션과 배너 호버 효과 등을 통해 CSS 트랜지션과 레이아웃을 중점적으로 연습했습니다.
  • HTML5
  • CSS3
  • Animation
  • Font Awesome
 Demo
글로벌IT인재개발원 교육기관 소개 페이지 클론 코딩입니다. 반응형 그리드 시스템과 공지사항 섹션을 구현하며 Bootstrap 3 기반의 레이아웃을 익혔습니다.
  • HTML5
  • CSS3
  • Bootstrap 3
  • Responsive
 Demo
Coca-Cola 브랜드 캠페인 스타일의 웹페이지입니다. Bootstrap 5와 Slick Slider 라이브러리를 활용해 반응형 이미지 슬라이더를 구현했습니다.
  • HTML5
  • CSS3
  • Bootstrap 5
  • Slick Slider
 Demo
날씨 확인 웹 OpenWeather API를 연동하여 오늘을 포함한 5일간의 날씨 정보를 시각적으로 확인할 수 있는 사이트입니다.
  • HTML5/CSS3
  • API Call
  • Slick Slider
  • CSS Animation
 Demo
학사 관리 프로그램 Java Swing (Frame, Panel)을 이용하여 구현한 데스크탑 학사 관리 애플리케이션입니다. DB 연동을 통해 데이터 영속성을 보장합니다.
  • Java
  • Swing (GUI)
  • Oracle DB
 Video
IT Board (Spring) Spring Legacy 기반의 게시판 프로젝트입니다. CRUD, 파일 업로드, 댓글, 로그인 및 유효성 검사 기능을 포함하고 있습니다.
  • Spring Legacy
  • Java
  • Oracle DB
  • MyBatis
  • Bootstrap
 Video