잡다구리

🚀간단하고 빠르고 쉽게 만들자 이번 글에서는 그렇게들 다들 한 번씩은 만든다는 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)의 뜻으로 개발 시 사용되는 툴을 말한다..