리액트

자바스크립트로 브라우저에서 돌리는게 아니라 노드라는 런타임 환경에서 돌릴려고자바스크립트로 웹서버만드는 이유 크롬,사파리,\~~브라우저 : 자바스크립트 런타임환경 원래 크롬밖에 없었음react: 그림그리는 것node js(V8 Engine): 브라우저대신 자바스크립트 해

이름규칙 : CM(common 공통) 태그명 이름규칙 : Join + CM + 태그명

{} jsx문법에 자바스크립트 코드 넣는것 ${} 자바스크립트 문법

회원가입 페이지 hint와 type 두개를 넘겨준다 function CMInput(props) { return ; } 따로따로 받으면 됨

return에는 하나의 엘레멘트만 담을 수 있다. const(상수), let(변수) 자바스크립트 변수 바인딩 { }

function App() { const [num, setNum] = useState(1); //상태변수 UI에 동기화 됨 let count = 1; //일반변수 UI에 동기호 ㅏ안됨 //함수생성 방법 = 기본함수 function add() {

{ "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80}

increase : 넘겨줄 함수 구조분할 할당: 알아서 값을 increase에 넣어줌 const { increase } = props;SubBottom으로 increase를 넘겨주기위해 쓴것연습하기 위해 한단계더 만든 것 여기도 마찬가지로 props로 받고 구조분할

1상태만들기2액션만들기export붙이면 외부에서 끌어 쓸 수 있음3리듀서만들기

export default는 파일 하나당 하나만 쓸 수있다import reducer from "./store";export는import {increase,decrease} from "./store";

{ "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80}