식초의 지식보관소

리액트 앱 실행 리액트 앱 다시 실행하기 터미널 -> 리액트 앱의 루트 폴더 -> npm start 명령어 입력 -> 자동으로 리액트 앱 실행 이때 터미널을 종료하면 안 된다. 코드 수정하기 App.js 파일에서 App( )함수의 반환값이 많아지면 소괄호로 감싸야한다. ↓ 컴포넌트 컴포넌트 정의 (by. App.js ) App( ) 함수가 정의되어 있고, HTML을 반환한다. 컴포넌트 사용 (by. index.js ) 을 ReactDOM .render( ) 함수의 첫번째 인자로 전달한다. = App 컴포넌트가 반환하는 것들을 화면에 그릴 수 있다. App 컴포넌트가 그려질 위치는 ReactDOM .render( ) 함수의 두번째 인자로 전달한다. -> App 컴포넌트는 아이디가 root인 엘리먼트에 그려..

: pure.html 파일 : App.js 반드시 1개의 최상위 태그로 시작해야 한다 1. Subject 컴포넌트를 만들고, App 컴포넌트 넣는다 라이브 서버를 보면, Element -> 리액트가 내용을 로 바꿔서 적용해준다 (웹 브라우저는 리액트를 모르기 때문이다) jsx : 자바스크립트 유사 언어, 페이스북에서 만들었다 2. TOC 컴포넌트 만들고, App 컴포넌트 넣는다 라이브 서버를 보면, 리스트 추가된다 3. Content 컴포넌트 만들고, App 컴포넌트 넣는다 라이브 서버를 보면, 본문 추가된다 결론: 컴포넌트 이름에만 집중하게 함으로써 획기적으로 복잡도를 줄였다 컴포넌트의 내용을 다르게해서 이용하고 싶을 때! 효율적으로 사용하고 싶다면 이용한다. Subject 컴포넌트에서 코드 변경 { ..