변경원 포트폴리오

HELLO! I'MHELLO! I'M

GYEONGWONGYEONGWON

FRONTENDFRONTEND

DEVELOPERDEVELOPER

안녕하세요!

배움을 좋아하는 개발자

변경원입니다

github blog resume

Email. deswaq789@naver.com

Birth. 2000.12.20

Skill.

익숙해요어느정도 사용할 수 있어요사용해봤어요

React

TypeScript

Javascript

Next.js

zustand

TanStack Query(react-query)

React-Hook-Form

vanilla-extract

Tailwind CSS

Version Control

어느정도 사용할 수 있어요

git

github

Communication

익숙해요어느정도 사용할 수 있어요

Notion

Figma

Discord

Slack

Deployment

익숙해요사용해봤어요

AWS Web Service

Vercel

Project.

2024. 11. 07 ~ 2024. 12. 10 ( FE 4명 BE 4명 )

수행쌤

학생들이 탐구형 수행평가를 스스로 해결하고, 선생님의 실시간 피드백까지 받을 수 있는 종합적인 온라인 학습 지원 플랫폼 개발 프로젝트

React

Typescript

Tanstack-Query

Zustand

Yarn

MSW

TailwindCSS

oauth2를 이용한 소셜(카카오,구글,네이버)로그인 구현
로그인, 회원가입, 이메일 인증을 위한 Mock API 생성 및 테스트 진행
백엔드 인증 관련 구현 딜레이로 mocking을 활용 Cookie 기반 인증 상태 관리 구현
번들 사이즈 최적화를 위한 라우팅 lazy,suspense적용 및 suspense에 따른 로딩 뷰 제작
로그인하지 않은 사용자가 페이지에 접근하지 못하도록 인증 상태 기반 접근 제어 구현

2024. 09. 02 ~ 2024. 09. 27 ( FE 5명 )

펄핏 사이즈 B2C 웹 어플리케이션 개발

LLM기반의 챗봇과 대화를 통해 원하는 신발을 찾는 서비스

React

Typescript

Tanstack-Query

Zustand

Yarn

Vanilla-ExtractCSS

FireBase

AI 챗봇 1:1 채팅 서비스 구현
채팅 서비스 사진 업로드 리사이징 기능구현
채팅방 목록 로딩 UX 개선
내 발 측정 SDK 연동
Github Action, AWS S3를 이용한 프론트엔드 CI/CD 배포

2024. 05. 02 ~ 2024. 05. 31 ( FE 2명 BE 2명 )

CoatyCloset

구하기 어렵거나 비싼 아이템들을 대여비를 받고 빌려주는 행위를 통해, 많은 사람들이 다양한 스타일을 즐기 수 있는 옷 대여 서비스

React

Typescript

Tanstack-Query

Zustand

Yarn

MSW

TailwindCSS

oauth2를 이용한 소셜(카카오,구글,네이버)로그인 구현
채팅 서비스 사진 업로드 리사이징 기능구현
실시간 1:N 채팅 서비스 구현
Eslint 규칙 설정 및 통일화
msw기반 모킹 데이터 활용 환경 구축
react-hook-form 기반 폼 최적화

2024. 03. 26 ~ 2024. 04. 30 ( FE 2명 BE 2명 )

Red-Ribbon

자신만의 한달 예산과 고정지출을 정하고 나의 소비습관을 확인할 수 있는 가계부 서비스

React

Typescript

Tanstack-Query

Zustand

Yarn

MSW

Vanilla-ExtractCSS

oauth2를 이용한 소셜(카카오)로그인 구현
예산,고정지출,지출 CRUD
실시간 1:N 채팅 서비스 구현
vercel을 이용한 프론트엔드 배포