*이 게시글은 인프런-처음 만난 리액트 강좌를 보고 정리한 글입니다.
목차
1. 자료형(Data Type)
2. 연산자(Operator)
3. 함수(function)
4. 백틱(`)
1. 자료형(Data Type)
일반적인 프로그래밍 언어에서는 변수를 선언하는 시점에 해당 변수의 자료형이 결정되는 반면
자바스크립트는 변수에 데이터가 대입되는 시점에 해당 변수의 자료형이 결정된다.
이처럼 동적으로 자료형이 결정되는 것을 동적 타이핑이라고 한다.
var은 변수를 의미하는 variable을 뜻한다.
var 외에도 let, const등도 있다.
var은 재선언, 재할당 모두 가능
let은 재할당만 가능
const는 재할당, 재할당 모두 불가능
let은 값이 바뀌면 안되는 변수를 쓸 때
const는 변수이름을 똑같은 이름으로 또 선언하려고 할 때 실수 방지 기능
★자료형의 종류
1) Number type
숫자 자료형
2) String type
문자열 자료형
3) Bollean type
참/거짓 판단 자료형
4) Null type
값이 Null임을 의미하는 자료형
5) Undefined type
값이 정의돼있지 않음을 의미하는 자료형
아래 17번 라인처럼 선언만하고 할당을 하지 않은 경우 undefined 자료형이 된다.
6) Array type
배열 자료형
다른 프로그래밍 언어와 다르게 자바스크립트의 배열에서는 다른 자료형도 함께 들어갈 수 있다
7) Obejct type
객체를 다루기 위한 자료형(다른 객체지향 프로그래밍에서의 객체와 의미가 다르다)
자바스크립트에서 객체는 key와 value로 이루어진 쌍의 집합을 의미한다
key는 문자열이여야 하며
value는 어떤 값이든 들어갈 수 있다
2. 연산자(Operator)
1) 대입 연산자(=)
2) 산술 연산자
3) 증가 연산자(++), 감소 연산자(--)
4) 관계 연산자 또는 비교 연산자
5) 동등 연산자와 일치 연산자
4번째, 7번째 줄이 동등 연산자
10번째, 13번째 줄이 일치 연산자
동등 연산자는 1과 '1' 구별 불가
일치 연산자는 1과 '1' 구별 가능
즉, 일치 연산자는 변수의 값 뿐아니라 자료형이 같은지, 다른지 까지 판별
6) 이진 논리 연산자
&&는 둘 다 true여야 true
||는 둘 중 하나면 true면 true
7) 조건부 연산자 또는 삼항 연산자
3. 함수(function)
함수를 만드는 방법은 크게 2가지이다.
function 함수이름 형태를 쓰거나 화살표 함수 형태를 쓴다.
4. 백틱
키보드에 ESC키 아래에 ~(물결) 모양 버튼 아래 있는 `이게 백틱이다.
백틱을 사용하면 ${}를 사용해서 문자열과 변수를 적절히 같이 사용할 수 있다.
참고문헌
'React' 카테고리의 다른 글
| 6. 리액트 입문-JSX가 뭘까 (0) | 2023.06.02 |
|---|---|
| 5. 리액트 입문-Create-react-app (0) | 2023.06.01 |
| 4. 리액트 입문-리액트는 무엇이며 Virtual DOM은 무엇인가 (0) | 2023.05.31 |
| 3. 리액트 입문-개발환경 설정하기 (0) | 2023.05.29 |
| 1. 리액트를 배우기 전 알아야 하는 기초 지식 정리 (0) | 2023.05.26 |