안녕하세요,
저는 민대인입니다.
사소한 불편함을 편리하게 해결할 수 있는 솔루션을 찾는 일을 좋아하는 2년차 주니어 프론트엔드 개발자입니다. 반복적인 업무에서 자동화 솔루션을 찾기 위해 노력합니다. 항상 부족함을 느끼고 배움으로 한계를 극복하고자 노력합니다.
Work.
다우기술.
Frontend Developer2023.07 ~ 현재다우오피스 차세대 Front-End.
Next.js, TypeScript기반으로 모노레포로 구성하여 기존 다우오피스의 프론트엔드를 개선해 개발하는 프로젝트입니다My Task.- 공통 컴포넌트 개발: Calendar, DatePicker, Table, CheckBox 등.
- 공통 컴포넌트 개발: Turbo Code Generator를 활용해, 불필요하게 컴포넌트를 생성할 필요없이 mdx와 stories 파일과 공통 컴포넌트 구성 파일을 Generating한다.
- 인증 및 사용자 정보: 로그인 로직 구성, 간편 비밀번호 컴포넌트 및 Provider 구현, Tanstack Query와 GraphQL 활용 사용자 정보 fetch.
- 대시보드-가젯 포팅: 기존 Backbone.js 코드로 작성되어 있는 가젯 코드들을 리액트 코드로 포팅하는 작업. (캘린더, Works 차트형, ToDo+, 예약 바로가기 가젯 등)
- 통합설정: 통합으로 환경설정하는 부분으로, 관리에 나타나는 여러 Table을 Tanstack Table을 활용해 구현.
- 경영업무포탈-GNB : jotai의 atomWithStorage 사용해, cookieStorage에 최근 사용한 목록 정보 저장. 즐겨찾기는 Tanstack Query의 useMutation 사용해 구현. 검색 기능은 Fuse.js를 활용해 구현.
- 경영업무포탈-Tab : jotai의 atomWithStorage를 활용해 sessionStorage에 선택된 탭들을 저장하는 로직 구현. Tab 컴포넌트 구현.
다우기술.
Android Developer2022.11 ~ 2023.07Enfax - 안드로이드 앱 유지보수.
모바일 팩스 - Enfax, 안드로이드 앱 유지보수 및 리뷰 이벤트 팝업 노출 개발 건입니다.My Task.- 불필요한 의존성 주입 제거 및 Retrofit Base Url 로직 개선.
- 앱 리뷰 이벤트 팝업 공지 노출 (useCase 생성).
- WebView 캐시모드 설정 통한, 이벤트 팝업 다이얼로그에 개발 완료 이전 페이지 보여지는 현상 해결.
삐약삐약 안드로이드 앱 운영 및 2차 개발.
영양제 복용관리 및 추천 서비스, 삐약삐약 안드로이드 앱 1.0.0.0 ~ 1.0.2.4 버전 관리 및 운영, 2차 개발.My Task.- Mobile Web과 WebBridge 연결 (판매링크, 건강기록 화면 수정 다이얼로그 등).
- KMM(Kotlin Multiplatform Mobile)로 MVVM 아키텍쳐에 맞춰, Android, iOS 공통 비즈니스 로직 작성.
- TripleT와 Jenkins 활용, 출시노트 포함해 구글플레이 각 트랙별 자동 배포할 수 있도록 구현.
- 2차 개발 UI 및 기능 구현.
Project.
Info.주니어 프론트엔드 개발자들이 UI 라이브러리를 개발해 npm 배포와, storybook showcase에 배포한다는 mission을 가지고 시작한 프로젝트입니다.My Task.
- 프로젝트 전개 및 패키지 매니저 yarn berry 설정.
- Storybook 기본 설정 (theme 등).
- FSD 아키텍쳐 기반으로 프로젝트 구조 구성.
- 공통 컴포넌트 개발.
Info.자주 사용하는 정규표현식을 잊고있다가 사용할 때 잘 기억이 나지 않는 불편함때문에, npm 패키지로 배포해 편리하게 사용하고 싶어 시작한 개인프로젝트입니다.My Task.
- 프로젝트 전개 및 패키지 매니저 npm 설정.
- 정규 표현식 추가.
- 패키지 배포 및 버전 관리.
Info.티켓팀을 할때, 사용자가 직접 시계를 커스텀하며 좀 더 재미있게 티켓팅을 할 수 있도록 여러 애니메이션을 적용했습니다..My Task.
- 프로젝트 전개 및 FSD 아키텍쳐 기반으로 구조 설정.
- framer-motion 통한, SearchBar 컴포넌트 애니메이션 적용 및 구현.
- framer-motion 통한, Timer 컴포넌트 애니메이션 적용 및 구현.
- Timer 컴포넌트 사용 위한, useTimer 훅 구현.
- color picker 라이브러리 활용해, color picker 구현.
- Timer 컴포넌트 사용 위한, useTimer 훅 구현.
- Next.js API Routes 사용해, CORS Error 방지.
- Vercel Deploy.