어리둥절 분석가 그리고 개발자

✔️ Victory Native 활용 예제 파헤치기 Victory Native 개인적으로 너무 만족스러운 라이브러리이다. 무엇보다 가볍고 사용법이 직관적이고, 기본적으로 제공하는 옵션들도 다양하다. Victory Native로 그린 아래 차트를 어떻게 그렸는지 기록해두고, 내가 라이브러리 사용할 때마다 찾아보려고 한다. ✔️ 전체 코드 import React from 'react'; import {View} from 'react-native'; import styled from 'styled-components/native'; import { VictoryAxis, VictoryBar, VictoryChart, VictoryGroup, VictoryLegend, VictoryLine, VictorySca..

✔️ 필요성 React Native에서 막대그래프나 라인그래프 혹은 파이차트 같이 그래프/차트를 표현해야 할 때가 있다. React Native에서는 아직까지 엄청나게 우세한 차트 라이브러리는 없는 것 같았다. 이것 저것 찾아보던 중 Victory-Native라는 라이브러리가 전체적으로 간단하면서도 애니메이션을 잘 보여줘서 모바일 환경에서 적합한 라이브러리라고 생각되어 도전해보았다. 예시에서도 알 수 있듯이 코드가 간단하고 툴팁이나 x축 y축이 기본적으로 귀엽다 ✔️ 설치 설치도 굉장히 쉽다 npm install --save victory-native react-native install react-native-svg npx pod-install ✔️ 기본 예시 Victory Native에서 알려주고 있..