About me
안녕하세요 프론트엔드 개발자 박경서입니다.
창의력을 바탕으로
좋은 프론트엔드 솔루션을 제공하여
사용자 경험을 향상시키고, 팀의 성과에 기여하는 주도적인 역할을 하겠습니다.
Skills
Technology Stacks
Languages & Frameworks
Library & State Management
Styling
Version Controls
Deployment
Projects
TodayTrip
2024.01.20 - 2024.02.26
TodayTrip
체험형 여행 상품을 등록·예약·리뷰할 수 있는 플랫폼
기술스택
Next.js, TypeScript, React-Query, Google Maps API, Axios, Vercel, CSS Modules
역할 및 성과
- 팀 회의 주도 및 의견 조율, 팀 멘토와의 소통 및 발표 담당
- 체험 등록/수정/관리 페이지 및 알림 모달, NavBar 등 핵심 기능 구현
- Google Maps API 담당 및 중복 로딩 이슈 해결
- 모바일 화면일 경우 UI 위치 사용자 편의성 기반으로 수정
- 전체적인 QA 및 코드 정리 주도, 프로젝트 오류 빠르게 수정하며 팀 전체 개발 속도 향상
Jawstify
2023.12.18 - 2024.01.05
Jawstify
개인 및 팀 일정을 함께 관리할 수 있는 반응형 칸반보드 플랫폼
기술스택
Next.js, React-query, TypeScript, Axios, Vercel, Zustand, Styled-components
역할 및 성과
- 팀 회의 주도 및 의견 조율, 팀 멘토와의 소통 및 발표 담당
- 대시보드/사이드바/초대 페이지 개발 및 무한 스크롤 구현
- API 문제 대응 및 다른 팀에게 해결 방안 공유
- 대표 이미지 셀렉 및 이미지 기반으로 홈 화면 이미지 수정
- 리팩토링을 통해 React-query 기반 상태 관리로 컴포넌트 간 데이터 연동 문제 해결
- 전체적인 QA 담당
OpenMind
2023.11.08 ~ 2023.11.23
OpenMind
질문과 답변을 통해 소통하는 감정 공유형 커뮤니케이션 플랫폼
기술스택
React, Recoil, Styled-components, Axios, Vercel
역할 및 성과
- Post/Answer 페이지 전체 구현 및 무한 스크롤 적용
- 잘못된 접근 시 페이지 깜빡임 문제 해결 → Route 단계에서 에러 분기 처리
- 에러 처리 모달 디자인, 다크모드 전체적인 색상 셀렉
- 좋아요/싫어요 버튼 연타 오류 해결을 위해 debounce 적용, API 안정성 확보
- 전체적인 QA 담당: 로딩 스피너, 잘못된 URL/경로 대응, 빠른 조작·전환 등 다양한 시나리오 테스트
번역방
2025.07.04 - 2025.07.10
번역방
1인 미니프로젝트, 개인 및 팀 일정을 함께 관리할 수 있는 반응형 칸반보드 플랫폼
기술스택
React, CSS Modules, react-i18next, Axios, qrcode.react, react-pdf, react-modal
역할 및 성과
- 메인 화면 퍼블리싱 및 검색, 필터링 기능 구현
- 번역방 생성 모달 구현(react-modal, qrcode.react)
- 번역방 참여 화면 퍼블리싱 및 기능 구현(react-pdf, react-modal)
- 다국어 기능 구현(react-i18next)
- 리팩토링을 통해 React-query 기반 상태 관리로 컴포넌트 간 데이터 연동 문제 해결
WebtoonNet
2025.06.24 - 2025.08.28
WebtoonNet
1인 미니프로젝트, App Router 학습을 위해 만들어본 웹툰 리뷰 사이트
기술스택
React, Nextjs, TypeScript, Styled-Components
역할 및 성과
- 전체적인 페이지 퍼블리싱
- 메인 페이지(swiper, css 애니메이션 학습)
- 웹툰 랭킹 페이지(App Router [slug] 학습)
- 웹툰 리뷰 페이지(별점 상세 표시 css만으로 만들기 학습)
- 웹툰 컬렉션 페이지
- 웹툰 검색 페이지
- 커뮤니티 페이지
- 로그인/회원가입 페이지
포트폴리오 사이트
2025.11.27 - 2025.12.02
포트폴리오 사이트
1인 미니프로젝트, App Router, Tailwind, framer-motion 학습하기 위해 만든 사이트
기술스택
Nextjs, TypeScript, Tailwind, framer-motion, Vercel
역할 및 성과
- 전체적인 페이지 퍼블리싱
- Styled-components에서 Tailwind로 마이그레이션
- framer-motion 전체적으로 적용