📧 [email protected]

📞 010-4502-9442

🔗 https://github.com/kongyb

문제를 해결하고 싶은 개발자 공윤배입니다.

대학을 졸업한 후 개발 공부를 시작했습니다. 추상적인 학문이었던 수학과는 다르게 저의 생각을 구체적으로 구현해볼 수 있는 개발에 흥미를 느끼고 진로를 결정하게 되었습니다. 얼마나 많은 지식을 알고있느냐가 아닌 문제를 해결하기 위해 얼마나 알고있는 지식을 잘 응용할 수 있느냐가 중요하다고 생각하고 응용력이 좋은 개발자가 되기위해 노력하고 있습니다. 프론트엔드, 백엔드 구분을 두지않고 다양한 문제를 해결해보고 싶습니다.

기술스택

• React

  리액트를 활용하여 생각하는 웹페이지를 컴포넌트 단위로 나누어 구현할 수 있습니다.

• Node.js

  Express라이브러리를 활용하여 Node.js환경에서 실행되는 API서버를 구현할 수 있습니다.

• JavaScript

  알고리즘 문제를 해결할때도 사용할만큼 친숙한 언어입니다.

  문제를 해결하기 위해 생각한 내용을 JavaScript코드로 구체화할 수 있습니다.

프로젝트

CryptoGraph

• 개요

  2022/11 ~ 2022/12

  업비트 API와 D3.js라이브러리를 이용하여 실시간 암호화폐 데이터로 차트를 그려 시각화하는 서비스

• 프로젝트에서 수행한 일

  • 데이터를 차트로 시각화하기 위해 D3.js라이브러리를 학습한 후 캔들차트를 구현하였습니다.
    • D3.js의 join기능을 이용해 캔들유닛이 표현하는 데이터와 캔들유닛이 표시되는 문서요소들을 매핑
    • D3.js의 zoom이벤트가 구현하려는 차트에 알맞지 않다고 생각하여 zoom이벤트를 drag와 wheel이벤트로 분리하여 이동과 확대/축소기능 구현
    • 마우스 포인터가 차트내에 진입했을 때 위치를 계산하여 마우스의 위치에 따른 격자와 해당시점의 가격을 알려주는 문서요소들 구현
  • Github Actions을 이용해 main브랜치에 merge되면 자동적으로 배포작업이 수행되도록 하였습니다.
  • 소켓을 통해 전달되는 실시간 데이터들을 필요한 컴포넌트에 전달하여 사용할 수 있도록 소켓연결, 해제, 데이터처리 과정을 커스텀 훅으로 분리하였습니다.

• 링크

  • Github Repo: https://github.com/boostcampwm-2022/Web35-CryptoGraph
  • 배포주소: https://cryptograph.servehttp.com/