- 저는 손에 닿는 서비스를 그리고 손에 닿는 그 어떤 부분도 모나지 않은 서비스를 만드는 것이 목표입니다.
- 사용자의 시선에서 고민하는 것을 선호합니다.
- UIUX에 관심이 많고, 디자이너 경험을 바탕으로 협업을 위한 커뮤니케이션에 자신있습니다.
- 문제에 대해 고민하고, 그 해결책을 프로덕트로 만드는 것을 좋아합니다.
Work Experience.
*** Mobility
FE Developer2023. 08 - 재직 중
Rentalk - Web
- 앱 미사용 유저를 위한 탁송 프로세스 페이지 관리
- indexedDB를 활용한 오류 상황에 대한 이미지 보존 기능 구현
- 탁송건 재배정에 대한 중복 수행 방지를 위한 기사 고유 키와 만료기한 설정 개발
- 수 차례의 S3 이미지 업로드 오류 발생률 개선을 위한 프로덕트 레벨 테스트 진행
- 예약 지원 및 스케쥴링 구현
- 여러가지의 스타일 코드로 작성된 UI를 tailwindCSS로 통합 마이그레이션
- naverMap API를 활용한 실시간 기사 위치 안내 알림톡 페이지 제작
- naverMap API 다중 도메인 처리를 위한 proxy 작업 처리
- 주소 쳬계 전환을 위한 주소 검색 엔진 변경 작업 진행
SUPERDRIVER - Admin
- 탁송 요청 및 기사 관제를 위한 어드민 페이지 관리
- 사진 업로드 누락에 대응하기 위한 s3 스토리지 접근 및 사진 등록 기능 구현
검차대행 신규 서비스
- 프로젝트 FE 리딩
- 실효성 검증을 위한 빠른 개발 요구 Next.js, tailwindCSS 세팅
- Docker-Github action 기반 CI/CD 세팅
F&P partners
기술이전 행사 기획 및 디자인2021. 06 - 2022. 07
기술사업화팀
- 온/오프라인 기술거래 행사 기획 및 행사 디자인 업무 수행
- GatherTown 도입을 통한 코로나 대응 온라인 행사 기획 및 디자인
- 정출연 기술 설명회 외주 기획 및 디자인 진행
- 기술 마케팅 소스 및 월간 뉴스레터 제작
Team Project.
💡 상공회의소 주관, 웅진씽크빅에서 요구하는 UI 에디터 툴을 제작하고 있어요.
TypeScriptReact.jstailwindCSSRedux RTKvite
- 편집 처리 안정성을 위한
TypeScript기반 프로젝트, - 한정된 기한, 적은 인원으로 빠른 스타일링을 위해
tailwindCSS를 사용하고 스타일 정형화를 이룸 Atomic Design Pettern을 통해 개발 컴포넌트 의존성을 줄이고 재사용성을 키웠으며, directory 구조를 개발 문서로서 활용- 작은 단위에서는
Context, 전체는Redux-RTK를 사용하여 입출력되는 데이터를 관리하고 동기화 - 진행 중...
💡 위칭(WeChing)은 우리(We) 모두의 칭찬 타임의 줄임말로, 익명의 공간에서 서로에게 칭찬을 나누며, 타인뿐만 아니라 자신의 자존감도 높일 수 있는 웹앱 서비스입니다.
TypeScriptReact.jsstyled-componentsRedux
TypeScript를 사용하여, 컴파일 단계에서의 실수를 방지Reactmobile first로 진행한만큼, 모바일 앱과 비슷한 경험을 목적으로 SPA 구축을 위해 사용Styled-component컴포넌트 단위로 스타일을 구성하고, 필요에 따라 재사용하기 위해 사용axios를 사용하여 북마크 데이터를 받아오고 사용자별 북마크 리스트를 관리할 수 있도록 구현SVG component를 작성하여 이미지 아이콘과 달리 SVG 아이콘 클릭 시,사용자와 상호작용 할 수 있도록 구현Grid를 통한 UI 재조합 기반으로 반응형 웹을 구성Web Share API를 사용하여 친구초대 기능 구현
💡 'ce1ev.'는 셀럽들이 착용한 의상들을 기준으로 소비자에게 착용 정보 제공 및 상품을 판매하는 쇼핑몰 서비스 프로젝트.
JavascriptHTML/CSSMongodbGitFigma
Javascript- vanilla JS 기반으로 제작- 프레임워크에 의존하지 않고 Javascript 숙달을 목적으로 함
CSS grid & flexgrid와 flex를 혼합하여 레이아웃 구현- 일정시간마다 무한하게 순환하는 캐러셀 구현
mouseover이벤트 발생 시, 캐러셀 루프를 일시정지하게 함
- 도로명 주소 API를 사용한 signIn 주소 작성을 지원
Figma를 사용하여, 와이어프레임 제작과 UI 디자인 진행- 첫 팀프로젝트 진행으로, 수많은 Git conflict를 직면하고, 해결하는 과정을 반복
Personal Project.
💡 너무 많아져버린 채용 사이트에 지쳐, 신입 개발자에게 맞는 채용 공고를 한 곳에 모아봤어요.
Next.jsTypeScriptMongodbCheerioPeppeteer
Next.js의 SEO 장점을 이용한 검색 유입 유도- 기업명, 채용 공고명, 포지션 등 다양한 키워드를 통해 유입을 기대
- 자체적으로 API를 제작하여, 사이트 내 CRUD 구성
MongoDB를 사용하여 SQL 대신 JSON을 활용한 DB 사용cheerio,puppeteer을 사용한 자동화 크롤링 시스템 구축- 장기적으로 구글 애드센스를 활용한 사이트 광고 수익을 발생시키는 것을 목표로 함
