“안녕하세요 👋

프론트엔드 개발자 유동우입니다.”

Think Together! Let’s make Tidy Code!

협업을 통해 함께 생각하고 성장하는 것을 좋아합니다. 깔끔한 코드를 만드는 것, 성장하기 위한 기본이라고 생각합니다.

Frontend Next React TypeScript JavaScript Git Slack

👋 Introduce

협업을 통해 최선의 결과물을 도출해 내는 것을 좋아하며 맡은 일에 후회 없도록 마무리하는 것에 뿌듯함을 느낍니다.

현재 개발 트렌드를 배우기 위해 개발 콘퍼런스에 끊임없이 참여하여 개발자로서 새로운 것을 배우는 욕심과 그에 맞게 성장하고자 하는 목표를 갖고 있습니다.

🧑‍💻 Work Experience

[ 유니버스 AI ]

얼굴 인식 기술을 기반으로 편리하고 안전한 결제 솔루션을 제공하는 기업

UNIVS Studio (Web)

2024.11 ~

Cloud API, SDK 통합 다운로드 가능한 서비스

• Next.js(Next UI) / TypeScript
• NextAuth 로그인 구현
• Zustand 상태 관리 구현
• axios intercept API 연동
• Crypto js 를 이용한 사용자 정보 암호화 - SHA256

UNIVS Guard (Web)

2024.07 ~ 2024.11

AI CCTV 얼굴, 몸 분석/매칭하는 서비스

• Next.js(Next UI) / TypeScript
• axios intercept API 연동
• SSE 로 실시간 매칭 알람 기능 구현(event-source-polyfill)
• 검색, 매칭 리스트 exel/pdf 다운로드 구현
• moment 라이브러리 필터 검색 시 시간 계산 구현
• next-i18next 언어 변경 기능(한국어, 영어, 몽골어)
• Crypto js 를 이용한 사용자 정보 암호화 - SHA256

[ 시더스이플랫폼 ]

Frontend Developer

OTT App (app/admin)

2023.07 ~ 2023.12

사내 영상, 라이브 방송 등의 ott 서비스 (with market)

• react-native webview를 이용한 하이브리드 앱(aos/ios)
• aws 인스턴스, 로드밸런서 route53 도메인 연결
• aws s3 버킷 파일 관리(어드민에서 파일 등록하면 base64에서 url 변환 후 저장)
• 엑셀 파일로 데이터 등록 구현(어드민)
• expo eas-cli 이용해 앱스토어 등록
• 카카오 map api 사용해 market 위치, 길찾기 구현
  • 길찾기 시 카카오 맵 딥링크 연결
• react-player 영상 플레이어 구현(controller, fullscreen 구현)
• react-redux 상태 관리
• localstorage 이용해 dark/light 모드 구현

g1cash (web/admin)

2023.06 ~ 2023.07

앱 로그인/결제를 web에서

• 딥링크를 이용해 로그인 구현
• google maps api 사용(주소 검색, 지도)
• aws s3 버킷 파일 관리(사용자가 파일 등록하면 base64에서 url 변환 후 저장)
• react-quill 에디터 사용
• session storage 사용(uid, token 임시 저장)
• react-redux 상태 관리

[ eMoney ]

증권 투자의 길을 안내하는 AI 종목 추천 서비스 제공 기업

로보 글로벌 (mobile)

2022.12 ~ 2023.04

키움증권 영웅문 입점 신규 서비스 퍼블리싱

• 페이지 별 modal 이 텍스트와 이미지만 다른 형태로 되어 있어서 json 파일 제작 후 ajax를 이용해 보여주는 로직으로 클린코드 제작
• amChart 이용해 여러 형태의 차트 구현(wordCloud, line, bar)
• swiper-slider 라이브러리로 slide 기능 구현
• 아코디언 탭 메뉴 구현

MK 시그널 (mobile)

2022.05 ~ 2022.09

주식 종목 추천 앱 서비스 MKSIGNAL 국내 파트 퍼블리싱

• swiper-slider 라이브러리로 slide 기능 구현
• chart.js 이용해 여러 형태의 차트 구현(radar, line, bar)
• 회원 가입 시 input 유효성 검사, checkbox 스타일 커스텀