Portfolio

Welcome 2026
MOON MIJIN

Front-end Developer

Scroll
✦
Profile
✦
✦

Moon
Mijin

EMAIL ansalwls2217@gmail.com

PHONE 010. 2915. 7152

MBTI INFJ #계획적 #공감능력

Technical Skills SECTION 01

HTML5 / CSS3
JavaScript (ES6+)
Git / GitHub

Education SECTION 02

  • Full-Stack Web Development CourseSpring 기반 웹 애플리케이션 구조 이해 및 DB 연동 실습
  • Web Publishing CourseHTML/CSS 중심 웹 표준 및 UI 구현 훈련

Achievements SECTION 03

  • ERP 회계 정보관리사 2급 한국생산성본부(KPC)
  • 정보기술자격(ITQ)한글엑셀 A등급 한국생산성본부(KPC)
  • MOS Word Expert Microsoft

Key Strengths SECTION 04

  • Structure-Oriented Thinking 기능 구현 전 구조와 데이터 흐름을 먼저 이해하려고 합니다.
  • Practical Implementation 배운 기술을 프로젝트에 적용하며 실제 동작하는 결과물을 구현합니다.
#구조중심개발 #실전구현경험
My
Interests
🎬 Movie
✈️ Travel
🎧 Music
📚 Reading
🌙 Space

PORTFOLIO

FRONTEND & FULL-STACK PROJECT

윙스텝

WINGSTEP
윙스텝 메인 화면
#SITE WINGSTEP
#PERIOD 3 Weeks
#TYPE Full-Stack
#STACK React · Spring Boot
PROJECT OVERVIEW
OVERVIEW 러닝 기록 관리 및 시각화 서비스
ARCHITECTURE REST API Architecture
AUTH JWT 인증 처리
ROLE UI 구현 및 DB 설계
LINK Front-End Back-End Git
PROJECT DETAIL

러닝 기록을 저장하고 시각화할 수 있는 Full-Stack 서비스입니다. React 기반 UI와 Spring Boot REST API 서버를 연동하여 사용자의 운동 기록 관리와 데이터 조회 기능을 구현했습니다.

Macintosh HD › Projects › WINGSTEP
upload heart menu-dots search

Favorites

  • Overview
  • Demo
  • Documentation

Tags

  • React
  • Spring Boot
  • MyBatis
  • MySQL
Demo Video Demo Video
Project PDF Project PDF
2 items Last opened: Today

트리피

TRIPPY
트리피 메인 화면
#SITE TRIPPY
#PERIOD 2 Weeks
#TYPE Full-Stack
#STACK JSP · JDBC · Oracle
PROJECT OVERVIEW
OVERVIEW 개인 맞춤 여행 코스 제작 및 관리 플랫폼
ARCHITECTURE JSP · Servlet MVC (Model2)
PATTERN MVC Model2 Architecture
ROLE UI 설계 및 코스 기능 구현
LINK Trippy Git
PROJECT DETAIL

TRIPPY는 사용자가 자신의 취향과 일정에 맞는 여행 코스를 직접 설계하고 관리할 수 있도록 제작한 개인 맞춤형 여행 플랫폼입니다. JSP와 Servlet 기반의 MVC Model2 구조로 구현되었으며, 사용자는 코스를 생성하고 일정과 방문지를 관리할 수 있습니다. 또한 게시판을 통해 여행 경험을 공유할 수 있도록 구성했습니다. 데이터 처리는 MyBatis를 통해 Oracle 데이터베이스와 연동했습니다.

Macintosh HD › Projects › TRIPPY

Favorites

  • Overview
  • Demo
  • Documentation

Tags

  • JSP
  • Servlet
  • JDBC
  • Oracle
Demo Video Demo Video
1 items Last opened: Today

PORTFOLIO

Wep Publishing

그로브

GROVE
image1
#SITE Grove
#Date 2Weeks
#Type Desktop / Mobile
#CATEGORY Wep agency
PROJECT OVERVIEW
RENEWAL SITE RENEWAL Brand Strategy, UI / UX
STRUCTURE HTML / CSS
INTERACTIVE jQuery / React
SCM Github
LINK Responsive
DESKTOP DESIGN

기존 사이트에서 불편함 점과 부족했던 정보성 콘텐츠를 중심으로
개선하여 제작하였습니다.

image1
image1
MOBILE DESIGN

먼저 진행된 PC버전을 바탕으로 모바일에 최적화된 화면을 구성했습니다.
모바일에서도 PC와 동일한 경험으로 제공하며 각 메뉴로의 접근성을 용이하게 설계했습니다.

image1
image1

캠핑카 앤 서바이벌

CAMPING CAR & SURVIVOR
image1
#SITE Camping car & Survivor
#Date 3Weeks
#Type Desktop / Mobile
#CATEGORY Travel agency
PROJECT OVERVIEW
RENEWAL SITE RENEWAL Brand Strategy, UI / UX
STRUCTURE HTML / CSS
INTERACTIVE jQuery / React
SCM Github
LINK Desktop Site Mobile Site
DESKTOP DESIGN

기존 사이트에서 불편함 점과 부족했던 정보성 콘텐츠를 중심으로
개선하여 제작하였습니다.

image1
image1
MOBILE DESIGN

먼저 진행된 PC버전을 바탕으로 모바일에 최적화된 화면을 구성했습니다.
모바일에서도 PC와 동일한 경험으로 제공하며 각 메뉴로의 접근성을 용이하게 설계했습니다.

image1
image1

집시네마

ZIP CINEMA
image1
#SITE Zip Cinema
#Date 3Weeks
#Type Desktop / Mobile
#CATEGORY Entertainment
PROJECT OVERVIEW
RENEWAL SITE RENEWAL Brand Strategy, UI / UX
STRUCTURE HTML / CSS
INTERACTIVE jQuery / React
SCM Github
LINK Desktop Site Mobile Site
DESKTOP DESIGN

기존 사이트에서 불편함 점과 부족했던 정보성 콘텐츠를 중심으로
개선하여 제작하였습니다.

image1
image1
MOBILE DESIGN

먼저 진행된 PC버전을 바탕으로 모바일에 최적화된 화면을 구성했습니다.
모바일에서도 PC와 동일한 경험으로 제공하며 각 메뉴로의 접근성을 용이하게 설계했습니다.

image1
image1

CONTACT

Thank You

CONTACT-LIST

PHONE 010. 2915. 7152 EMAIL ansalwls2217@gmail.com GITHUB github.com/moonme98