자바스크립트에서 변수란?
console.log("Hellow")
//mutable data
//let : ES6에서 추가되었다.
//block scope
// {}은 지역변수로 사용한다는 뜻이다.
// {}밖에서는 쓸수 없다.
let globalName = 'global name';
{
let name = 'ellie';
console.log(name);
name = 'hello';
console.log(name);
console.log(globalName);
}
//console.log(name);
//variable.js:13 Uncaught ReferenceError: glbalName is not defined
console.log(globalName);
//constant Immutable data
// 숫자는 number이다.
const count = 17;
const size = 17.1;
console.log(`value: ${count}, type: ${typeof count}`);
//value: 17,type: number
console.log(`value: ${size}, type: ${typeof size}`);
//value: 17.1,type: number
const infinity = 1 / 0;
//Infinity
const negativeInfinity = -1 / 0;
//-Infinity
const nAn = 'not a number' / 2;
//NaN
console.log(infinity)
console.log(negativeInfinity)
console.log(nAn)
//string
const char = 'c';
const brendan = 'brendan';
const greeting = 'hello' + brendan;
console.log(`value: ${greeting}, type: ${typeof greeting}`);
//value: hellobrendan, type: string
const helloBob = `hi ${brendan}!`;
console.log(`value: ${helloBob}, type: ${typeof helloBob}`);
//value: hi brendan!, type: string
console.log('value' + helloBob + ' type: ' + typeof helloBob);
//valuehi brendan! type: string
//boolean
//false : 0, null, undefined, NaN, ''
//true : any anoter value
//Symbol 고유한 id를 주고싶을때
// 같은 내용의 string이면 같은 id로 인식
// 이럴때 개별화로 만들고싶을때 쓴다.
const symbol1 = Symbol('hello');
const symbol2 = Symbol('hello');
console.log(symbol1 == symbol2);
//false
const gsymbol1 = Symbol.for('hello');
const gsymbol2 = Symbol.for('hello');
console.log(gsymbol1 == gsymbol2);
//true
Javascript
👉 pinia기본
2023.05.05
👉 github pages에서 vue router 404 에러
2023.04.03
👉 object의 변수인 경우 ref와 reactive 어느 것을 사용할까
2023.04.02
👉 Route
2023.04.01
👉 Template ref
2023.03.26
👉 provide와 inject
2023.03.25
👉 slots
2023.03.24
👉 nonProps
2023.03.23
👉 v-model을 통한 3depth 양방향 바인딩
2023.03.22
👉 emit, component와 v-model을 통한 양방향 바인딩
2023.03.21
👉 props
2023.03.20
👉 watch
2023.03.19
👉 양방향 바인딩
2023.03.18
👉 event Parameter
2023.03.17
👉 Scope와 Closure
2023.03.17
👉 classStyleBinding
2023.03.16
👉 computed
2023.03.15
👉 Ref와 Reactive
2023.03.14
👉 notion page를 웹사이트에 삽입하기
2022.01.25
👉 Json
2021.04.16
👉 Javascript 배열
2021.04.15
👉 Javascript 객체
2021.04.14
👉 Javascript 클래스
2021.04.13
👉 Javascript 함수
2021.04.12
👉 Javascript 변수심화
2021.04.11
👉 Javascript 변수
2021.04.10
Frontend
👉 pinia기본
2023.05.05
👉 github pages에서 vue router 404 에러
2023.04.03
👉 object의 변수인 경우 ref와 reactive 어느 것을 사용할까
2023.04.02
👉 Route
2023.04.01
👉 Template ref
2023.03.26
👉 provide와 inject
2023.03.25
👉 slots
2023.03.24
👉 nonProps
2023.03.23
👉 v-model을 통한 3depth 양방향 바인딩
2023.03.22
👉 emit, component와 v-model을 통한 양방향 바인딩
2023.03.21
👉 props
2023.03.20
👉 watch
2023.03.19
👉 양방향 바인딩
2023.03.18
👉 event Parameter
2023.03.17
👉 Scope와 Closure
2023.03.17
👉 classStyleBinding
2023.03.16
👉 computed
2023.03.15
👉 Ref와 Reactive
2023.03.14
👉 notion page를 웹사이트에 삽입하기
2022.01.25
👉 간단한 반응형 메뉴갖는 웹 만들기
2021.08.04
👉 Json
2021.04.16
👉 Javascript 배열
2021.04.15
👉 Javascript 객체
2021.04.14
👉 Javascript 클래스
2021.04.13
👉 Javascript 함수
2021.04.12
👉 Javascript 변수심화
2021.04.11
👉 Javascript 변수
2021.04.10
👉 CSS Centering
2021.04.09
👉 CSS flexbox
2021.04.08
👉 CSS 변수
2021.04.07
👉 CSS Size
2021.04.06
👉 CSS layout
2021.04.05
👉 CSS 기본
2021.04.04
👉 HTML5 Data 속성
2021.04.03
👉 HTML의 다양한 태그
2021.04.02
👉 Visual studio code의 유용한 툴
2021.04.01
👉 HTML 기초
2021.04.01
댓글 쓰기