Skip to content
View shionpark's full-sized avatar

Block or report shionpark

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 is supported. This note will only be visible to you.
Report abuse

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

Report abuse
shionpark/README.md

Shion Park

문제를 구조화하고 시스템화하는 프론트엔드 개발자입니다.
운영 효율성과 사용자 경험을 함께 고려한 UI/UX 설계에 강점을 갖고 있으며, 기획·디자인·개발을 아우르는 협업 환경에 익숙합니다.

React, TypeScript 기반 SPA 아키텍처와 모노레포, 디자인 시스템, 상태 관리 최적화 경험을 바탕으로
서비스의 일관성과 확장성을 고민하며 개발합니다.

Contact


Tech Stack

Frontend

HTML/CSS JavaScript TypeScript

React Next.js React Router

Recoil Zustand Styled Components Tailwind CSS

Backend & Data

Prisma PlanetScale MongoDB

Infra & Tools

React Query Storybook ApexCharts

Vite pnpm

Docker GitHub Actions Husky Vercel Cloudtype

AWS VSCode

Testing

Jest Vitest React Testing Library Playwright

Dev Strategy

  • Monorepo (Yarn / pnpm Workspaces)
  • Role-Based Access Control (RBAC)
  • Access / Refresh Token 인증 시스템
  • Git Hooks 기반 워크플로우 (Husky)
  • E2E & Unit 테스트 (Playwright, Vitest, Jest, React Testing Library)
  • 기능 명세 및 QA 테스트 시나리오 문서화 (Excel)

Collaboration & UI

Git GitHub Notion Discord Figma


프로젝트 경험

Gymlight Manager — 피트니스 운영 플랫폼 (외주 프로젝트)

회원, 상담, 상품, 락커, 출결 등 헬스장 운영 기능을 전산화한 SPA 프로젝트입니다. 기획·개발 전반을 리딩하며 협업 프로세스와 코드 구조 모두 개선했습니다.

  • React + TypeScript 기반 SPA, 모노레포 구조 및 디자인 시스템 적용
  • Recoil, React Query 기반 상태 및 API 구성 / RBAC 기반 권한 UI 설계
  • 지도 시각화(Kakao Maps)와 통계 차트(ApexCharts) 도입
  • 락커 자동 배정 UI 개선 → 운영자 혼선 해소 및 평균 시간 16.7% 단축
  • Figma 시안 및 기능 명세서 작성 → 클라이언트 커뮤니케이션 원활화
  • PR/이슈 템플릿, 커밋 컨벤션, GitHub Actions + Cloudtype 기반 CI/CD 자동화
  • QA 테스트 문서화 및 일정 관리 경험 보유

제가 잘하는 것

  • 사용자의 흐름을 기준으로 기능과 UI를 설계합니다.
  • 협업에서 생기는 반복 커뮤니케이션을 줄이기 위해 시스템을 만듭니다.
  • 추상적인 요구사항을 개발자의 언어로 구체화할 수 있습니다.
  • 코드와 기획 문서 모두에서 일관성을 유지하려고 노력합니다.
  • 기술 선택의 맥락과 배경을 설명할 수 있습니다.

함께 협업할 기회를 기다리고 있습니다.
기획과 디자인을 이해하고, 시스템을 함께 고민할 수 있는 개발자를 찾고 계시다면 언제든지 연락 주세요!

Pinned Loading

  1. Algorithm Algorithm Public

    This is a auto push repository for Baekjoon Online Judge created with [BaekjoonHub](https://github.com/BaekjoonHub/BaekjoonHub).

    JavaScript

  2. Marvelous-React Marvelous-React Public

    TypeScript

  3. react-movie-web react-movie-web Public

    JavaScript

  4. wetube-reloaded wetube-reloaded Public

    Wetube Clone built using NodeJS, Express, Mongo and ES6 💖

    JavaScript