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

> 능동적인 태도로 개발하는 것을 추구합니다.

> 좋은 구조가 좋은 코드를 만든다.

ReactNext.jsTypeScriptVue.js

ABOUT ME

Profile
💻
🚀

안녕하세요! 👋

사용자 경험을 최우선으로 생각하는 프론트엔드 개발자입니다. 최신 기술을 활용해 아름답고 기능적인 웹 애플리케이션을 만드는 것을 좋아합니다. 항상 새로운 도전을 통해 성장하고 있습니다.

ReactNext.jsTypeScriptVue.jsTailwind CSS

저는 이런 사람입니다

⚡
능동적인 개발자

문제를 발견하면 기다리지 않고 직접 해결책을 찾아 실행합니다. 주도적으로 학습하고 도전합니다.

🏗️
구조적 사고

좋은 구조가 좋은 코드를 만든다고 믿습니다. 확장 가능하고 유지보수하기 쉬운 아키텍처를 설계합니다.

👤
사용자 관점

개발할 때 항상 '내가 사용자라면?' 이라고 생각합니다. 사용자의 입장에서 경험을 설계합니다.

🔄
지속적 개선

현재에 안주하지 않고 더 나은 방법을 찾기 위해 끊임없이 고민하고 개선해나갑니다.

SKILLS

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

React

Frontend
90%

클릭하여 상세 정보 보기

Next.js

Frontend
65%

클릭하여 상세 정보 보기

Vue.js

Frontend
80%

클릭하여 상세 정보 보기

TypeScript

Frontend
85%

클릭하여 상세 정보 보기

JavaScript

Frontend
88%

클릭하여 상세 정보 보기

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%

클릭하여 상세 정보 보기

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%

클릭하여 상세 정보 보기

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%

클릭하여 상세 정보 보기

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%

클릭하여 상세 정보 보기

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를 통한 얼굴 유효성 검사
얼굴형 자동 분석
202410 ~ 11

CashFit

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

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

CashFit

내가 담당한 기능

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

MBG(문방구)

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

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

MBG(문방구)

내가 담당한 기능

OAuth2.0을 통한 소셜 로그인
출석 관리
만족도 조사
202502 ~ 03

FinCatch

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

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

FinCatch

내가 담당한 기능

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

NextPortfolio

Next.js 기반 포트폴리오 사이트

Next.js와 TypeScript를 활용하여 개발한 개인 포트폴리오 웹사이트입니다. 모던한 디자인과 부드러운 애니메이션을 적용하여 방문자에게 인상적인 경험을 제공합니다.

NextPortfolio

내가 담당한 기능

Vercel로 빠른 배포
부드러운 페이지 전환
반응형 디자인

THANK YOU

프론트엔드 개발자 김병년이었습니다!
감사합니다!

GitHub

코드와 프로젝트

이메일

연락하기

블로그

개발 이야기

> system.info()

© 2024 김병년. 이 포트폴리오는 Next.js와 TypeScript로 제작되었습니다.

Made with❤️by KimByeongNyeon