background
~/portfoliowelcome.js
Node.js v18.17.0
$node welcome.js
> scroll.continue()
김병년 프로필
console.log("Hello World!")

소통과 성장을 우선시하는 개발자 입니다.

Kim Byeongnyeon

반복을 줄이고 유지보수성을 높이기 위해 항상 효율적인 아키텍처 설계를 고민합니다. 기존의 반복되던 코드를 커스텀 훅으로 분리해 재사용한 구조를 만드는 데 강점이 있으며, 실제로 API 통신 효율화를 위해 react-easy-api 라이브러리를 제작한 바 있습니다.

동료들과 함께 성장하는 가치를 믿습니다. SSAFY 프로젝트 당시 Git에 서툰 팀원들을 위한 교육 세션을 진행하고, React가 처음인 팀원에게 컴포넌트 설계와 훅 사용법을 공유하며 적극적으로 도움을 주었습니다. 이러한 노력으로 팀원들로부터 높은 신뢰를 얻어 '이달의 동료'에 선정되기도 했습니다.

개발자도 한 명의 사용자라는 생각으로, 사용자 관점의 기술적 가치를 전달하려 노력합니다. 최종 프로젝트 발표회 당시 비개발자 심사위원들에게 서비스의 핵심 문제를 직관적으로 설명하여 전달력과 완성도 면에서 긍정적인 평가를 받은 바 있습니다.

Education

2024 ~ 2025
삼성 청년 SW 아카데미 (SSAFY)

Python 기반 컴퓨팅 사고력 교육 및 Vue, Django 기반 프로젝트를 통해 기초를 다졌으며, TS/React 기반 실무 프로젝트로 기획부터 배포까지 전 과정을 경험했습니다.

2023 ~ 2024
쌍용 교육센터

Java 기반 풀스택 교육과정으로 JSP 기반 프로젝트를 통해 웹 프로그래밍의 기초를 습득하였습니다.

Awards

  • SSAFY 기업 연계 프로젝트 최우수상 수상
  • SSAFY 전국 프로젝트 발표회 입상

SKILLS

빠르게 변화하는 프론트엔드 기술을 학습하고 적용합니다.

React

Frontend
90%

클릭하여 상세 정보 보기

Next.js

Frontend
65%

클릭하여 상세 정보 보기

Vue.js

Frontend
80%

클릭하여 상세 정보 보기

TypeScript

Frontend
85%

클릭하여 상세 정보 보기

JavaScript

Frontend
88%

클릭하여 상세 정보 보기

TaillwindCSS

Frontend
75%

클릭하여 상세 정보 보기

HTML5

Frontend
90%

클릭하여 상세 정보 보기

CSS3

Frontend
85%

클릭하여 상세 정보 보기

Framer Motion

Animation
75%

클릭하여 상세 정보 보기

Redux

State Management
70%

클릭하여 상세 정보 보기

Git

Tools
85%

클릭하여 상세 정보 보기

Figma

Design
70%

클릭하여 상세 정보 보기

Vercel

Tools
50%

클릭하여 상세 정보 보기

React

Frontend
90%

클릭하여 상세 정보 보기

Next.js

Frontend
65%

클릭하여 상세 정보 보기

Vue.js

Frontend
80%

클릭하여 상세 정보 보기

TypeScript

Frontend
85%

클릭하여 상세 정보 보기

JavaScript

Frontend
88%

클릭하여 상세 정보 보기

TaillwindCSS

Frontend
75%

클릭하여 상세 정보 보기

HTML5

Frontend
90%

클릭하여 상세 정보 보기

CSS3

Frontend
85%

클릭하여 상세 정보 보기

Framer Motion

Animation
75%

클릭하여 상세 정보 보기

Redux

State Management
70%

클릭하여 상세 정보 보기

Git

Tools
85%

클릭하여 상세 정보 보기

Figma

Design
70%

클릭하여 상세 정보 보기

Vercel

Tools
50%

클릭하여 상세 정보 보기

React

Frontend
90%

클릭하여 상세 정보 보기

Next.js

Frontend
65%

클릭하여 상세 정보 보기

Vue.js

Frontend
80%

클릭하여 상세 정보 보기

TypeScript

Frontend
85%

클릭하여 상세 정보 보기

JavaScript

Frontend
88%

클릭하여 상세 정보 보기

TaillwindCSS

Frontend
75%

클릭하여 상세 정보 보기

HTML5

Frontend
90%

클릭하여 상세 정보 보기

CSS3

Frontend
85%

클릭하여 상세 정보 보기

Framer Motion

Animation
75%

클릭하여 상세 정보 보기

Redux

State Management
70%

클릭하여 상세 정보 보기

Git

Tools
85%

클릭하여 상세 정보 보기

Figma

Design
70%

클릭하여 상세 정보 보기

Vercel

Tools
50%

클릭하여 상세 정보 보기

React

Frontend
90%

클릭하여 상세 정보 보기

Next.js

Frontend
65%

클릭하여 상세 정보 보기

Vue.js

Frontend
80%

클릭하여 상세 정보 보기

TypeScript

Frontend
85%

클릭하여 상세 정보 보기

JavaScript

Frontend
88%

클릭하여 상세 정보 보기

TaillwindCSS

Frontend
75%

클릭하여 상세 정보 보기

HTML5

Frontend
90%

클릭하여 상세 정보 보기

CSS3

Frontend
85%

클릭하여 상세 정보 보기

Framer Motion

Animation
75%

클릭하여 상세 정보 보기

Redux

State Management
70%

클릭하여 상세 정보 보기

Git

Tools
85%

클릭하여 상세 정보 보기

Figma

Design
70%

클릭하여 상세 정보 보기

Vercel

Tools
50%

클릭하여 상세 정보 보기

React

Frontend
90%

클릭하여 상세 정보 보기

Next.js

Frontend
65%

클릭하여 상세 정보 보기

Vue.js

Frontend
80%

클릭하여 상세 정보 보기

TypeScript

Frontend
85%

클릭하여 상세 정보 보기

JavaScript

Frontend
88%

클릭하여 상세 정보 보기

TaillwindCSS

Frontend
75%

클릭하여 상세 정보 보기

HTML5

Frontend
90%

클릭하여 상세 정보 보기

CSS3

Frontend
85%

클릭하여 상세 정보 보기

Framer Motion

Animation
75%

클릭하여 상세 정보 보기

Redux

State Management
70%

클릭하여 상세 정보 보기

Git

Tools
85%

클릭하여 상세 정보 보기

Figma

Design
70%

클릭하여 상세 정보 보기

Vercel

Tools
50%

클릭하여 상세 정보 보기

PROJECTS

SCROLL TO EXPLORE
202504 ~ 05최우수상

ToBeContinued

얼굴 분석 기반 헤어스타일 추천 서비스

React, TypeScript, Spring Boot, Fast API를 활용한 얼굴 분석 기반 헤어스타일 추천 프로젝트입니다. 기업 Becon과 연계하여 실제 사용자들에게 가치를 제공하는 서비스를 개발했습니다.

ToBeContinued

내가 담당한 기능

프론트엔드 전체적인 아키텍처 및 UI
face-api.js를 통한 얼굴 유효성 검사
얼굴형 자동 분석
202502 ~ 03

FinCatch

게이미피케이션 금융 학습 플랫폼

React, TypeScript, Spring Boot를 활용하여 소비패턴 분석을 기반으로 한 게이미피케이션 요소가 적용된 금융 학습 플랫폼입니다. 사용자가 자신의 소비 습관을 재미있게 분석하고 개선할 수 있는 경험을 제공합니다.

FinCatch

내가 담당한 기능

프론트엔드 전체적인 아키텍처 및 UI
내 계좌 확인 및 주 거래 통장 설정
개인 소비패턴 분석
202501 ~ 02

MBG(문방구)

현장체험학습 어플리케이션

Kotlin과 Spring Boot를 활용한 현장체험학습 관리 애플리케이션입니다. 학생, 교사에게 체험학습 진행을 위한 다양한 기능을 제공합니다.

MBG(문방구)

내가 담당한 기능

OAuth2.0을 통한 소셜 로그인
폴링 기반 실시간 설문 및 만족도 조사
체험지별 맞춤 리워드 시스템
202410 ~ 11

CashFit

금융상품 추천 웹 어플리케이션

사용자는 추천받은 상품에 대한 의견을 나눌 수 있는 커뮤니티 게시판을 이용할 수 있으며, 각 상품에 대한 코멘트 작성이 가능합니다. AI 기반 맞춤형 금융 상품 추천과 직관적인 UI를 통해 금융 정보에 쉽게 접근할 수 있습니다.

CashFit

내가 담당한 기능

개인 맞춤형 금융상품 추천
AI 기반 금융 상품 추천
환율 조회

THANK YOU

프론트엔드 개발자 김병년이었습니다.

© 2026 Kim Byeong Nyeon. All rights reserved.