no image
[JS 자습] 6 - String Method
String(문자열)을 표기할 때 백틱으로 여러줄을 표현할 수 있다. 일반 따옴표로 한줄이 아닌 여러줄을 표기하면 에러가 난다. var name = "Sam" var welcome = '안녕하세요' + name + '님'; //백틱으로 표현 var welcome = `안녕하세요${name}님`; 문자열도 배열과 마찬가지로 Index로 위치에 접근할 수 있다. 하지만 배열과 다르게 한 글자만 바꾸는 것은 허용되지 않는다. let letter = '안녕하세요'; letter[2] //'하' 반환 letter[4] = '용'(X) 1. 문자열 Methods toUpperCase() / toLowerCase() 모든 영문자를 대문자/소문자로 바꿔준다. let message = "Hi everyone, Nice ..
2023.01.20
no image
[JS 자습] 5 - Math
1. toString() 10 진수 -> 2진수 / 16진수 let num = 10; num.toString(); //"10" num.toString(2); //"1010" ->2진수로 변경 2. Math Math.PI : 원주율 Math.ceil() : 올림 Math.floor() : 내림 Math.round() : 반올림 toFixed() : 숫자를 고정 소수점 표기법으로 표시 let number = 30.1234; //소수점 둘째자리까지 표현(셋째 자리에서 반올림) number.toFixed(2); => "30.12" number.toFixed(0); => "30" number.toFixed(6); => "30.123400" **주의해야할 점! toFixed는 문자형을 반환하기 때문에 다시 숫자형으..
2022.11.22
no image
[JS 자습] 4 - 심볼(Symbol)
심볼(Symbol)이란? ES6에 새롭게 추가된 7번째 타입으로 변경 불가능한 원시타입의 값이다. 심볼은 주로 이름의 충돌 위험이 없는 유일한 객체의 프로퍼티 키(property key)를 만들기 위해 사용한다. 즉 기존의 객체에서 property key는 문자형이었지만 추가로 더 가능한 형태는 Symbol이다. 심볼은 유일한 식별자를 만들 때 사용한다. 즉, 심볼은 유일성을 보장한다. const a = Symbol(); const b = Symbol(); //new를 붙이지 않는다. console.log(a) => Symbol() console.log(b) => Symbol() a === b; -> false a == b; -> false const a = Symbol('id'); -> 설명을 넣어줄 ..
2022.11.09
no image
[JS 자습] 3 - 계산된 프로퍼티와 객체 메소드 정리
Computed Property(계산된 프로퍼티) let a = 'age'; const user = { Name : 'Sam', [a] : 30 //age : 30 } const user = { [1 + 4] : 5, ["안녕" + "하세요"] : "hello" //식으로 넣는 것도 가능하다. } 더보기 Computed Property와 점표기법 차이점 Object Methods(객체에서 사용할 수 있는 메소드들) 1. Object.assign() : 객체 복제 let cloneUser = user (x) => 객체가 복사되는 것이 아니라 객체 참조값이 복사된다. 그렇기 때문에 cloneUser의 값을 수정하면 user의 값도 수정이 된다. 원본을 훼손하지 않고 동일하게 복제하려면 메소드를 써야한다. c..
2022.08.27
no image
[JS 자습] 2 - 생성자 함수
비슷한 객체를 여러 개 만들 때 생성자 함수를 사용하면 된다. 첫글자는 대문자로 New 연산자를 사용하여 호출 new를 붙이는 순간 함수 내부에서 빈 객체를 생성하고 객체 property를 만든 후 return 한다. 그렇기 때문에 굳이 안써줘도 됨. 반대로 new를 붙이지 않으면 아무것도 return되는 것이 없기 때문에 'undefined'가 반환된다. function User(name, age){ //this = {}; this.name = name; this.age = age; //return this; } *this란? 함수가 속해 있는 객체를 가리키는 변수. let user1 = new User('Mike', 30); let user2 = new User('sam', 20); let user3..
2022.08.27
no image
[JS 자습] 1 - 변수 (var/let/const 차이)
1.변수 (var/let/const 차이) var는 한번 선언된 변수를 다시 선언할 수 있다. var는 선언하기 전에 사용할 수 있다. (호이스팅) Let과 Const는 TDZ(Temporal Dead Zone) 영향을 받기 때문에 할당하기 전에는 사용할 수 없다. 호이스팅은 스코프 내에서 일어난다. *호이스팅 : 스코프 내부 어디서든 변수 최상위에 선언된 것처럼 행동(var, let, const, function, class 등의 모든 식별자들은 호이스팅 된다.) 변수의 생성과정 Var 1. 선언 및 초기화 단계 2. 할당단계 Let 1. 선언단계 2.초기화 단계 3.할당 단계 Const 1.선언 + 초기화 + 할당 *TDZ(Temporal Dead Zone)이란? 일시적인 사각지대라는 의미로 스코프 ..
2022.08.26