React does 2 things for us : React (1) displays HTML and (2) changes that HTML when the user does something. // by clicking, dragging...Even though we
버젼 확인 후 없으면 공식 사이트에서 설치 (LTS)시간이 좀 걸리는데 다 되면 이렇게 해피해킹 짠- 터미널에서 프로젝트 생성이 완료되면 ls -> cd jsx > npm start그럼 리액트 웹 화면이 뜸 (newly generated application) // l
public 폴더에서는 index.html 파일만 남기고 다 지우고 src 폴더에서는 다 삭제하고 index.js파일을 새로 생성한다.1) Import the React and ReactDOM libraries2) Get a reference to the div wit
Names/values of attributes that you provide to elements in HTML are slightly different when writing JSX(1) All prop names follow camelCase(2) Number a
개념적으로 컴포넌트는 JavaScript 함수와 유사합니다. “props”라고 하는 임의의 입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환합니다.컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것입니다.이 함수
앞전에서 말했듯 리액트의 컴포넌트는 자바스크립트의 함수와 유사한 기능을 수행한다.특정한 HTML 틀을 함수 불러오듯 쓰고 싶기에 재사용 가능한 컴포넌트를 사용한다.ctrl + c로 원래 돌아가던 jsx 프로젝트를 종료하고 pdas라는 프로젝트를 새로 만든다 PDA :
Including Image src 폴더 -> images 폴더 생성 If the image is larger than 9.7 kilobytes, then it gets treated as a separate file and it will be served up as
Data that changes as the user interacts with our app.When this data changes, React will update content on the screen automatically.This is one-and-onl