About me

Profile Image

김수민 웹 개발자(FE)

춤을 사랑하고 커피를 좋아하며 개발을 즐깁니다.

새로운 도전을 모험하며, 끊임없는 성장을 통해 성취감을 느낍니다.

개발자로서의 성장을 위한 의지와 집념이 강합니다.

98.05.13
경기도 수원시 영통구
010-9086-2046
tnalsdl2046@gmail.com

Archiving

GitHub
github.com/ssumanlife

프로젝트 소스 코드 저장소

velog logoVelog
velog.io/ssumanlog

학습 내용 및 프로젝트 회고 기록 블로그

Skills

  • Basic

    • HTML

    • CSS

    • JavaScript

    • TypeScript

  • Frontend

    • Next.js

    • React

    • Zustand

    • React-Query

    • SASS

    • Styled Components

    • Redux

  • Backend

    • Node.js

    • Express

    • MongoDB

    • Firebase

  • Deployment

    • AWS

    • Vercel

  • Tools

    • Git

    • GitHub

    • Figma

Project

V-CORE

2026.05 (1人)

설명
패션·라이프스타일 커머스의 정적 상세 이미지를 360°로 돌려보고 직접 체감할 수 있는 제품 뷰어를 가정하여 만든 프로젝트입니다.
결과
WebGL·Three.js·R3F 학습 및 인터랙티브 3D 뷰어 구현
기술 스택
  • Next.js
  • TypeScript
  • Tailwind
  • Three.js
  • ReactThreeFiber
  • Drei
  • Zustand

포트폴리오 사이트

2025.01 (1人)

설명
현재 보고 계신 사이트이자 프론트엔드 개발자로서 저를 어필하기 위한 포트폴리오입니다.
결과
나를 어필할 수 있는 포트폴리오 완성
기술 스택
  • Next.js
  • TypeScript
  • SASS
  • FramerMotion
  • Swiper

Investmetic

2024.10 ~ 2024.12 (프론트엔드 5人, 백엔드 6人, 디자이너 1人)

설명
투자 매매 전략 공유 및 중개소셜 플랫폼 Investmetic은 트레이더와 투자자들이 투자 전략의 성과를 공유하고 이를 보며 학습하여 본인의 스킬들을 향상시킬 수 있는 장을 마련합니다.
결과
기업연계 프로젝트 최우수상
기술 스택
  • Next.js
  • TypeScript
  • Tanstack-Query
  • Zustand
  • SASS
  • StoryBook
  • MSW
  • HighCharts

FE Pick

2024.10 ~ 2024.10 (1人)

설명
프론트엔드 스택의 기초 개념 퀴즈 플랫폼 FEPick은 프론트엔드 스택에 대해 공부하고 있는 주니어 개발자가 다양한 퀴즈를 통해 스스로의 학습 진도를 체크하면서 실력을 쌓아갈 수 있는 유익한 시간을 제공합니다.
결과
혼자서 시도해본 프로젝트의 전반적인 경험
URL
기술 스택
  • React
  • TypeScript
  • Tanstack-Query
  • Zustand
  • Emotion
  • Node.js
  • MongoDB
  • AWS

PLY

2024.08 ~ 2024.09 (프론트엔드 5人)

설명
영상 링크 기반 플레이리스트 공유 플랫픔 PLY는 자신만의 플레이리스트를 만들고 이를 공유하거나 탐색할 수 있습니다.
결과
토이프로젝트3 2등
URL
기술 스택
  • React
  • TypeScript
  • Tanstack-Query
  • Zustand
  • Emotion
  • Node.js
  • MongoDB
  • PlayWright

Career

(주)한국글로벌널리지 logo

(주)한국글로벌널리지

2025.04 - (재직 중)
frontend 개발
사용자 정의형 설문 및 평가 시스템(Form Builder) 구축
2026년 상반기
  • 객관식, 주관식, 척도형 등 다양한 문항 타입을 지원하는 드래그 앤 드롭 기반의 폼 에디터를 개발
  • 상태 관리 구조와 시스템 아키텍처를 설계
SaaS 기반 어드민 시스템 개발
2025년 중반기 - 2026년 상반기
  • 운영팀이 개발자 개입 없이 기업별 맞춤 교육 관리 시스템을 생성하고 운영할 수 있는 SaaS형 어드민 개발
  • 기존 React SPA 환경을 Next.js 16으로 전면 마이그레이션
  • 사용자 권한(Role) 기반 접근 제어와 라우팅 구현
디자인 시스템 개발
2025년 상반기 - 2026년 상반기
  • 공통 컴포넌트 설계 및 구축을 통한 서비스 전반의 일관성과 재사용성 강화
  • 개발 생산성 개선 및 Storybook 기반 협업 환경 구축