https://github.com/parksubeom/parksubeom

https://github.com/parksubeom/parksubeom

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/parksubeom/parksubeom
• Owner: parksubeom
• Created: 2023-02-27T19:41:30.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2026-01-16T05:28:25.000Z (5 months ago)
• Last Synced: 2026-01-16T21:05:41.689Z (5 months ago)
• Size: 94.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  
프론트엔드 개발자 박수범

  


    Frontend Engineer | Web Accessibility Specialist


    "기술의 본질을 탐구하여 비즈니스의 가치를 높이고, 포용적인 인터페이스로 누구나 소외 없는 웹을 만듭니다."

  


  

  






## 💼 Work Experience

### **(주)에스앤씨랩** | Consultant & Developer (2024.07 - Present)

- **협업 프로세스 혁신**: 개발자 친화적 접근성 가이드라인 배포로 커뮤니케이션 비용 및 재작업률 50% 개선

- **접근성 품질 인증(WA) 리딩**: 저축은행중앙회, 신협 온뱅크 등 대규모 금융 프로젝트 심사 대응 및 인증 획득

- **표준 연구**: WCAG 2.2 및 3.0(Silver) 명세 분석을 통한 사내 기술 지식 베이스 구축

### **널리소프트(SSEM)** | Frontend Developer (2024.03 - 2024.07)

- **배포 프로세스 자동화**: SVN API 연동으로 파일 변경 추적 및 배포 워크플로우 전산화 (배포 준비 시간 3일 단축)

- **레거시 마이그레이션**: jQuery 기반 레거시를 React 및 순수 함수로 리팩토링하여 코드 라인 수 27% 절감

- **반응형 웹 리뉴얼**: 360px~2580px 광범위 해상도 대응 및 디자인 일관성 확보




## 🛠 Tech Stack

### Frameworks & Languages

![TypeScript](https://img.shields.io/badge/typescript-%233178C6.svg?style=flat-square&logo=typescript&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23F7DF1E.svg?style=flat-square&logo=javascript&logoColor=black) ![React](https://img.shields.io/badge/react-%2361DAFB.svg?style=flat-square&logo=react&logoColor=black) ![Next.js](https://img.shields.io/badge/Next.js-black?style=flat-square&logo=next.js&logoColor=white)

### State & Data

![Zustand](https://img.shields.io/badge/Zustand-443E38?style=flat-square) ![TanStack Query](https://img.shields.io/badge/-Tanstack%20Query-FF4154?style=flat-square&logo=react-query&logoColor=white) ![Recoil](https://img.shields.io/badge/Recoil-3578E5?style=flat-square&logo=recoil&logoColor=white)

### Styling & Tools

![Tailwind CSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat-square&logo=tailwind-css&logoColor=white) ![Styled Components](https://img.shields.io/badge/styled--components-%23DB7093.svg?style=flat-square&logo=styled-components&logoColor=white) ![Emotion](https://img.shields.io/badge/Emotion-D363AD?style=flat-square&logo=emotion&logoColor=white) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=flat-square&logo=vite&logoColor=white) ![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=flat-square&logo=figma&logoColor=white)

### Testing & Quality

![Playwright](https://img.shields.io/badge/Playwright-2EAD33?style=flat-square&logo=playwright&logoColor=white) ![Vitest](https://img.shields.io/badge/Vitest-6E9F18?style=flat-square&logo=vitest&logoColor=white) ![Jest](https://img.shields.io/badge/-Jest-C21325?style=flat-square&logo=jest&logoColor=white)

---

**[ Specialty: Web Accessibility (WCAG 2.2 / KWCAG) ]**