Skip to content
View parksubeom's full-sized avatar

Block or report parksubeom

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
parksubeom/README.md

🚀 프론트엔드 엔지니어 박수범

"비즈니스 문제를 기술의 언어로 풀고, 포용적인 인터페이스로 누구나 소외 없는 웹을 만듭니다."

저는 단순히 기능을 구현하는 것을 넘어, 문제 정의부터 가설 검증, 운영까지 이어지는 흐름 속에서 실질적인 비즈니스 임팩트를 창출하는 데 집중합니다. 웹 접근성 전문가로서의 전문성과 레거시를 혁신하는 엔지니어링 역량을 바탕으로 팀의 생산성을 높입니다.

Blog Portfolio

✨ Values & Collaboration

  • Complexity to Simplicity: 복잡한 레거시와 프로세스를 단순화합니다. 3일 소요되던 배포 과정을 실시간 자동화 시스템으로 개선한 경험이 있습니다.
  • Team Performance & DX: 동료의 시간을 아끼는 것이 팀의 경쟁력이라 믿습니다. 개발자 친화적 가이드라인과 기술 교육을 통해 협업 병목을 해결합니다.
  • User-First & Data-Driven: 웹 접근성 컨설팅 경험을 기반으로 표준을 준수하며, 데이터와 피드백으로 가설을 검증하여 제품의 방향을 함께 고민합니다.

💼 Work Experience

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

  • 협업 프로세스 혁신: 소통 언어 표준화 및 가이드라인 배포로 평균 재진단 횟수 단축 (2.5회 → 0~1회)
  • 접근성 품질 인증(WA) 리딩: 저축은행중앙회, 신협 등 대규모 프로젝트 심사 대응 및 1차 통과율 95% 달성
  • 사내 지식 베이스 구축: WCAG 2.2/3.0 최신 명세 분석 및 비개발 직군 대상 기술 교육 주도 (질의 메일 40% 감소)

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

  • 배포 프로세스 자동화: SVN API 기반 관제 대시보드 구축으로 배포 준비 시간 3일 단축 및 휴먼 에러 100% 차단
  • 레거시 마이그레이션: jQuery 레거시를 React로 현대화하며 중복 코드 제거 (코드 라인 27% 절감)
  • 전략적 리뉴얼: 360px~2580px 대응 반응형 웹 구축 및 10개 이상의 공통 컴포넌트 설계로 유지보수성 확보

🛠 Featured Projects

A11yGym: 웹 접근성 학습 플랫폼

  • Monaco Editor와 axe-core 기반 실시간 접근성 검증 시스템 구축
  • 3단계 비동기 방어 메커니즘으로 검사 안정성 99% 확보 및 5ms 이내 즉각적인 피드백 루프 구현

AI-Native Portfolio

  • AI 환각 제어 파이프라인(Context Injection)을 통한 고품질 FSD 아키텍처 구현
  • ISR 전략 도입으로 SSR 대비 응답 속도 90% 개선 (500ms → 50ms 미만)

Hanghae-Plus Archiving

  • 4-Layer Fallback 알고리즘 설계를 통한 데이터 유실률 0% 및 정합성 95% 달성
  • 블랙박스 매칭 과정 가시화를 위한 자동 디버깅 리포트 생성 시스템 구축

📚 Tech Stack

Frameworks & Languages

TypeScript JavaScript React Next.js

State & Data

Zustand TanStack Query Supabase

Quality & Tools

Web Accessibility Playwright Figma

Pinned Loading

  1. Ani_School Ani_School Public

    [애니스쿨] 귀여운 동물 프로필 생성 웹사이트

    JavaScript 3 1

  2. codestates-seb/seb43_main_017 codestates-seb/seb43_main_017 Public

    🎧No Copyright 뮤직 스트리밍 사이트 - UNCOVER : 이런 음악은 처음이지?

    TypeScript 54 10

  3. hanghae_frontend_7th_archive hanghae_frontend_7th_archive Public

    항해플러스 프론트엔드 7기 과제 데이터 아카이빙 & 정합성 보정 프로젝트

    TypeScript

  4. subeom.dev subeom.dev Public

    FSD 아키텍처와 Next.js 14로 구축한 포트폴리오 및 기술 블로그. AI Co-Pilot(재미나이,커서)과의 유기적인 협업(AI-Native Workflow)을 통해 개발되었습니다.

    TypeScript

  5. -A11yGym -A11yGym Public

    접근성 근육을 키우는 gym을 뜻하는 웹 접근성 연습 플래폼

    HTML

  6. naver_cafe_crawl naver_cafe_crawl Public

    Forked from rsh1994/naver_cafe_crawl

    네이버 카페 게시물 크롤링 프로그램

    Python