- 양정운 -

프론트엔드 개발자 포트폴리오


반응형 UI를 즐기고,
UX를 중시하는 프론트엔드 개발자
양정운 입니다.

Contact

Email

yp071704@gmail.com

Phone

0507-1312-4883

AboutMe

출생

2000.03

영천고등학교 졸업

2019.02

과학중점 고등학교

정보처리기사 취득

2024.09

국립공주대학교 졸업

2025.02

컴퓨터공학부 소프트웨어전공

딥세일즈 인턴

2025.04 ~ 2025.10

1. 성능 최적화 React Developer Tools를 활용해 컴포넌트 최상단의 구독 상태로 인해 불필요한 전체 리렌더링이 발생하는 문제를 발견하고, 구독 상태를 하위 컴포넌트로 분리하여 렌더링 성능과 사용성을 개선했습니다. 반복적으로 요청되던 데이터를 React Query로 캐싱하여 로딩 시간을 단축하고, 불필요한 네트워크 요청을 줄여 서비스 효율성을 개선했습니다. 2. 구조 개선 기존 DDD 기반 폴더 구조에서 도메인별 파일이 여러 계층에 분산되어 기능 단위 파악이 어렵고 수정 누락 가능성이 있는 문제를 확인했습니다. 이를 해결하기 위해 FSD 아키텍처를 도입해 feature를 최상위 기준으로 재구성하고, 기능 단위 응집도를 높여 코드 탐색성과 유지보수성을 개선했습니다. 약 1만 줄 규모의 Dead Code를 정리해 코드베이스의 가독성을 높이고, 이후 유지보수 부담을 감소시켰습니다. 3. 기능 개발 디자이너가 정의한 디자인 문서를 기준으로 신규 페이지를 개발하였습니다. Toss Payments 결제 연동을 포함한 핵심 기능 구현을 담당해 서비스 기능 확장에 기여했습니다. 위 과정에서 Frontend와 Figma 간 불일치 요소를 식별해 누락을 방지하는 협업 파이프라인을 구축했습니다. 또한 디자인 시스템을 shadcn/ui 기반으로 통일하는 리팩토링을 진행했습니다. 4. 유지보수 QA 엔지니어와 협업하며 다수의 QA 이슈를 분석·처리해 서비스 전반의 버그를 수정하고 안정성을 개선했습니다.

Skills

마우스를 올리거나 클릭하여(모바일) 숙련도를 확인할 수 있습니다.

Language

TypeScript
JavaScript
Java
Python
C

Frontend

Next.js
React
Redux
Zustand
React Query
Jest
Cypress
Storybook
Sass
Tailwind CSS
styled-components

Backend

Node.js
Express
Nest.js
Type ORM
MongoDB
PostgreSQL

DevOps

Vercel
AWS

Archiving

Projects

Chrome-extension이미지

Chrome-extension

JavaScript

사람인 크롬 익스텐션

Transfer이미지

Transfer

Next.js / TypeScript / Tailwind CSS / React Native webview

기차 환승

yju-portfolio

Next.js / TypeScript / Sass / Zustand

포트 폴리오

Qcraft이미지

Qcraft

React / TypeScript / Redux

AI 가상 인터뷰

Project Pulse BE이미지

Project Pulse BE

Express / JavaScript / MongoDB

프로젝트 관리

Project Pulse FE이미지

Project Pulse FE

React / JavaScript / Redux

프로젝트 관리