React 프로젝트 생성
npm init react-app .. : 현재 디렉토리에서 프로젝트를 만들겠다는 의미
npm run start생성한 프로젝트 실행 (== 개발모드 실행)
실행 순서
리액트 코드 중에서 index.js 파일이 제일 먼저 실행하게 된다.
render란 화면을 그린다. 라는 뜻
render로 html tag를 만들어준다.
Argument : 전달인자, 인자 / 함수와 메서드의 입력 값 (Value)
Parameter : 매개변수 / 함수와 메서드의 입력 변수 (Variable) 명
http://taewan.kim/tip/argument_parameter/
JSX
자바스크립트와 HTML 문법을 같이 쓸 수 있는 자바스크립트의 확장된 문법.
모든 html 태그를 가져올 수는 없음.
대표적으로 class, for
class를 쓰려면, className으로 써야 class로 들어간다.
for를 쓰려면, htmlFor으로 써야 적용 가능. (form 에서 label에서 쓰일때)
속성명들은 카멜케이스로 작성해야함.
Fragment 를 사용하면 불필요한 div태그(감싸는 태그)를 줄일 수 있음
node_modules
패키지 설치 파일 담고 있다
package.json
프로젝트의 정보와 패키지 의존성 관리
- name, version은 생략 불가능
- dependencies : 패키지들의 이름과 버전
과연 나는 ?