미리보기
기본 정보
반복되는 개발 환경에서 효율적으로 풀어나가는 방법을 찾는 것을 좋아합니다.
기술 스택
HTML/CSS, JavaScript, React, Firebase, supabase, Git, GitHub, Next.js, react-query, Figma, Notion, TypeScript
프로젝트
마켓 프로젝트
기타
2024.06. ~ 진행 중
React | Supabase | Tailwind | Zustand
- Supabase를 이용한 쇼핑몰 데이터 아키텍처 구축, ERD 작성
- Suspense와 Error Boundary를 이용한 선언적 비동기 처리
- useReducer를 이용한 로그인 멀티스탭 폼 구현
커디어리
기타
2023.05. ~ 2023.05.
맛집 기록 앱의 카페 버전을 취지로 한, 커피와 디저트 정보를 기록 할 수 있는 개인 노트 웹 앱입니다. 기획, 디자인을 포함하여 UI/UX, 재사용 가능한 코드, 최적화 등 다방면으로 고민을 할 수 있었던 프로젝트입니다.
React | Firebase | Styled-component | Recoil
- 담당 | 공통 컴포넌트, 모달 (BottomSheet / Dialog) 제작, 메인 페이지, 게시글 리스트 페이지, 태그 및 검색 페이지, 지도 페이지, 스플래시 스크린
-게시글 리스트 페이지 조건부 정렬 기능 구현
- 검색, 해시태그 검색 기능 구현 및 Debounce 적용
- 반복되는 API 호출 Firebase 코드를 usePost 커스텀 훅 구현하여 추상화
- withPathnameWatcher HOC 구현하여 경로 정보 가져오기 기능 추상화
- kakao map react sdk API를 이용한 지도 클러스터링 및 커스텀 오버레이 구현 -웹,모바일뷰대응
- Image sprite 기법을 이용해 프로젝트 이미지 최적화
- 개발 환경, 코드 컨벤션, 프로젝트 구조, Trouble Shooting, 공통 컴포넌트 사용에 대한 부분 문서화
- 기획, 디자인 단에서 피그잼, 피그마 등의 협업 툴 사용, 스토리보드와 플로우차트 제작하여 작업 내용 표준화
-공식 배포 후에도 추가적인 QA,기능추가,리팩토링 등 개선 작업 적극 진행
- Webpack에서 Vite로 번들러 마이그레이션하여 빌드 시간 단축 (1분대 -> 10초)
- Loading Indicator, animation 적용하여 UX 개선 -유저피드백을통해각종페이지UI/UX디자인개선
hookie
기타
2021.11. ~ 2022.01.
후기를 공유하는 SNS 플랫폼입니다. 첫 팀 프로젝트 경험으로, 프로젝트 구조 및 팀 컨벤션 설정 조율부터 프로젝트의 배포까지 한 사이클을 돌아보는 경험이 되었습니다 또한 PR을 이용한 코드리뷰 문화에 익숙해지는 계기가 되었습니다.
React | Recoil | Styled-component | Yarn Berry
-담당 | 상품 목록 페이지, 404페이지, 채팅페이지, Figma를통한 디자인 및 UX총괄
- axios를 이용해 후기 상품 목록 페이지 JWT기반 인증 CRUD 기능 구현
- 이미지 파일 업로드, 미리보기 기능 구현
- Yarn Berry를 도입하여 npm 대비 빌드 시간 단축 (1분 -> 6초)
- GitHub Issues, GitHub Project을 통한 프로젝트 관리, GitFlow 전략을 이용한 효율적 브랜치관리체계정립
-디스코드연동을통해PR알림자동화
교육
멋쟁이 사자처럼 프론트엔드 스쿨
사설 교육
자격증
JLPT
N1 | 일본국제교류기금
2020.01.
데이터분석 준전문가(ADsP)
한국데이터산업진흥원
2021.12.
한국실용글쓰기검정
준2급 | (사)한국국어능력평가협회
2021.06.
사회조사분석사
2급 | 한국산업인력공단
2020.09.
한국사능력검정시험
1급 | 국사편찬위원회
2017.05.
외국어
일본어
일상 회화 가능
자기소개
[다양한 상황에서의 협업 경험이 많습니다.] 팀프로젝트,오픈소스경험,개발서적집필경험,개발스터디등다양한크기의팀플레이경험에서팀원및책 임자로서의 경험이 많습니다. 또한 'hookie'팀 프로젝트 동료 피드백에서 공통적으로 “밝고 긍정적인 성격이 장 점”이라는 평과 함께 총점 5점 만점 중 4.6점을 받기도 하였습니다.
[팀에게 필요한 것에 대해 항상 고민합니다.]
반복되는 개발 환경에서 효율적으로 풀어나가는 방법을 찾는 것을 좋아합니다. 팀 프로젝트 진행 중 Yarn Berry , Vite를 도입해 프로젝트 빌드 시간을 단축하였으며, Discord 연동을 통해 GitHub PR 알림을 자동화하는 등 코드 외적으로도 팀에게 기여할 수 있는 부분을 찾아 개선하는 것을 좋아합니다.
[문서화에 적극적입니다.]
프로젝트가 진행되는 동안 정보와 결정 사항을 정리하고 문서화함으로써 팀 전체의 이해도를 높이고, 향후에도 쉽게 참고할 수 있는 밑거름을 마련하는 것을 중요하게 생각합니다. 회의 내용을 주도적으로 기록하고 복기하는 습관이 있어 프로젝트의 대부분의 회의록 기록과 Git Wiki 작성을 담당하였습니다. 또한 공통 컴포넌트 개발을 맡았을 때 사용 방식을 작성하여 공유 하고, 코드 개선 과정을 팀 페이지에 기록하는 등 적극적인 문서화 활동을 하였습니다.