- Today
- Total
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- javascript
- 차트
- API
- graphql
- typeorm
- typescript
- 리액트
- 항해99
- Redux
- 주식차트
- Coin
- rtk
- 3주차
- 차트구현
- 코인
- chart
- react
- 채팅
- websocket
- Flutter
- nestjs
- 코인차트
- 주식
- 비전공자
- apollo
- 차트만들기
- nextjs
- error
- Firebase
- 에러
목록react (42)
Act99 기술블로그
[React] 직접 주가 캔들 차트 & 거래량 바 차트 만들기 (라이브러리 x) (SVG 연습용)
React-Google-Chart 를 사용하던 중, 직접 차트를 만들고 싶은 충동이 생겼다. 먼저 handmade-chart.tsx 를 만들어주고 svg 를 이용해 차트 틀부터 만들어 주었다. (CSS 경우 tailwind를 사용하였다.) - handmade-chart.tsx import React from "react"; const SVG_CHART_WIDTH = 1600; const SVG_CHART_HEIGHT = 400; const SVG_VOLUME_WIDTH = 1600; const SVG_VOLUME_HEIGHT = 400; export const HandmadeChart = () => { const x0 = 50; const xAxisLength = SVG_CHART_WIDTH - x0 *..
[React] 주식사이트 만들기 / React Google Chart 사용
저번에 Nestjs 와 postgresql 을 이용해 주식데이터를 localhost:4000 에 띄워놨다. https://bugerstory.tistory.com/28 [Nestjs] CSV 파일을 postgresql 테이블로 옮기고 localhost 에 띄우기 필자는 현재 주식정보를 RestAPI 로 띄운 후, React를 이용해 브라우저 상에서 주식 차트를 구현시키려고 한다. 프론트엔드 공부를 하려했지만, 주식 api를 직접 빌드해서 사용하고 싶었기 때문에 작 bugerstory.tistory.com React 를 이용해 브라우저상에 차트를 띄울 예정이며, 먼저 apollo와 apollo-toolings 를 설치했다. https://github.com/apollographql/apollo-toolin..