공부기록/리액트 (2) 썸네일형 리스트형 리액트 개발 2~3주차 회고 recharts를 사용하여 차트를 그리고 있는데, 백엔드가 준비가 안되어, 테스트용 rest api서버를 만들어서 만들고 있다. dataType, dateType, chartType을 입력받아, 그것에 해당하는 차트를 그려주도록 유연하게 작성하고 있다. 현재는 리소스가 한개인 경우에 대해서만 차트를 그려주고 있지만, 다음주쯤에는 리소스가 여러개인 경우에 대한 차트도 그려줄 예정이다. recharts의 ResponsiveContainer가 작동하지 않는 오류가 있다. 와 같은 차트를 그릴수 있다. 더 복잡한 차트를 그리는 것은 다음주에 하기로 한다. 리액트 공부중 - 2~3주차 후기 회사업무차에서 실시간 차트 개발을 담당하게 되어 리액트를 공부하고 있다. 리액트는 벨로퍼트의 블로그에서 쉽게 쫓아갈 수 있었으며, 역시 직접 따라 코딩해봐야 이해가 빠르게 된다. 리액트가 어렵다면 어렵다고 할 수 있는 이유는, 사실 기존의 html보다 훨씬 편하지만, 편하게 하기위하여 리액트 특유의 문법이 존재한다. 리액트에는 state가 존재한다. state를 직접적으로 변경할 수 없으며, 아예 새로운 객체를 만들어서 바꿔치기는 할 수 있다. useEffect와 같은 특수문법이 존재한다. 렌더링이 완료되면 최초 실행되며, [deps]에 있는 값이 비어있으면, 더 이상 실행되지 않는다. 만약 [deps]에 특정값이 있다면, 해당값을 구독하여 값이 변경될때마다 호출된다. context라는 것이 존재한다. .. 이전 1 다음
