| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- REM
- 포토샵
- 소수
- c
- transform
- CSS
- spring
- SK바이오사이언스
- c++
- 백준
- 미디어 쿼리
- react
- JSX
- React 성능 최적화
- 수학
- skt membership
- Codility
- Reverse Proxy
- pandas
- useCallback
- 알고리즘
- Nginx
- 통신사할인
- React.memo
- 강화학습
- Photoshop
- 반응형 웹
- useMemo
- box-sizing
- grid
- Today
- Total
목록Frontend/Javascript (10)
sliver__
객체{}표시를 통해 객체를 선언한다.내부는 key-value 형식으로 선언한다.함수도 선언할 수 있다.외부에서 객체의 변수와 함수를 접근하여 사용할 수 있다. 클래스변수의 첫 알파벳은 대문자로 선언한다.constructor 키워드를 통해 변수를 선언하고 값을 지정한다.함수를 선언할 수 있다. function 키워드는 사용하지 않는다.외부에서 클래스를 사용해 선언한 객체의 변수와 함수를 접근하여 사용할 수 있다.
다른 언어와 같이 사칙연산(+,-,*,/)과 대소비교() 등 연산 기호가 사용 가능하다.그리고 string 간의 +연산이 가능하다.특이한 점은 같은지 비교를 하는 연산자가 "===" 이다. 세번째 줄을 보면 10과 10은 같아 true를 반환하고, 네번째 줄을 보면 string 두 개가 concat된 걸 확인할 수 있다.
Javascript 파일에 변수를 선언하고 값을 할당할 수 있다. 변수 이름보통 camel case로 선언$, _, 특수기호 사용가능왼쪽과 같이 변수를 선언하는 경우 새로운 값을 할당 할 수 있다.하지만 오른쪽과 같이 const (상수형) 변수를 선언하는 경우 새로운 값을 할당할 수 없다.
import다른 javascript 파일에서 변수 값을 사용하기 위해 선언 export변수를 다른 javascript 파일에서 사용할 수 있도록 하기 위해 선언 오른쪽의 util.js 파일에서 apiKey, abc, default로 변수를 선언하고 export한다.왼쪽의 app.js 파일에서 import {변수이름} from "파일경로"로 값을 import 한다.default의 경우 js 파일 당 하나만 선언이 가능하다.