[React] JSX(JavaScript Expression)문법의 사용 규칙

1. 화면에 데이터를 출력할때에는 반드시 하나의 태그를 사용

두 개의 태그 사용 시 에러 발생

여러개의 태그를 사용하려면 하나의 부모 태그로 묶어서 사용

2.변수 선언 및 값 출력하기

선언 형식) let 변수명=값

출력 형식) {변수명}

 

3.이벤트 처리함수 선언 및 호출하기

클래스 내부에 작성

형식) on이벤트종류={this.호출할함수명}

4. 스타일시트 적용하기

    1) 스타일시트가 복잡한 경우, .css파일을 만들어서 import로 불러온다.

    2) 스타일시트가 적용된 camelCase Object => var 객체명={속성명:속성값~}

 

5. 화면상에 디자인하기

if를 사용하지않고, 삼항연산자를 사용

6. 주석 사용 시 주의할 점

    1) 주석을 사용하는 곳이 정해져 있다.

    2) 태그와 태그 사이에 주석을 사용할 때는 { } 안에 주석을 사용한다.