미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 유인성
- 이메일
- insung940@naver.com
- 간단소개
- 사용자와 개발자 모두에게 만족스러운 경험을 제공하는 것을 목표로 하고 있습니다. 저는 빠른 온보딩을 위해 작업 내역을 문서화하는 데 적극적입니다. 일일 작업내역을 기록하고 현재 업무, 추후 업무를 작성하여 작업 효율을 높이고 있습니다. 모르는 것은 찾아 보고 이해되지 않는 것은 알아보는 자세로 나아가고 있습니다. 2025.3.15.
기술 스택
- 기술 스택
- JavaScript
- React
- Next.js
- TypeScript
- supabase
프로젝트
- 프로젝트명
- QR-ORDER 고객용
- 소속/기관명
- 사이드 프로젝트 (1인 개발)
- 프로젝트 기간
- 2024.11. - 진행 중
- (5개월)
- 프로젝트 설명
서비스 기획 및 UI, 피그마 사용하여 설계
주문/테이블 요청, 장바구니, 주문 내역/계산서 조회 기능 구현
Firebase DB 구축 및 Supabase DB로 마이그레이션
Motion 라이브러리 도입하여 직원호출, 주문처리 애니메이션 구현
비정상적인 테이블 접근 제한을 위해 쿠키 검증 미들웨어 개발
사용자 인터페이스 온라인 설문조사
: 응답자 14명 중 절반 이상이 직관적으로 평가초기 로드 시간 개선
: 번들과 네트워크 요청 분석한 개선안 적용하여 22% 개선React Native 웹뷰 개발 환경 구축
: 로컬 서버 2개 구축하여 Next와 웹뷰 실시간 개발 환경 조성Android 전용 앱 개발 빌드
: Expo EAS 사용하여 스마트폰으로 ‘QR 오더’ 앱 설치 및 테스트
QR 코드 매장 음식 주문 서비스
배포 주소: Web Application by Vercel
저장소: Git Repository
경험
스택
: React, Next.js, Motion, Tanstack React Query, Zustand, Supabase, TypeScript, React Native
- 프로젝트명
- QR-ORDER 관리자용
- 소속/기관명
- 사이드 프로젝트 (1인)
- 프로젝트 기간
- 2024.11. - 진행 중
- (5개월)
- 프로젝트 설명
서비스 기획 및 UI, 피그마로 설계
메뉴/주문/좌석 관리, 실시간 알림 기능 구현
서버 비용 절감 위해 Realtime 일정 무료 Supabase DB 구축
사이드 이펙트 최소화 목적으로 Supabase SQL 트리거 적용
useQueries 사용하여 데이터 상태에 따른 첫 접속 로딩 UI 개발
DOMContentLoaded 시간 개선
: 번들과 네트워크 분석한 개선안 적용하여 29% 개선2D Canvas Konva 라이브러리, Redux 충돌 이슈
: canvas 특성으로 전역 상태 갱신 불가, Redux Provider 사용하여 상태 직접 전달2D Canvas Konva 라이브러리, Next.js 충돌 이슈
: SSR 문제로 Konva 라이브러리 실행 어려움, React로 마이그레이션하여 CSR 환경에서 실행
QR 주문을 받아 처리하는 매장 관리 서비스
배포 주소: Web Application by Vercel
저장소: Git Repository
경험
스택
: React, Konva, Tanstack React Query, Zustand, Supabase, TypeScript
- 프로젝트명
- 블로그 운영
- 소속/기관명
- 프로젝트 기간
- 2020.05. - 진행 중
- (4년 11개월)
- 프로젝트 설명
한 달 기록일지, 독후감 작성 및 개발 이슈 공유
포트폴리오
교육
- 소속/기관
- 경민대학교
- 종류 | 전공명/전공계열
- 대학교(전문학사) | 영상콘텐츠
- 재학 기간 (재학 상태)
- 2020.03. - 2024.01. (졸업)
대외활동
- 활동명
- MDN 한국 공식문서 기여
- 소속/기관
- 활동 연도
- 2025
- 활동 상세 설명
번역 문서 6건
수정 문서 5건
자격증
- 자격증명
- 정보처리산업기사
- 점수/급 | 발급 기관
- 한국산업인력공단
- 취득월
- 2024.09
자기소개
- 자기소개
프론트엔드 개발자로서,
개발과 사용자 경험 개선을 동시에 중요시하며 작업하고 있습니다. 사용자 경험 향상을 위해 직접 사용해 보고 무엇이 불편한지 고민하며, 그에 대한 해결책을 도출해 냅니다. 이 과정에서 새로운 기술이 필요하다고 판단되면, 적극적으로 새로운 기술을 습득하고 이를 적용하는 데 긍정적인 자세를 가지고 있습니다. 또한, 팀 내에서 피드백을 받으면 거부감을 느끼기보다 발전할 수 있는 기회로 여겨 긍정적으로 받아들이고 있습니다.
최근에는 리액트 네이티브 웹뷰 개발을 위한 빌드 환경을 구축하였고 이를 통해 실시간 코드 반영과 제한된 라이브러리 사용을 가능하게 하여 개발자의 불편 사항을 개선했습니다. 이러한 경험은 다양한 라이브러리를 접하고 기술적 역량을 키울 수 있었습니다. 이슈가 발생하면 피하지 않고, 이를 발전을 위한 기회로 삼아 적극적으로 해결하려 노력하고 있습니다.
제 목표는 교육 문서 기획과 정기 업무 가이드라인을 작성하여 후임 양성과 새로운 직원 온보딩에 도움을 주고, 팀원들의 작업 효율을 높여 집중력을 극대화하는 것입니다. 또한, 이슈를 해결하면서 고객의 니즈를 충족시키고, 타 부서 동료들과도 이슈를 공유하여 모두가 한 방향으로 나아갈 수 있도록 완성도 높은 서비스에 기여하는 사람이 되고자 합니다.