Front-end Developer

Hello I'm
Kim Jimin

I'm a frontend developer constantly learning,
creating, and exploring the endless ocean of the web

About Me

이름김지민

생년월일1994.05.16

위치서울시 동작구

연락처010-7369-0111

이메일zeem_m2@naver.com

학력숙명여자대학교
(작곡과 & 문화예술기획)

Skills

Language

HTMLCSSJavaScriptTypeScript

Frameworks

ReactNext.js

State Management

RecoilZustandReact Query

Styling

TailwindSassCSS ModulesStyled 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!!

ReactTypeScriptRecoilViteStyled ComponentTailwindFirebase AuthenticationIndexedDB

README

momo

2024.12 ~ 2025.02팀 프로젝트

간편히 밥친구를 구할 수 있는 밥친구 구하기 사이트

- 밥친구를 구하기 위한 소모임 & 채팅 사이트
- 로그인 및 회원가입 기능과 프로필 및 모임 관리 기능, 채팅 기능과 같이 주요 기능 구현
- Tanstack Query를 사용해 데이터 캐싱과 서버 상태 관리
- 효율적인 협업을 위해 디자인 시스템 구현 및 공통 컴포넌트 구현

Trouble Shooting!!

ReactTypeScriptRecoilTanstack QueryStompTailwindDaisyUIVite

README

Video Notion Github

MBTI Chat

2025.03개인 프로젝트

브라우저의 웹소켓 기능을 활용하여 구현한 간단한 채팅 사이트

- STOMP와 같은 라이브러리 없이 순수 브라우저 api 웹소켓을 사용하여 만든 간단한 채팅 사이트
- 유지보수를 위해 웹소켓 컨트롤러를 만들어 관련 비즈니스 로직을 한 곳에서 관리
- 간단한 백엔드 소켓 서버 코드 구현

https://mbti-chat-gamma.vercel.app/

Trouble Shooting!!

ReactTypeScriptRecoilScssViteNode.jsWeb Socket

README

Flobby

2025.04 ~ 7월 중 1차 MVP 완료 예정팀 프로젝트

기존 소모임 앱들의 불편함을 개선한 지역 기반 모임 플랫폼(출시 예정)

- MVP 핵심기능인 메인 페이지의 지역 선택 기능 및 선택된 지역에 따라 모임 목록 렌더링 기능 구현 담당
- 기존 컴포넌트 간 의존성과 비효율적인 API 호출 구조를 개선하기 위해 MVC 패턴을 도입하고, class 기반의 모델 및 컨트롤러를 직접 설계 및 구현하여 코드의 일관성과 확장성 확보
- 프로젝트 초반에 구현된 API 연동 로직을 새로운 MVC 구조에 맞게 리팩토링하여 구조적 통일성과 유지보수성을 높임
- 모임 등록 페이지 내 이미지 업로더, 지역/카테고리/인원 선택 등 주요 컴포넌트를 구현하고, 이 과정에서 Drag & Drop 유틸과 파일 업로드 로직을 분리하여 재사용 가능한 유틸 클래스로 개발
- 디자이너, 기획자, 앱 개발 파트와 적극적인 커뮤니케이션을 통해 작업 범위를 조율하고, 기획 의도와 실제 구현 간의 차이를 최소화하며 기능 개발 진행중

ReactTypeScriptZustandScssVite

README

Portfolio Web Site

2025.03 ~ 2025.05개인 프로젝트

포트폴리오 웹사이트 구축

- Next.js 13의 App Router 기능을 활용하여 최신 라우팅 방식 적용
- 컴포넌트 단위로 구조화하여 재사용성과 유지보수성 향상

https://bluemin-portfolio.vercel.app/

Next.jsTypeScriptScssViteSwipe

README

개인 프로젝트

README

Experiences

Zerobase Front-end School2024.03 ~ 2025.01.25제로베이스에서 진행하는 프론트엔드 개발자 양성 교육 과정 수료
- 웹프론트엔드 중심으로 배우는 자기 주도형 학습 과정- CS지식, 자료구조, 알고리즘 학습- HTML, CSS, JavaScript 학습을 통한 웹 기반 기술 습득- React.js, TypeScript, Recoil 등 프론트엔드 개발 기술 습득
Modern JavaScript Deep Dive Study2024.09 ~ 2025.02모던 자바스크립트 Deep Dive 책을 통해 자바스크립트 기본 개념 Study
- 자바스크립트의 기초 개념부터 동작 방식까지 깊게 공부하며 자바스크립트에 대한 깊이를 넓힘