About Me
Introduction
안녕하세요! 3년차 프론트엔드 개발자 강성윤입니다.
React기반 Next.js와 같은 프레임워크를 사용해 빠르고 직관적인 사용자 인터페이스를 구현한 경험이 많습니다.
- 복잡한 데이터를 시각적으로 명확하게 전달하는 데 중점을 두어 사용자의 편의성을 높이는 인터페이스 설계에 강점을 가지고 있습니다.
- 크로스 플랫폼 대응 — 다양한 디바이스 환경(모바일, 태블릿, 데스크톱)에 최적화된 반응형 웹 애플리케이션을 개발해 본 경험이 있어, 서비스가 다른 기기에서 동일하게 높은 수준의 사용자 경험을 제공할 수 있도록 기여할 수 있습니다.
- 성능 최적화에 대한 깊은 이해를 바탕으로, 페이지 로딩 속도와 데이터 처리 성능을 향상시키기 위한 최적화 작업을 진행한 경험이 있습니다.
- 사용자 피드백을 반영하여 지속적으로 UI/UX를 개선하는 과정에서
상대방의 입장과 생각을 고려하면서, 효과적인 커뮤니케이션을 하려 노력합니다.
Contact
Skills
Frontend
- HTML, CSS, JavaScript, TypeScript
- React, Next.js, jQuery
- RTK / Tanstack Query, Zustand
- Tailwind CSS, Emotion, styled-components, shadcn/ui
- Flutter
- Riverpod, provider
Backend
Others
Work Experiences
OIOI Lab
프론트엔드 개발
2024.4 - 재직중
사용자 통계 데이터 시각화 및 운영 관리 어드민 페이지 개발 및 유지보수, 이슈 대응
- AWS S3 연동 및 Amplify CI/CD 파이프라인 배포
- PNPM 도입 배포 및 의존성 설치시간 65%이상 개선
- 기존 무분별하게 사용된 useMemo 컴포넌트 리팩토링 — 초기 렌더링 속도 483ms > 275ms로 약 57% 개선(Lighthouse 측정)
- 보일러 플레이트 커스텀 훅으로 리팩토링 유틸리티성 함수로 개선
스위티 바이트
프론트엔드 개발
2023.11 - 2024.1
- 서비스 페이지 리뉴얼 및 퍼블리싱 — 기존 레거시 코드 개편 및 Next.js v14, styled-compoments > Tailwind / shadcn/ui로 기존 스택 업데이트(총 개발인원 2명 중 프론트엔드 담당으로 계약)
- i18n 다국어 대응 및 OG태그, 키워드 수정한 SEO 설정 — 사용자 유입 38% 증가
- 퍼널 패턴 적용, 회원가입 페이지 구조 및 흐름 단순화하여 DX개선
- useLayoutEffect 활용 초기 렌더링 깜빡임 현상 해결하여 UX개선
G마켓
프론트엔드 개발
2021.6 - 2022.9
- 스마일페이 서비스 기존 닷넷 기반 레거시 Next.js로 전환
- 회원가입, 결제, 인증, 약관 페이지 개편
- 웹 접근성 팀 검수에 의한 개선 사항 적용
- 매달 업데이트되는 스마일카드 게이트/스탬프 페이지 유지보수
Project
GuideYongsan
2024.1 - 2024.4
외국인에게 용산에 위치한 편의시설을 카테고리별로 검색하여 찾아갈 수 있게 도움을 주는 서비스로 기획, 디자인, 개발, 운영 모두 혼자 진행했습니다.
주요 기술
- Flutter
- 크로스 플랫폼으로써 성능, UI 개발 편의성에서의 강점과 새로운 기술을 배우고 싶어 사용하였습니다.
- Provider
- 간단한 사용법과 낮은 러닝커브로 미니프로젝트에서 BLoC보다 더욱 간단하게 전역 상태를 관리할 수 있고 유지보수가 쉽다고 생각하여 사용하였습니다.
- 배운 점
- 새로운 기능들을 추가하고 유닛 테스트를 작성해나가면서 재사용성, 유지보수에 대해 다시금 생각해보게 되었고 클린 아키텍처를 공부하고 적용해보는 계기가 되었습니다.
Education
Humber College
2015 ~ 2017
Diploma of Multimedia Design and Development