[React]기초 문법

javascript ES6사용 

목차

1. DOM

2. Class

3. let,Const, Scope

4. =, ==, ===

5. Spread 연산자 

6. 조건부 삼항 연산자

 

[DOM : 트리구조]

ex)

 

<div>
    <h2></h2>
    <p></p>
</div>

 

[Class]

:특정 객체를 생성하기 위해 변수와 함수를 정의하는 일종의 틀

 

[let,Const, Scope]

var :함수

let :변수 선언할 때 사용 / 값 변경이 가능하다

Const : 변수 선언할 때 사용 / 값변경이 불가능하다(block단위)

[=, ==, ===]

= : 값을 할당할 때 사용 된다. ex)let a = 1;

== : 값을 비교할 때 사용 된다. 하지만 자료형은 비교하지 않는다 ex) 0 = "0"

=== : 값을 바교할 때 사용 된다. "=="보다 조금 더 깐깐하게 자료형까지 비교를 한다. 

 

[Spread 연산자 ]

Spread는 다른 리스트에 있는 값을 새로운 리스트에 옮기고 싶을때 사용 한다. 

[...메소드 명] 이 Spread연산자를 사용 하는 방법이다. 

ex)

let cat = [1,2,3,4]

let cat_list = [...cat]

[조건부 삼항 연산자]

조건? 참일 때 : 거짓일 때

if a == "a" Trud : False ;