본문 바로가기
개발 학습/프론트엔드

S1: React 기초 / JSX규칙 / create-react-app

by StelthPark 2021. 9. 13.

JSX 규칙

1. 하나의 엘리먼트안에 모든 엘리먼트가 포함 ( div로 묶기 )

2. 클래스선언시 className으로 선언

3. React 엘리먼트는 대문자로 작성해야한다.

4. 자바 스크립트 표현식은 중괄호 사용 (const value 선언등을 내부에서 쓸 때 { } )

5. if문 대신 삼항연산자를 사용한다.

 

6. 컴포넌트 안에서 나오는 html 문법들은 ( ) 로 묶어준다.

 

객체를 JSX표현식으로 바꾸는법

 

 

 

create-react-app

빠른 react spa를 위한 여러 툴체인이다.

설치 : npx create-react-app "만들 폴더명"

 

'개발 학습 > 프론트엔드' 카테고리의 다른 글

S2: React styled-components  (0) 2021.10.14
S2: useEffect  (0) 2021.10.07
S1: Props  (0) 2021.09.23
S1: useState와 Props로 자식onClick<=>부모상태 제어하기  (0) 2021.09.14
S1: React 랜덤함수로 명언 출력하기  (0) 2021.09.13

댓글