주식 정보 받아오는 ui 구현 과제가 떨어 졌습니다.

Question

개발 3년차에 pmo조직에서 sm으로 1년 넘게 있었는데이번에 이직한 회사 출근 첫 과제가상장사 회사 주식 (코스닥, 코스피, 주가정보 그래프) 보여주는 페이지 하나 만들라는데요무엇부터 해야하는지 막막해서 뒤지다 글 남기고 있습니다.오픈 api 찾다보니 R이나 파이선 라이브러리 통해 데이터 가져와서 뿌려주는 가이드는 많던데제가 R이나 파이썬은 해본적이 없어서... 막막한 상태인데요 사수가 없어 더 막막한 상태입니다. 인프라 동료만 있거든요..고수님들 가이드 좀 도와주세요...

js_ · Answer

개발 환경은 알아서 정하시고..어떤 가이드가 필요한지 부터 정리해서 질문을 올리시는게..그냥 아무것도 모르겠으니 알려줘 라는 질문은 3년차가 하기엔 좀..정말 그 정도 수준이시라면 그냥 못하겠다고 하세요

더미 · Answer

개발 3년차에 PMO 경험까지 갖추셨다니, 충분히 잘 해내실 수 있을 겁니다! 상장사 주식 정보 페이지 개발 과제, 처음 접하는 분야라 막막하실 수 있지만 차근차근 접근하면 어렵지 않습니다. 다음 단계를 따라 진행해 보세요.1. 요구사항 명확히 파악하기:상세 요구사항 확인: 페이지에 표시할 정보(코스닥, 코스피, 개별 종목), 그래프 유형(캔들 차트, 선 차트 등), 데이터 업데이트 주기, 추가 기능(검색, 알림 등) 등을 명확히 파악합니다.디자인 확인: 디자인 시안이나 가이드라인이 있다면 참고하여 UI/UX를 설계합니다. 없다면 비슷한 서비스를 참고하거나 직접 디자인합니다.데이터 출처 확인: 주식 데이터를 어디서 가져올지 결정합니다. 증권사 API, 공공 데이터 포털 등 다양한 방법이 있습니다.2. 기술 스택 선택:프론트엔드: React, Vue.js, Angular 등 SPA 프레임워크를 사용하면 데이터 바인딩과 컴포넌트 재사용성을 높일 수 있습니다.백엔드: Node.js, Spring Boot 등을 사용하여 API 서버를 구축하거나, 프론트엔드에서 직접 데이터를 가져오는 방식을 선택할 수 있습니다.그래프 라이브러리: Chart.js, Recharts, Highcharts 등 다양한 라이브러리를 사용하여 주가 그래프를 구현할 수 있습니다.3. 개발 순서:데이터 가져오기: API 또는 공공 데이터를 활용하여 필요한 주식 데이터를 가져옵니다.데이터 처리: 가져온 데이터를 프론트엔드에서 사용하기 편리한 형태로 가공합니다.UI 구현: 디자인 시안을 참고하여 HTML, CSS, JavaScript를 사용하여 UI를 구현합니다.그래프 구현: 선택한 그래프 라이브러리를 사용하여 주가 정보 그래프를 구현합니다.데이터 연동: 가져온 데이터와 그래프를 연동하여 실시간 또는 주기적으로 업데이트합니다.추가 기능 구현: 검색, 알림 등 추가 기능이 필요하다면 구현합니다.테스트 및 배포: 충분한 테스트를 거쳐 문제점을 수정하고, 실제 환경에 배포합니다.팁:증권사 API 활용: 증권사에서 제공하는 API를 활용하면 주식 데이터를 쉽게 가져올 수 있습니다. (단, API 사용 조건 및 비용 확인 필요)공공 데이터 포털 활용: 한국거래소(KRX)에서 제공하는 공공 데이터를 활용할 수도 있습니다.오픈소스 프로젝트 참고: GitHub 등에서 주식 관련 오픈소스 프로젝트를 참고하면 많은 도움을 얻을 수 있습니다.팀원과 협업: 혼자 해결하기 어려운 부분은 팀원과 협력하여 해결하는 것이 좋습니다.참고 자료:한국거래소(KRX) 정보데이터시스템: http://data.krx.co.kr/contents/MDC/MAIN/main/index.cmd증권플러스 API: https:// 증권플러스 개발자센터Chart.js: https://www.chartjs.org/마무리:처음 접하는 분야라 어려움을 느끼실 수 있지만, 위 단계를 따라 차근차근 진행하면 충분히 좋은 결과를 얻을 수 있을 것입니다. 궁금한 점이 있다면 언제든지 다시 질문해주세요.

남느 · Answer

무료 차트 라이브러리 하나 정하시고 거기에 api 데이터 연동하시면 간단하긴 해요

ansdbduf · Answer

주가 데이터는 돈주고 사야할텐데

지도 · Answer

https://finance.naver.com/item/sise_day.nhn https://finance.naver.com/item/sise_day.nhn?code=006340요런 api 사용해서 크롤링으로 해도 되지 않을까요

주식 정보 받아오는 ui 구현 과제가 떨어 졌습니다.

5개의 답변

기술 목록