1
let name = 'apple'
2
let color = 'red'
3
let display = '🍎'
4
let orangeName = 'orange'
5

6
let apple = {
7
  name: 'apple',
8
  color: 'red',
9
  display: '🍎',
10
}
11
console.log(apple) // { name: 'apple', color: 'red', display: '🍎' }
12
console.log(apple.name) // apple
13
console.log(apple.color) // red
14
console.log(apple.display) // 🍎

1
// 원시타입은 값이 복사되어 전달됨
2
let a = 1
3
let b = a // 1
4
b = 2
5
console.log(a) // 1
6
console.log(b) // 2

1
// 객체타입은 참조값(메모리주소, 레퍼런스)가 복사되어 전달됨
2
let apple = {
3
  // 0x1234
4
  name: '사과',
5
}
6
let orange = apple // 0x1234
7
orange.name = '오렌지'
8
console.log(apple) // { name: '오렌지' }
9
console.log(orange) // { name: '오렌지' }

1
let apple = {
2
  name: 'apple',
3
  'hello-bye': '✋',
4
  0: 1,
5
  ['hello-bye1']: '✋',
6
}
7

8
// 속성, 데이터에 접근하기 위해서는
9
apple.name // 마침표 표기법(dot notation)
10
console.log(apple['hello-bye1']) // 대괄호 표기법 bracket notation
11
apple['name']
12

13
// 속성 추가
14
apple.emoji = '🍎'
15
console.log(apple.emoji)
16
console.log(apple['emoji'])
17

18
// 속성 삭제(delete)
19
delete apple.emoji
20
console.log(apple)

1
const obj = {
2
  name: '메시',
3
  age: 20,
4
}
5
// 코딩하는 시점에, 정적으로 접근이 확정됨
6
obj.name
7
obj.age
8

9
// 동적으로 속성에 접근하고 싶을때 대괄호 표기법 사용!
10
function getValue(obj, key) {
11
  return obj[key] // obj의 key 값 반환
12
}
13
console.log(getValue(obj, 'name')) // 메시
14

15
// 새로운 '키:값' 추가
16
function addKey(obj, key, value) {
17
  obj[key] = value
18
}
19
addKey(obj, 'job', 'engineer')
20
console.log(obj) // { name: '메시', age: 20, job: 'engineer' }
21

22
// 키 삭제
23
function deleteKey(obj, key) {
24
  delete object[key]
25
}

1
const x = 0
2
const y = 0
3

4
// 키와 값의 이름이 똑같다면 생략 가능
5
const coordinate = { x, y } // { x: x, y: y };
6
console.log(coordinate)
7

8
// { name: name, age: age } 축약 버전
9
function makeObj(name, age) {
10
  return {
11
    name,
12
    age,
13
  }
14
}

1
// 래퍼 객체 (Wrapper Object)
2
// 원시값을 필요에 따라서 관련된 빌트인 객체로 변환한다.
3
const number = 123 // number 원시 타입
4

5
// number 원시타입을 감싸고 있는 Number 객체로 감싸짐
6
console.log(number.toString()) // 숫자를 문자열로 변환
7
console.log(number) // number 원시 타입
8

9
const text = 'text' // string 문자열 원시타입
10
console.log(text)
11
text.length // string 원시타입을 감싸고 있는 String 객체
12
text.trim()

1
// 평소에는 가벼운 원시 객체를 사용하다가, 래퍼 객체는 꼭 필요할 떄만 변환해서 사용하고
2
// 다시 원시 객체로 복귀
3
// 글로벌 전역 변수들
4
console.log(globalThis) // <ref *1> Object [global] { ...
5
console.log(this) // {}, 전역 객체
6
console.log(Infinity) // Infinity
7
console.log(NaN) // NaN
8
console.log(undefined) // undefined
9

10
eval('const num = 2; console.log(num)') // 2, 자바스크립트 코드로 평가
11
console.log(isFinite(1)) // true, 숫자가 유한한지 확인
12
console.log(isFinite(Infinity)) // false
13

14
console.log(parseFloat('12.43')) // 12.43, 문자열을 소수점 숫자로 변환
15
console.log(parseInt('12.43')) // 12, 실수를 정수로 변환
16
console.log(parseInt('11')) // 11
17

18
// URL (URI, Uniform Resource Identifier 하위 개념)
19
// 아스키 문자로만 구성되어야 함
20
// 한글이나 특수문자는 이스케이프 처리해야 한다
21
const URL = 'https://드림코딩.com' // 한글이 들어있는 주소
22
const encoded = encodeURI(URL) // 이스케이프(정해진 다른 문자)로 인코딩
23
console.log(encoded) // https://%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9.com
24

25
const decoded = decodeURI(encoded) // 원래 한글 주소로 디코딩
26
console.log(decoded) // https://드림코딩.com
27

28
// 전체 URL이 아니라 부분적인 것은 전역함수 Component를 이용
29
const part = '드림코딩.com'
30
console.log(encodeURIComponent(part))

1
const isTrue = new Boolean(true) // 객체를 사용하면 메모리를 더 사용함
2
// const isTrue = true; 위에것보다 이것이 더 효율적
3
console.log(isTrue.valueOf()) // true
4

5
/**
6
 * 거짓이 나오는 값
7
 * Falshy
8
 * 0
9
 * -0
10
 * null
11
 * NaN
12
 * undefined
13
 * ''
14
 */
15

16
/**
17
 * 참이 나오는 값
18
 * Truthy
19
 * 1
20
 * -1
21
 * '0'
22
 * 'false'
23
 * []
24
 * {}
25
 */

1
const num1 = 123
2
const num2 = new Number(123) // 메모리 낭비
3
console.log(typeof num1) // number
4
console.log(typeof num2) // object
5

6
// e+308 = 10^308
7
console.log(Number.MAX_VALUE) // 정수로 사용할 수 있는 가장 큰 숫자, 1.7976931348623157e+308
8
console.log(Number.MIN_VALUE)
9
console.log(Number.MAX_SAFE_INTEGER) // 안전하게 사용할 수 있는 최대값
10
console.log(Number.MIN_SAFE_INTEGER)
11
console.log(Number.NaN) // 숫자가 아닌 것
12
console.log(Number.NEGATIVE_INFINITY) // 음의 무한
13
console.log(Number.POSITIVE_INFINITY) // 양의 무한
14

15
// num1이 최대 정수값보다 작은 숫자인지 확인
16
if (num1 < Number.MAX_VALUE) {
17
}
18

19
if (Number.EPSILON > 0 && Number.EPSILON < 1) {
20
  // 0과 1사이에서 나타낼 수 있는 가장 작은 숫자
21
  console.log(Number.EPSILON) // 2.220446049250313e-16
22
}
23
// 10진수를 2진수로 변환하고 계산한 다음 다시 10진수로 변환
24
// 이 과정에서 정확하게 부동소수점까지 계산되지 않음
25
// 그래서 작은 오차가 발생함
26
// 이 오차까지 감지해주는 것이 EPSILON임

1
// 1. 숫자인지 아닌지 확인
2
if (Number.isNaN(num1)) {
3
}
4
// 2. 지수표기법 (매우 크거나 작은 숫자를 표기할때 사용, 10의 n승으로 표기)
5
const num3 = 102 // e+2 = 10의 2승
6
console.log(num3.toExponential()) // 1.02e+2
7

8
// 3. 반올림하여 문자열로 변환
9
const num4 = 1234.12
10
console.log(num4.toFixed()) // 1234, 실수를 반올림한 정수로 변환
11

12
// 4. 5.
13
console.log(num4.toString()) // 1234.12, 문자열로 변환
14
console.log(num4.toLocaleString('ar-EG')) // ١٬٢٣٤٫١٢, 그 나라에 맞는 언어로 표현
15

16
// 6. 원하는 자릿수까지 유효하도록 반올림
17
console.log(num4.toPrecision(5)) // 1234.1, 5자리까지만 표기
18
console.log(num4.toPrecision(4))
19
console.log(num4.toPrecision(2)) // 전체 자릿수 표기가 안될때는 지수표기법
20

21
const num = 0.1 + 0.2 - 0.2 // 0.1라고 예상하지만 실제 값은 아래와 같음
22
console.log(num) // 0.10000000000000003
23

24
function isEqual(original, expected) {
25
  return Math.abs(original - expected) < Number.EPSILON
26
}
27
console.log(isEqual(1, 1)) // true
28
console.log(isEqual(0.1, 0.1)) // true
29
console.log(isEqual(num, 0.1)) // true

1
// Math
2
// static properties, method
3
console.log(Math.E) // 오일러의 상수, 자연로그의 밑, 2.718281828459045
4
console.log(Math.PI) // 원주율 PI값, 3.141592653589793
5

6
// 1~5. static method
7
console.log(Math.abs(-10)) // 절대값, 10
8
console.log(Math.ceil(1.4)) // 소수점 이하를 올림, 2
9
console.log(Math.floor(1.4)) // 소수점 이하를 내림, 1
10
console.log(Math.round(1.4)) // 소수점 이하를 반올림, 1
11
console.log(Math.round(1.7)) // 2
12
console.log(Math.trunc(1.5432)) // 정수만 반환, 1
13

14
// 6. 최대, 최소값을 찾기
15
console.log(Math.max(1, 3, 4)) // 4
16
console.log(Math.min(1, 3, 4)) // 1
17

18
// 7. 거듭제곱
19
console.log(3 ** 2) // 9
20
console.log(Math.pow(3, 2)) // 9
21

22
// 8. 제곱근
23
console.log(Math.sqrt(9)) // 3
24

25
// 9. 0~1 사이의 랜덤한 값을 반환
26
console.log(Math.random())
27

28
// 1~10 사이의 랜덤한 값을 반환
29
console.log(Math.round(Math.random() * 10 + 1))

1
const textObj = new String('Hello World!')
2
const text = 'Hello World!'
3
console.log(textObj) // [String: 'Hello World!']
4
console.log(text) // Hello World!
5
console.log(text.length) // 12
6

7
console.log(text[0]) // H
8
console.log(text[1]) // e
9
console.log(text[2]) // l
10
console.log(text.charAt(0)) // H, 해당 위치의 문자를 반환
11
console.log(text.charAt(1)) // e
12
console.log(text.charAt(2)) // l
13

14
console.log(text.indexOf('l')) // 2, l이 위치한 첫 인덱스를 반환
15
console.log(text.lastIndexOf('l')) // 9, l이 위치한 마지막 인덱스를 반환
16

17
console.log(text.includes('tx')) // false, tx라는 문자열이 들어있는지 반환
18
console.log(text.includes('h')) // false, 소문자 h라는 문자열이 들어있는지 반환
19
console.log(text.includes('H')) // true
20

21
console.log(text.startsWith('He')) // true, He로 시작하는지 확인
22
console.log(text.endsWith('!')) // true, !로 끝나는지 확인
23

24
console.log(text.toUpperCase()) // HELLO WORLD! , 전부 대문자 변경
25
console.log(text.toLowerCase()) // hello world! , 전부 소문자 변경
26

27
console.log(text.substring(0, 2)) // He, 0부터 시작해서 2번쨰 인덱스 이전까지 가져오기
28
console.log(text.slice(2)) // llo World!, 앞에서 2번위치까지 잘라내기
29
console.log(text.slice(-2)) // d!, 뒤에서 부터 2번위치까지 잘라내기
30

31
const space = '            space       '
32
console.log(space.trim()) // space, 공백 제거
33

34
// split : 스페이스별로 문자열을 끊어줌
35
// 스페이스별로 끊어진 것 중에 두 덩어리를 붙여서 출력
36
const longText = 'Get to the, point'
37
console.log(longText.split(' ')) // [ 'Get', 'to', 'the,', 'point' ]
38
console.log(longText.split(', ', 2)) // [ 'Get to the', 'point' ]

1
// 7.date.js
2
// UTC기준 (협정 세계시, 1970년 1월 1일 UTC 자정과의 시간 차이를 밀리초 단위로 표기)
3
console.log(new Date()) // 현재 시간을 출력
4
console.log(new Date('Jun 5, 2022')) // 특정 시간을 출력하고 싶다면
5
console.log(new Date('2022-12-17T03:24:00'))
6

7
console.log(Date.now()) // UTC기준에서 현재 시간까지 걸린 초
8
console.log(Date.parse('2022-12-17T03:24:00')) // 1671215040000
9

10
const now = new Date()
11
now.setFullYear(2023) // 연도를 설정
12
now.setMonth(0) // 월을 설정, 0부터 시작, 0이 1월
13
console.log(now.getFullYear())
14
console.log(now.getDate()) // 0: 1
15
console.log(now.getDay()) // 0 일요일일부터, 1... 6: 토요일
16
console.log(now.getTime())
17
console.log(now) // 2023-01-05T13:01:47.427Z
18

19
console.log(now.toString())
20
console.log(now.toDateString())
21
console.log(now.toTimeString())
22
console.log(now.toISOString()) // ISO 8601 형식으로 출력
23
console.log(now.toLocaleString('en-US')) // 미국 형식, 1/5/2023, 10:02:10 PM
24
console.log(now.toLocaleString('ko-KR')) // 한국 형식, 2023. 1. 5. 오후 10:02:10