Jimin's Portfolio
About me
Skills
Projects
Experiences
Front-end Developer
Hello I'm
Kim Jimin
I'm a frontend developer constantly learning,
creating, and exploring the endless ocean of the web
Download CV
more
use terminal
About Me
이름
김지민
생년월일
1994.05.16
위치
서울시 동작구
연락처
010-7369-0111
이메일
zeem_m2@naver.com
학력
숙명여자대학교
(작곡과 & 문화예술기획)
Skills
Language
HTML
CSS
JavaScript
TypeScript
Frameworks
React
Next.js
State Management
Recoil
Zustand
React Query
Styling
Tailwind
Sass
CSS Modules
Styled Component
Deployment
Vercel
Projects
기본순
최신순
팀 프로젝트
개인 프로젝트
OlaOla
2024.11.18 ~ 2024.12.12
개인 프로젝트
클라이머들을 위한 영상 및 사진 기록 커뮤니티 플랫폼
- 서버 없이 영상 및 이미지 업로드 기능을 구현하기 위해 브라우저 저장소인 IndexedDB 사용
- 텍스트 에디터의 이미지 업로드 기능을 input을 이용해 커스텀하여 구현
- IndexedDB에 저장된 Blob 객체를 data-set 속성을 활용해 id를 부여하여 서버없이 게시글 수정 기능 구현
- 무한 스크롤, 스크롤 스냅, 페이지네이션, 캐러셀 등을 라이브러리 없이 구현
https://ola-ola-nine.vercel.app/
Trouble Shooting!!
React
TypeScript
Recoil
Vite
Styled Component
Tailwind
Firebase Authentication
IndexedDB
README
Notion
Github
momo
2024.12 ~ 2025.02
팀 프로젝트
간편히 밥친구를 구할 수 있는 밥친구 구하기 사이트
- 밥친구를 구하기 위한 소모임 & 채팅 사이트
- 로그인 및 회원가입 기능과 프로필 및 모임 관리 기능, 채팅 기능과 같이 주요 기능 구현
- Tanstack Query를 사용해 데이터 캐싱과 서버 상태 관리
- 효율적인 협업을 위해 디자인 시스템 구현 및 공통 컴포넌트 구현
Trouble Shooting!!
React
TypeScript
Recoil
Tanstack Query
Stomp
Tailwind
DaisyUI
Vite
README
Video
Notion
Github
MBTI Chat
2025.03
개인 프로젝트
브라우저의 웹소켓 기능을 활용하여 구현한 간단한 채팅 사이트
- STOMP와 같은 라이브러리 없이 순수 브라우저 api 웹소켓을 사용하여 만든 간단한 채팅 사이트
- 유지보수를 위해 웹소켓 컨트롤러를 만들어 관련 비즈니스 로직을 한 곳에서 관리
- 간단한 백엔드 소켓 서버 코드 구현
https://mbti-chat-gamma.vercel.app/
Trouble Shooting!!
React
TypeScript
Recoil
Scss
Vite
Node.js
Web Socket
README
Velog Series
Flobby
2025.04 ~ 7월 중 1차 MVP 완료 예정
팀 프로젝트
기존 소모임 앱들의 불편함을 개선한 지역 기반 모임 플랫폼(출시 예정)
- MVP 핵심기능인 메인 페이지의 지역 선택 기능 및 선택된 지역에 따라 모임 목록 렌더링 기능 구현 담당
- 기존 컴포넌트 간 의존성과 비효율적인 API 호출 구조를 개선하기 위해 MVC 패턴을 도입하고, class 기반의 모델 및 컨트롤러를 직접 설계 및 구현하여 코드의 일관성과 확장성 확보
- 프로젝트 초반에 구현된 API 연동 로직을 새로운 MVC 구조에 맞게 리팩토링하여 구조적 통일성과 유지보수성을 높임
- 모임 등록 페이지 내 이미지 업로더, 지역/카테고리/인원 선택 등 주요 컴포넌트를 구현하고, 이 과정에서 Drag & Drop 유틸과 파일 업로드 로직을 분리하여 재사용 가능한 유틸 클래스로 개발
- 디자이너, 기획자, 앱 개발 파트와 적극적인 커뮤니케이션을 통해 작업 범위를 조율하고, 기획 의도와 실제 구현 간의 차이를 최소화하며 기능 개발 진행중
React
TypeScript
Zustand
Scss
Vite
README
Portfolio Web Site
2025.03 ~ 2025.05
개인 프로젝트
포트폴리오 웹사이트 구축
- Next.js 13의 App Router 기능을 활용하여 최신 라우팅 방식 적용
- 컴포넌트 단위로 구조화하여 재사용성과 유지보수성 향상
https://bluemin-portfolio.vercel.app/
Next.js
TypeScript
Scss
Vite
Swipe
README
개인 프로젝트
README
Experiences
Education
Career Path
Team
Zerobase Front-end School
2024.03 ~ 2025.01.25
제로베이스에서 진행하는 프론트엔드 개발자 양성 교육 과정 수료
- 웹프론트엔드 중심으로 배우는 자기 주도형 학습 과정
- CS지식, 자료구조, 알고리즘 학습
- HTML, CSS, JavaScript 학습을 통한 웹 기반 기술 습득
- React.js, TypeScript, Recoil 등 프론트엔드 개발 기술 습득
Modern JavaScript Deep Dive Study
2024.09 ~ 2025.02
모던 자바스크립트 Deep Dive 책을 통해 자바스크립트 기본 개념 Study
- 자바스크립트의 기초 개념부터 동작 방식까지 깊게 공부하며 자바스크립트에 대한 깊이를 넓힘