1. 폴더를 만든다. ex) react_kim
2. shift + 우클릭을 누른다
3. powershell을 누른다.
4. npx create-react-app blog를 입력한다. (blog는 프로젝트명이다. )
5. react_kim에 blog 폴더가 생성된다. 안에는 react 꾸러미?가 들어있다.
5-1) 터미널에 npm start 입력하면 프로젝트를 볼 수 있음
리액트 2강 : JSX 문법은 3개가 다임
1. app.js에 입력해도 나오는 이유는 html이 아니라 JXS여서 나온은 것
2. app.cs 에서 마찬가지 꾸미듯이 하면 됌
1) class 라고 쓰지 않고 calssName이라고 써준다.
2) JSX 문법 2 데이터 바인딩은 {중괄호}
3) style 넣을 떄 style = {{ : 'red' }}
3강 state 쓰면 뭐가 좋나면
내용이 변동시 자동으로 html에 반영되게 만들고 싶으면 state를 쓰면 된다.
중요한 자료를 저장할 떄 변수를 쓰게 된다. 그럴 때 state를 써서 보관을 하면 된다.
자주 변경될 것 같은 부분은 state로 만들어놓기
Destructuring 문법
4강 버튼에 지리는 기능 만들
/* eslint-disable */ - 경고창을 다 없앨 수 있음