미리보기

• react js를 활용하여 디자인에 맞는 ui/ux 구현
• 기획에 따른 기능 개발
• 기존 개발된 프로젝트들의 하자보수 및 유지보수

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

사용자의 요청에 맞추어 근처 도우미를 실시간으로 매칭시켜 주는 플랫폼입니다.

React 기반으로 제작되었으며 Lalavel, socket.io을 이용해 실시간으로 요청을 수락하는 도우미를 매칭시켜 주고 서비스에서 정한 기준에 맞추어 금액을 결제할 수 있도록 개발하였습니다. 매칭이 진행되어 있는 동안에는 서로 채팅을 나눌 수 있도록 하였으며 안전 번호 서비스를 연결하여 통화가 가능하도록 제작되었습니다. 또한 카카오 지도 API를 통해 가야 할 곳과 도우미, 사용자의 위치를 볼 수 있도록 제작되었습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

라이브 커머스 또는 OTT 서비스 등에서 방송됐던 PPL 상품을 조회하고 구매할 수 있는 플랫폼입니다.

React 기반으로 제작되었으며 Lalavel, socket.io과 setTimeOut을 이용해 관리자 페이지에서 미리 등록한 상품이 정해진 시간에 맞추어 노출될 수 있도록 하는 기능을 제작하였습니다. 또한 canvas와 canvas 안에서 선택한 좌표에 따른 위치를 퍼센트로 계산하여 사용자 페이지에서 이미지의 크기가 변화하더라도 상품 설명 표시가 고정될 수 있도록 제작하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

MBTI 적성 검사를 통해 자녀의 예체능 검사와 학원을 추천하는 서비스입니다.

React기반으로 제작되었으며 typescript를 이용하여 데이터 형을 고정시켰습니다. 또한 Kakao Map API를 이용하여 현재 위를 기준으로 근처에 있는 학원을 표시하고 클릭 시 학원의 정보에 대해 간략히 설명하는 창이 나오도록 하는 기능을 개발하였습니다. 검사 페이지에서는 progress 기능을 자체 개발하여 적용하고 chart 라이브러리를 사용하여 화면을 구현하였습니다. 또한 Recoil을 적용하여 Modal을 제작 및 관리하도록 하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

C2C 쇼핑 서비스로 사용자와 사용자 간에 거래할 수 있는 플랫폼입니다.

React를 기반으로 Lalavel과 socket.io를 이용하여 실시간 채팅을 구현하고 채팅 내의 안전 거래와 직거래 로직을 개발하였습니다. 개발 도중 이미지 방식에 따른 페이지 로딩 이슈를 확인하여 중복 소스 코드를 최소화하고 이미지 압축 방식 변경을 제안하였습니다. 주 계정에서 특정 페이지가 로드되는데 10초 이상 걸린 시간을 퇴사 전 3초 정도 걸리도록 단축하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

일본어학시험 학습 서비스로 진단 테스트를 통해 유저에게 필요한 학습 내용을 검토하여 제공하는 서비스입니다.

React를 기반으로 자체적인 테스트 페이지를 구현하였습니다. 테스트의 유형을 구분하고 유형에 맞게 화면이 구성되도록 하였으며 react-i18next를 사용하여 다국어 지원 기능을 적용하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

사용자가 동영상을 등록해서 직접 참여하는 동영상 SNS 서비스입니다.

React를 기반으로 슬라이드를 통해 각 페이지를 이동할 수 있도록 구현했습니다. 개발 도중 기존의 전체 다량의 동영상을 받아와 페이지에 출력하는 방식이 페이지 로드 시간이 오래 걸리는듯하여 기존과 동일하게 무한 스크롤을 사용하되 불러오는 동영상의 개수를 줄이고 페이지 넘김에 따라 아래 위치해야 하는 동영상이 실시간으로 로드되도록 제작하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

사용자가 동영상을 등록해서 직접 참여하는 동영상 SNS 서비스입니다.

React를 기반으로 슬라이드를 통해 각 페이지를 이동할 수 있도록 구현했습니다. 개발 도중 기존의 전체 다량의 동영상을 받아와 페이지에 출력하는 방식이 페이지 로드 시간이 오래 걸리는듯하여 기존과 동일하게 무한 스크롤을 사용하되 불러오는 동영상의 개수를 줄이고 페이지 넘김에 따라 아래 위치해야 하는 동영상이 실시간으로 로드되도록 제작하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

크리에이터와 아티스트를 이어주는 음악 중개 SNS 플랫폼으로 크리에이터가 곡을 만들어 올리면 아티스트는 곡을 듣고 가이드에 따라 녹음을 할 수 있습니다.

React를 기반으로 전반적인 페이지를 제작하였습니다. 제작 도중 여러 음원을 녹음하여 하나의 음성으로 통합하는 과정에서 녹음된 음성의 속도가 기존 속도보다 빠르거나 시작 버튼을 누르고 시작 부분에 3초가량 녹음이 안 되는 문제가 있어 리액트 녹음 라이브러리와 기종에 따른 분기 처리를 사용하여 문제를 해결하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

운동 관련 상품 쇼핑몰과 커뮤니티를 접목한 영상 스트리밍 기반 운동 및 학습 촉진 플랫폼입니다. Axissoft사의 StarPlayer를 연동하여 학습 동영상을 스트리밍할 수 있도록 하였습니다. 또한 회원의 권한에 따라 커뮤니티에 접근할 수 있도록 분기 처리하였으며 포트원을 사용하여 PG를 연결하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

외국인 영어 강사와 1:1로 소통하며 학습할 수 있는 플랫폼입니다.

React를 기반으로 Lalavel과 socket.io를 이용하여 실시간 채팅을 구현하고 채팅에서 배정된 강사가 수강생과의 채팅에서 틀린 부분을 수정해 주면 이해하기 쉽도록 작성된 문장에서 바로 조정해 주는 기능을 개발하였습니다. 개발하는 과정에서 배열을 이용하여 문장을 나누고 수정된 부분을 감지하는 기능을 구현하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

음성 녹음 및 실시간 채팅, STT API를 활용하여 발음 교정 위주의 영어 학습 플랫폼을 구축하였습니다.

React를 기반으로 Lalavel과 socket.io를 이용하여 실시간 채팅을 구현하고 자바스크립트를 이용한 녹음기 개발 및 녹음된 음성을 파일로 변환하여 전송하는 기술을 개발하였습니다. 음성파일 변환 기능 개발 중 기기와 OS에 따라 음성 파일에 노이즈가 발생하는 이슈가 발생하였을 때 특정 기기에 따른 녹음 방식 변환의 분기 처리를 하여 문제를 해결하였습니다. 또한 포트원으로 PG 연결 및 개인 일정 확인할 수 있는 달력 제작으로 사용자의 수업 일정 및 개인 일정 확인이 가능하게 하였습니다.

비밀 협약으로 인해 자세한 프로젝트명 공개가 불가능하여 프로젝트명을 작성하지 못하는 부분 참고 부탁드립니다.

디자이너와 고객을 이어주는 매개로 고객이 원하는 브랜드 특징을 설문 방식을 통해 구체화하는 브랜딩 파트너 서비스입니다.

프로젝트의 웹 페이지 프론트엔드 개발자로서 디자인을 기반으로 웹 페이지 제작 진행하였습니다. 또한 여러 단계로 나뉘어 있는 브랜딩 진행 폼을 제작하였으며 제출된 여러 디자인을 통합하여 사용자에게 전달되는 최종 화면에서 중복 스와이프 슬라이드를 사용하여 화면을 구현하였습니다. 완료 후 하자보수와 유지보수 작업 진행하였습니다.