꿈으로 가는 길 꿈으로 가는 길

* cmd 에서 서버 띄울때* npm start * 컴포넌트 끼리 데이터 교류는 부모 자식 흐름으로 교류해야 한다. * props * 문자열 종류 외이 값을 컴포넌트에 전달할때는 { } 로 감싸야 한다.* String * 그 외 * 이벤트* input이 많을때는 []안에 key값을 넣자. this.setState({ [e.target.name] : e.target.value });* DOM* DOM 태그 사용시 꼭 닫아야 한다! * , * 리액트 컴포넌트에서는 id 사용할 수 있지만, 되도록 사용하지 말자. ( 컴포넌트 끼리 id가 중복될 수 있으므로 )* ref 를 사용하자!

"리액트를 다루는 기술" 책을 읽고 정리 ( 저자 : 김민준 )저자 블로그 : https://velopert.com/reactjs-tutorials 저자 블로그 : https://velog.io/@velopert/tags/react[1장] 리액트시작 [ 리액트 ]* 페이스북에서 고안.* 어떤 데이터가 변할 때마다 어떤 변화를 줄지 고민X * 기존 뷰를 날려버리고 새로 렌더링* BUT, 이 방식대로 하면 CPU 점유율도 많이 잡아먹고 메모리도 많이 사용할텐데.. > 하지만 잘 구현한 것이 React!* 오직 View 만 신경쓰는 라이브러리 ( 프레임워크가 아니다! )* 리액트의 초기 렌더링과 리렌더링* 이것으로 성능을 아끼고 최적의 유저 경험을 제공한다. [초기 랜더링]* render() {...} * 어..