Frontend Developer

<aside> 📄

Cedars On (시더스온) 2023.07 ~ 2023.12

사내 영상, 라이브 방송 등의 ott 서비스 / 사내 가맹점 정보, 위치, 길 찾기 가능한 market 스위칭 앱 FE 개발

• React로 모바일 웹을 개발하고 React Native Webview로 하이브리드 앱을 구현하여 안드로이드, 앱스토어 빌드, 배포를 진행했습니다. expo를 사용하여 aos/ios 동시 배포를 진행했습니다.
• 프론트엔드 서버로 aws 인스턴스를 생성해 타겟 그룹과 로드밸런서 연결을 진행하였고, Route53 도메인 연결을 진행하여 서버 구축을 하였습니다. aws s3 버킷을 생성해서 어드민에서 엑셀/이미지 파일을 등록하면 base64로 변환 후에 버킷에 저장을 하였습니다.
• ott 서비스에서는 react-player 로 영상 플레이어를 구현하여 앱 자체 컨트롤러를 새로 구현하고 영상을 본 시점을 저장하여 재접속 시 저장된 시점부터 실행할 수 있게 구현하였습니다.
• market 서비스에서는 카카오 map api를 사용해 지정된 market 위치 dot 표시, 상세 클릭 후 길 찾기 시 카카오맵 어플로 딥링크 연결하여 그 위치로 길 찾기가 진행되게 개발하였습니다.
• ott/market 스위칭 되는 앱이기 때문에 앱에서 아웃되기 전의 상태를 저장하여 재진입 시 기존 서비스를 이용할 수 있게 하는 등 앱과 웹 간의 원활한 통신을 진행하였습니다.

React, React-Native, Kakao Map, React-player, Redux, Expo

</aside>

<aside> 📄

G1CASH (web/admin) 2023.05 ~ 2023.07

앱 로그인, 결제를 web에서 진행할 수 있는 서비스 FE 개발

• google maps api를 활용해 어드민에서 주소 검색, 지도 표출 기능을 구현했습니다.
• aws s3 버킷을 생성하여 어드민에서 등록된 이미지/파일 등을 base64로 변환하여 저장하였습니다.
• react-quill 에디터 구현을 진행하였고, 창을 닫으면 삭제되는 session storage를 활용해 uid, token을 임시 저장하였습니다.

React, Google Map, React-quill, Redux

</aside>