소통과 협력을 중시하는 개발자 김민수입니다.

🎉 1998. 01. 03.

📞 010 - 2528 - 8183

📁 Github : @yoyobar

⚡ Portfolio : @Minsu Kim

사용자 경험을 우선하는 개발자

작은 변화가 큰 차이를 만듭니다. 단순한 기능도 사용자의 관점에서 설계하면 더 직관적이고 효과적인 서비스를 제공할 수 있습니다. 프로젝트마다 UI/UX 개선을 반복하며, 사용자 피드백을 반영해 이탈율을 30% 이상 향상된 경험을 만들었습니다.

팀을 성장시키는 리더십

3 번의 팀장을 맡아 최대 7명의 팀원과 협업하며 프로젝트 일정을 조율하고 기간내에 성공적으로 완료하였습니다.

코드 리뷰 프로세스를 도입해 코드 품질을 크게 향상시켰습니다. 효율적인 커뮤니케이션을 통해 팀의 생산성을 극대화했습니다.

주도적으로 학습하고 적용하는 개발자

React와 TypeScript로 날씨 앱, 일기장 등 다양한 프로젝트를 개발하며 실무에 가까운 경험을 쌓았습니다.

특히 Next.js로 블로그를 처음부터 설계하고 배포까지 완료, 동적 라우팅, 서버 사이드 렌더링(SSR), SEO 최적화 등을 직접 구현하며 프론트엔드 개발 역량을 한층 끌어올렸습니다.

🔧 Tool & Skill

Frontend

Cooperation

HTML5, CSS3, Javascript
React(Context API, Zustand), Typescript, Next.js, React Query
React-Native
Module CSS, Tailwind CSS, Styled-Components, Framer-Motion
Git, Notion
Figma, Jira, ExcaliDraw

💻 Project

Next.js 블로그

1人 Project

2024.05 ~ 07

프레임워크 없이 처음부터 제작한 블로그로,

MDX 기반의 동적 콘텐츠 관리, 이미지 최적화, SEO 개선 등 현대 웹사이트의 핵심 기능을 직접 구현했습니다.

주요 역할 및 구현 내용

✅ Next.js의 App-router 기반으로 블로그를 1 부터 구축

MDX-Plugin 자체 개발
확장된 마크다운 기능(목차, 코드블럭, 인용문, Callout 등) 추가

✅ SEO 및 콘텐츠 관리

Category → Post 구조 설계, Series 기능 및 목차 자동 생성(IntersectionObserver 활용)
frontmatter 기반 SEO 최적화, 모든 게시글에 자동 메타데이터 적용

✅ 이미지 최적화 로직을 통해 LCP 11.5s → 7.2s 성능 30% 개선

빌드 시 이미지 WebP 변환 + AWS S3 업로드, 클라이언트에 최적화된 이미지 자동 제공

✅ 반응형 UI/UX & 디자인, Dark Theme

Windows 스타일 블로그 UI 설계, 창 이동·최소화 기능 구현

✅ Supabase 기반 댓글 및 방문자 통계 시스템 구축

Non-SQL 데이터베이스 경험, SQL 대비 장단점 분석

성과 및 배운점

🔹 웹 최적화 기법 적용, 성능 개선 및 SEO 경험 확보

🔹 MDX 활용 경험, 현대 웹사이트에서 Markdown을 활용하는 방식 습득

🔹 Supabase + S3 연동, CDN 활용 및 클라우드 스토리지 경험 습득

🔹 풀스택 프로젝트 완성, 기획부터 배포까지 전 과정 직접 수행

사용 기술

Client Next.js Typescript Zustand
Publishing TailwindCSS Framer-motion
Server Supabase Vercel

Trouble Wiki

00. Next.js로 블로그 만들어보기 (Next.14) | Trouble Wiki

AI 커뮤니티

6人 Project

2024.07 ~ 08