코인 가격 예측 프로그램 개발

프로젝트 개요

코인 시세를 불러와 지표를 계산하고 그 결과를 화면에 보여 주는 프로그램입니다. 숫자를 나열하는 대신 차트로 흐름을 보여 주고, 기준이 되는 값들을 함께 표시해 판단에 참고할 수 있도록 만들었습니다. 데이터를 다루는 서비스는 화면보다 데이터 구조를 먼저 정해야 나중에 기능을 늘리기 쉽습니다.

이런 점이 필요했습니다

• 외부 시세 데이터를 주기적으로 가져와야 했습니다.
• 계산 결과를 빠르게 확인할 수 있는 화면이 필요했습니다.
• 데이터가 많아도 화면이 느려지지 않아야 했습니다.
• 데이터를 못 가져온 상황을 사용자가 알 수 있어야 했습니다.

이렇게 만들었습니다

• 시세 데이터를 정해진 주기로 불러와 저장하고, 화면에서는 저장된 값을 읽어 빠르게 그립니다.
• 기간을 바꿔 가며 볼 수 있도록 차트에 기간 선택을 두었습니다.
• 계산에 쓰인 값과 결과를 함께 표시해 어떤 근거로 나온 숫자인지 보이게 했습니다.
• 데이터를 가져오지 못한 경우 화면에 그 사실을 알려 잘못된 값으로 오해하지 않게 했습니다.
• 지표 계산은 서버에서 처리해 브라우저 부담을 줄였습니다.

데이터 서비스에서 흔한 실수

외부 API를 화면에서 직접 호출하면 방문자가 많아질수록 호출량이 늘고, 장애가 나면 화면 전체가 멈춥니다. 그래서 데이터를 미리 받아 저장해 두고 화면은 저장된 값을 읽게 하는 구조가 안전합니다. 또 계산식이 바뀌면 과거 값도 함께 바뀌므로, 원본 데이터와 계산 결과를 따로 보관하는 편이 낫습니다.

만들 때 특히 신경 쓴 것

• 데이터 수집 실패와 계산 실패를 나눠 표시했습니다.
• 차트 색은 오르내림 구분에만 쓰고 나머지는 무채색으로 정리했습니다.
• 기간을 바꿔도 이전에 본 위치가 유지되게 했습니다.

화면과 사용성

차트는 화면 폭에 맞춰 크기가 바뀌고, 모바일에서는 손가락으로 훑어볼 수 있게 했습니다. 숫자는 자릿수를 맞춰 표시해 비교가 쉽습니다.

기술 구성

Next.js로 만들고 외부 시세 API와 연동했습니다. 수집 주기와 계산 로직을 분리해 한쪽을 바꿔도 다른 쪽이 영향을 받지 않게 했습니다.

제작 범위와 기간

요구사항 정리, 데이터 구조 설계, 화면 개발, 배포까지 진행했습니다. 데이터 출처가 정해져 있으면 3주 안팎이 걸립니다.

자주 묻는 질문

**다른 거래소 데이터도 넣을 수 있나요?**

가능합니다. 수집 부분만 추가하면 같은 화면에서 함께 볼 수 있습니다.

**계산식을 바꾸고 싶으면요?**

계산 부분이 따로 분리돼 있어 해당 부분만 수정하면 됩니다.

이런 분께 권합니다

• 외부 데이터를 가져와 가공해 보여 주는 서비스를 준비하는 분
• 엑셀로 돌리던 계산을 웹에서 자동으로 처리하고 싶은 분

비슷한 홈페이지가 필요하신가요

하온은 기획부터 디자인, 개발, 배포까지 직접 진행하고 간단한 수정은 기간 제한 없이 무료로 지원합니다. 필요한 내용을 알려주시면 예상 범위와 일정을 정리해 드립니다.