미리보기

• React.js(Next.js) Web 외주업무 (2022.09 ~)

• React Native App 외주 업무 (2022.09 ~)

• 회사 문화 개선을 위한 회고 TF 참여, 회고게임 기획 (영상 링크) (2023.03 ~ 2023.06)

• FE 팀 내부 코드리뷰 문화 도입을 위한 그룹 참여 및 리드 (글 링크) (2022.10 ~ )

• 1차 온보딩 시스템 및 DOCS 문서 개선 참여 (DOSC 링크) (2023.06 ~ 2023.08)

• 똑똑한개발자 디자인시스템 개선 참여 (2024.06 ~ )

• 사업기획팀 소속 웹 개발자

• AI 및 범죄관련 국가 과제 조사, 기획, 개발 전 과정 참여

• Canvas / File System을 활용한 이미지 비식별화 및 라벨링 통합 툴 prototype 개발 (React.js)

About.

• 배달시 사용되는 다회용기 현황 관리 ERP 시스템

Key Point / Trouble Shooting.

• 재사용성이 높은 ChekcBox, FileUpload 등 공통 hooks 개발, 추후 확장성을 높여 사내 라이브러리 적용

• 각 상품의 복잡한 상태(12레벨) 에 따른 로직 정의 및 적용

About.

• 각 사업 관리를 위한 ERP 시스템 리뉴얼 (Vue.js → React Next14)

• 클라이언트 개발자 및 내부 개발자간 PM 역할 병행

Key Point / Trouble Shooting.

• global Loading, Modal, Toast 등 DX 향상을 위한 공통 피드백 로직 개발

• 확장 가능한 N * M 개의 Input을 hook form FieldArray를 리랜더링 사용하여 최적화

About.

• PSS 변경 (IBS)에 따른 웹 페이지 리뉴얼 (기획 및 클라이언트)

• IBS 관련 타입 및 로직 작업

• 유저 - 어드민 모노레포 환경에서의 공통 컴포넌트 작업

Key Point / Trouble Shooting.

• 서버 개발 문제로 직접 IBS 공식문서 확인 및 관련 로직 구현

• 모노레포 - 각 app 간 확장 가능한 style theme, 컴포넌트 작업

• 항공 관련 raw데이터 기반으로 UI 및 로직 설계

About.

• 현장 작업자의 위치 확인 및 위험 상태 안내를 안전관리용 웹/앱

• 어드민 웹 및 유저 앱 동시 개발

• 실시간(10분) 위치 감지 및 백그라운드 앱 상태 추적 사용

Key Point / Trouble Shooting.

• android geolocation 기능을 적용하여 유저의 위치 파악

• 백그라운드 / 앱 종료 등 앱 상태에 따른 기능 정의 및 구현

About.

• 랜덤박스 + 조합 기능의 랜덤박스 앱

• PortOne 결제, 소셜 로그인 등 MVP 수준의 커머스 기능 구현

Key Point / Trouble Shooting.

• Atomic 디자인 패턴을 적용하여 컴포넌트 재사용성 증가

• 기획단에서 부족했던 부분 (결제모듈, 에러처리, 유효성 등)의 해결책을 선제안하여 프로젝트의 완성도 상승.

• 클라이언트의 높은 만족도로 3차 개발까지 의뢰 수주

About.

• 실시간 미술품 경매 앱 플리옥션의 앱 리뉴얼 프로젝트

• React Native를 활용한 Android / iOS 크로스 플랫폼 앱 개발, 기존 앱 대비 사용성 개선

• PortOne 결제, SSE 이용한 실시간 통신, FCM 메세지 등 커머스 앱의 필요한 기술 다수 사용

Key Point / Trouble Shooting.

• client 단에서 실시간 경매 시간 표시 로직을 정확하게 구현하기 위해 setInterval 대신 재귀식으로 타이머를 구현

• 실시간 경매 참여시 React Native Reanimate 라이브러리를 활용하여 island 애니메이션을 구현.

About.

• 수호아이오 사의 ai 타로 관련 아이템인 헬로우봇 의 라마마 캐릭터를 활용한 NFT 소개를 위한 랜딩 페이지.

• LPC, SPC, Tablet, Mobile 4개의 반응형으로 제작

• Server 없이 JSON 파일을 사용하여 NFT 데이터 (5,500 개) 필터링

Key Point / Trouble Shooting.

• 여러 scroll animation을 GSAP 라이브러리를 활용하여 구현

• 4개의 반응형에 따른 각 다른 asset을 활용하여 반응형 animation 구현