잡다구리

글의 목적 Apexcharts가 뭔지 알 수 있다. 리액트에서 차트 그림을 빠르게 그려보자. Apexcharts 란? React 뿐만 아니라 Vanilla js, Angular, Vue에서도 사용 가능한 Chart 그리는 라이브러리이다. 플랫폼이 바뀌더라도 Apexcharts 하나만 배워두면 Chart 라이브러리를 다시 배울 필요 없이 Chart 그릴 수 있다. 다양한 Chart를 그릴 수 있고, Chart 마다 예제 코드를 Vanilla js로 제공을 해준다. 리액트 기초 ☝️아직 리액트 기초를 모르신다면, 아래 링크에서 기초를 먼저 보고 오세요. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘..

🚀간단하고 빠르고 쉽게 만들자 이번 글에서는 그렇게들 다들 한 번씩은 만든다는 Todo App을 빠르게 만들어보자. 따로 CSS 등 디자인은 적용하지 않고, 기능적인 것만 구현해보자. 리액트 시작하기 1, 2에서 배운 것들만 이용하여 쉽고 간단하고 빠르게 만들예정이다. 리액트 기초는 알고 있어야 만들 수 있다. 혹시 아직 리액트 기초를 모른다면 아래 글에서 기초만 배우고 오도록 한다. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘은 몰라도 되지만 어느 정도 기본 개념은 알고는 있어야 이해하기 쉽습니다. 💾node js 설치 React를 사용 jaegeun.tistory.com 리액트 시작하기 2..

❗이 글은 "리액트 시작하기 1"을 이해했다는 가정하에 진행되므로, 리액트 기본 개념을 아직 모른다면 "리액트 시작하기 1"을 보고 오는 것을 추천드립니다. 🚀Component로 기본 끝내기 Component의 의미는 "리액트 시작하기 1" 글에서 기본 예제 코드를 분석하며 아래와 같이 설명했다. Component : 가독성 / 재사용성 / 유지 보수성을 높이기 위해 복잡한 HTML 코드를 모듈화 할 수 있는 최소 단위 이 Component의 기본 기능만 알게 되면 리액트 기본은 끝났다고 말할 수 있으며, 기본적인 웹앱을 만들 수 있다. 이번 글에서 Component의 기본 기능을 개념과 예제를 통해 리액트의 기본을 끝내보자. 🛫props, state, event Component에서 중요한 3가지 기본..

이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘은 몰라도 되지만 어느 정도 기본 개념은 알고는 있어야 이해하기 쉽습니다. 💾node js 설치 React를 사용하기 위해서는 npm이 필요하다. npm을 설치하기 위해 node.js 공식 홈페이지(nodejs.org)에 접속해서 설치 파일을 받아주자. LTS가 붙어 있는 버전과 Current 버전이 있는데 특별한 목적이 있지 않는 한 둘 중 아무거나 받아준다. (LTS는 안정적인 버전이고 Current는 가장 최신 버전이지만 LTS에 비해 안정적이진 않다.) IDE 설치 통합 개발 환경(Integrated Development Environment, IDE)의 뜻으로 개발 시 사용되는 툴을 말한다..