• 소개
  • 기술
  • 경력
홈

안녕하세요!

김유석의 포트폴리오 사이트입니다.

소개
소개
서비스 향상 사용자 경험(UX)에 큰 가치를 두고 사용자 입장에서 고민하며 프로그래밍하는 3년차 프론트 엔지니어입니다.
이름

이름

김유석
생년월일

생년월일

93.04.19
주소

주소

서울시 관악구
메일

메일

rdt419@gmail.com
깃헙https://github.com/YooSeok2
소스 코드 저장소입니다.
벨로그https://velog.io/@rdt419
기술 블로그입니다.
기술

기술

프론트엔드
프론트엔드
모바일 및 백
모바일 및 백
기타
기타

경력

금융 관련 데이터로 투자자들에게 유용한 서비스를 개발하여 BTC, BTB로 판매하는 회사로서 플랫폼으로는 큰손의 거래내역을 실시간 추적 및 주식시장의 자금흐름을 시각화한 '큰손투자'와 투자자를 위한 다양한 툴을 제공하는 '케일플레이'가 있습니다.

경력사항

회사 서비스 특성상 프론트 업무는 어려운 금융 데이터를 사용자가 쉽게 볼 수 있도록 차트나 그리드를 활용하여 UI로 풀어내는 일이었습니다. 대체로 하나의 프로덕트를 서비스 설계부터 디자인, 개발까지 도맡아 주도적으로 일를 했습니다. 기술 스택으로는 서비스 성격에 따라 jQuery, React 및 Next를 사용하여 작업하였습니다.

큰손정석 프로젝트 개발

2022.10 ~ 2023.05
  • 서비스 기획부터 참여하여 타겟, BM, 서비스 방향을 논의하고 주도적으로 개발하였다.
  • SEO최적화를 위해 리액트기반의 프레임워크인 Next를 이용하여 SSR방식의 웹페이지를 구축하였다.
  • UI프레임워크인 antd를 이용하여 메뉴, 그리드, 인풋 등을 구성하여 개발 시간을 단축하였다.
  • eCharts를 이용하여 주가와 재무 데이터를 차트로 표현하였다.
  • socket을 통해 정석랭킹의 종목 데이터를 실시간으로 업데이트하고, 종목 주가의 숫자를 framer-motion을 이용해 counting 에니메이션을 적용하였다.
  • 전역 상태관리로 리덕스를 채택하여 props-driling을 해소하고, 비동기 API처리를 위해 리덕스사가를 도입하였다.

사용 기술 :

ReactNextReduxRedux-SagaStyled-ComponentseCharts

케일다트 기획 및 개발

2022.04 ~ 2022.07
  • 다트(전자공시시스템)에 올라오는 공시들 중 계약관련 공시 정보를 실시간으로 제공해주는 툴이다.
  • Sammy 라이브러리를 이용하여 SSR방식을 CSR방식으로 바꾸어 페이지 로딩 속도를 개선하였다.
  • socket을 통해 실시간으로 공시 데이터를 업데이트하였다.

사용 기술 :

jQuerySammy

케일 경기 분석 툴 기획 및 개발

2022.02 ~ 2022.04
  • 주요 경제 지표 10개와 코스피 지수의 상관 관계를 분석하는 툴이다.
  • eCharts를 이용하여 주요 경제지표 10개를 표현하는 scatter 차트 및 경기순환지수와 코스피 주가를 표현하는 line, stock 차트를 그리었다.
  • 1990년도부터 지금까지의 데이터를 보여주기 위해 플레이 박스 기능(가장 예전, 한달 전, 재생, 정지, 한달 후, 가장 최근)을 구축하였다.

사용 기술 :

jQueryeCharts

케일코드 홈페이지 제작

2022.01 ~ 2022.02
  • 워드프레스를 사용하여 케일코드 홈페이지를 제작하였다.
  • 워드프레스에서 메타 태그를 관리하는 플러그인을 만들어 SEO를 최적화 하였다.

사용 기술 :

WordPress

케일스크리너 모바일버전 기획 및 개발

2021.10 ~ 2021.12
  • agGrid를 이용하여 그리드로 표현된 화면을 로드하는 시간을 단축하였다.
  • Sammy 라이브러리를 이용하여 SSR방식을 CSR방식으로 바꾸어 페이지 로딩 속도를 개선하였다.
  • 사용자의 편의성을 고려하여 관심종목 기능을 추가하였다.

사용 기술 :

jQueryagGridSammy
금융 서비스를 개발하고 BTB로 판매하는 회사로서 대표적인 플랫폼은 '더한트레이더'가 있습니다. 더한트레이더는 특정 트레이더가 주식 등을 매매하면 그와 연동된 사용자 모두에게 매매 신호를 보내어 같이 매매가 되는 자동 매매 시스템입니다.

경력사항

기본적으로는 프론트엔드 관련 모든 업무를 담당하였습니다. 업무를 진행할 때 기술 스택은 웹 페이지는 jQuery와 ejs 문법, CMS는 Sencha 프레임워크, 앱 서비스는 React Native를 이용하여 작업을 하였습니다. 대체로 모든 프로젝트에서 기획 및 디자인에 참여하였으며 제 의견이 많이 반영되었습니다.

비츠, 마운티 앱 서비스 리뉴얼 및 배포

2021.06 ~ 2021.08
  • 기존에 이미 개발된 FTS라는 앱을 수정하여 비츠, 마운티 두 개의 앱 서비스를 리엑트 네이티브를 사용하여 제작하였다.
  • 로그인 화면을 추가하였다.
  • 로고 및 백그라운드 색상을 변경하였다.
  • 비츠, 마운티 앱 둘 다 구글스토어와 앱 스토어에 출시하였다.

사용 기술 :

React Native

도배고 서비스 설계 및 개발 후 배포

2021.02 ~ 2021.05
  • 비즈니스의 아이디어를 전달받고 프로젝트 설계 및 기획 하였다.
  • 리엑트 네이티브로 화면을 만들고 노드로 서버를 구축하였다.
  • 온전한 REST API를 구축하였다.
  • Sequelize로 데이터베이스(MySql)를 연동하였다.
  • AWS EC2 인스턴스로 웹 호스팅 서버를 만들었다.
  • 고대디에서 도메인을 구매하여 DNS설정을 하고, CertBot으로 SSL인증서 발급 및 자동갱신 하였다.
  • Sencha 프레임워크를 이용하여 주문, 고객, 마일리지를 관리하는 CMS페이지를 만들었다.
  • 네이버 클라우드 SENS를 이용하여 문자 인증 기능을 추가하였다.
  • 구글스토어에 출시하였다.

사용 기술 :

React NativeNodeSequelizeAWS EC2jQuerySencha

팜 CMS 제작, 팜 앱 웹뷰 기획 및 개발

2020.12 ~ 2021.01
  • 고객 정보와 계약 정보를 관리하는 페이지를 Sencha프레임워크를 이용하여 제작하였다.
  • 팜 앱 서비스에 웹 뷰로 들어갈 화면을 jQuery로 만들었다.

사용 기술 :

jQueryejsSencha

세븐핀테크 홈페이지 리뉴얼, 더한트레이더 홈페이지 기획 및 개발

2020.07 ~ 2020.11

    사용 기술 :

    jQueryejs