미리보기

전 세계 40여개국, 280여 바이어가 사용하는 디지털 영상 보안 시스템을 만들고 있으며, 국제 규격의 영상분석 원천기술을 자체 보유하고 있는 지능형 영상 분석 솔루션 기업

분석 영상 등록 및 관리 페이지 내부 컴포넌트의 구조를 개선하고 팀의 원활한 개발을 위한 시스템 구축

Forensics Client (2023.08 - 진행 중)

• AI 기술이 적용된 디지털 영상 분석 솔루션의 기획/디자인/개발에 참여하여 분석 영상 등록 및 관리 페이지, 라이센스 관리 페이지 등의 서비스 레이어를 구현

• Access/Refresh token으로 관리되는 인증 과정을 처리하는 Axios Interceptor 컴포넌트를 구현하여 API 통신 중 토큰 확인, 갱신 및 로그아웃 과정을 자동화하고 플로차트를 통해 문서화

• 한 번에 한 영상씩만 등록할 수 있었던 기존의 영상 등록 프로세스를 동시에 여러 영상을 한 번에 등록할 수 있도록 개선하고 영상 업로드 과정을 명확하게 시각화하는 등 UX 개선

• 실시간으로 업데이트되는 라이센스 정보를 전역적으로 사용할 수 있도록 라이센스 웹소켓 객체를 관리하는 Store 구조를 설계하고 비정상적으로 연결이 종료되는 예외 상황에 대한 대응 로직 구축, 이를 관리하고 시각화하는 라이센스 페이지 구현 전반을 담당

• 프론트엔드 개발자-기획자-백엔드 개발자 사이에서 번거롭게 오가는 다국어 지원을 위한 번역 요청 및 반영 프로세스를 자동화하기 위해 Google Spreadsheet를 사용한 번역 자동화 프로세스 도입 추진, 번역 소스 Google Spreadsheet 자동 업로드/다운로드 스크립트 작성

• 서버 개발자와 협의하여 동적인 데이터를 포함한 응답/에러 메시지 구조 개선

• Figma를 사용하여 메이저 업그레이드를 위한 새로운 UI 구성

  • 기획 및 디자인 전 단계에 참여하여 심리스한 분석 영상 지정 및 영상 내 타깃 검색  플로를 구현한 와이어 프레임을 구성

Forensics Design System (2023.11 - 진행 중)

• Ant Design 컴포넌트를 활용하여 다양한 스크린 크기에 대응하는 Button, Input, Table, Modal 등의 반응형 공통 컴포넌트를 설계 및 구현

• Storybook을 통해 문서화하여 컴포넌트 주도 개발(CDD)를 도입, 디자인 및 개발 생산성 향상

Forensics Storage App (2023.12 - 2024. 02)

• 보안상 팀 구성원들이 자유롭게 접근하기 어려운 사내 AWS S3 스토리지에 패키지 파일을 업로드하고 다운로드하기 위한 팀 콘솔 페이지 구현

• AWS S3 SDK가 제공하지 않는 Bucket 목록 fetching을 Lamda로 구현

• AWS Console에 없는 폴더 내부 파일 검색 기능 추가

150개국에서 사용되고 있는 모바일 키보드 서비스 ‘플레이키보드’를 개발하는 기업

앱 다운로드 없이 키보드 테마를 확인할 수 있는 웹스토어 서비스 개발

• Frontend Inter

  n

  • 개발팀의 유일한 프론트엔드 개발자로서 초기 환경 세팅부터 문서화까지 프론트엔드 개발의 모든 부분을 담당

    n   앱 다운로드 없이 키보드 테마를 확인할 수 있는 웹스토어 서비스 개발

  • 기본적인 코드 컨벤션, 폴더 구조 등을 확립하고 문서화

  • 기획 및 디자인 단계부터 주도적으로 참여하여 프로젝트의 방향 수정

Window98 콘셉트의 게시판 웹서비스

회원가입 및 로그인 기능이 제공되며 게시글 및 댓글 작성이 가능한 Window98 콘셉트의 레트로한 게시판 웹서비스

• 웹 풀스택 개발

• React, TypeScript, Node.js, express

• IntersectionObserver API를 사용한 게시글 목록 Infinite Scroll

• useReducer를 활용한 custom hook을 통한 즉각적인 유효성 검사 실시

• 링크

  • 배포 주소: https://benevolent-starship-dd4ffb.netlify.app

  • 저장소: https://github.com/nvrtmd/react-membership-board-ts

  • 회고: http://bit.ly/3PO2kdU

대학생 연합 개발 동아리 '멋쟁이사자처럼'에서 활동

• 팀스터디 및 온라인 세션을 통한 Django 기초 학습

• Django 기반 미니 해커톤 참여

• 디자이너 및 백엔드 개발자와의 협업 경험

Kakao와 goorm이 함께 주최한 해커톤 참가

5인으로 구성된 팀 내 프론트엔드 개발 담당 및 기획, 최종 발표에 참여

• 기여도: 개발 및 발표 포함 30%

• 안전한 제주 올레길 여행을 위한 동행 매칭 서비스 기획

• 팀원 간 협업을 위한 PR, Issue, commit message 규칙 수립

• 올레길 동행 제안서 작성 페이지 제외 모든 페이지의 구현에 참여

• 최종 발표 담당