본문 바로가기

분류 전체보기59

숫자, 수학 method (Number, Math) - 자바스크립트 중급 강좌 #5 자바스크립트 중급 강좌 #5 - 숫자, 수학 method (Number, Math) 10진수를 2진수/16진수로 바꾸기. toString() Math 자바스크립트에는 수학과 관련된 프로퍼티와 메서드들을 갖고 있는 Math 라는 내장 객체가 있다. 위 예시처럼, Math.PI 로 원주율을 확인할 수 있다. Math.ceil() : 올림 Math.floor() : 내림 Math.round() : 반올림 소수점 자릿수 표현 만약 소수점 둘째자리까지 표현해야 한다면, 100을 곱해주고 Math.round()를 활용해 반올림 해주고, 그걸 100으로 나눠주면 된다. 소수점 자릿수 : toFixed() 위의 방법보다 더 간단하게는, toFixed()를 사용하면 된다. 인수로 넣어주는 수만큼 소수점 자릿수를 표현해준.. 2021. 10. 27.
심볼(Symbol) - 자바스크립트 중급 강좌 #4 자바스크립트 중급 강좌 #4 - 심볼(Symbol) 객체 프로퍼티 키에는 2가지 유형이 있다. 문자형과 심볼형. property key: 문자형 property key: 심볼형 심볼은 유일한 식별자를 만들 때 사용한다. a와 b는 생긴 것은 똑같은데, 일치 연산자와 동등 연산자를 확인해보면 false 가 나온다. (일치 연산자(===, strict equality): 양쪽의 값과 타입이 모두 같은 경우에만 true를 반환) (동등 연산자(==, abstract equality): 양쪽의 타입이 다르더라도 값이 같다면 true를 반환. 자바스크립트 엔진에 의해 암묵적인 타입 변환이 먼저 이루어지기 때문) 심볼은 유일성을 보장해준다. 전체 코드 중에 딱 하나라는 의미이다. 문자열을 전달해서 설명을 덧붙여줄 .. 2021. 10. 27.
객체 메소드(Object methods), 계산된 프로퍼티(Computed property) -자바스크립트 중급 강좌 #3 자바스크립트 중급 강좌 #3 - 객체 메소드(Object methods), 계산된 프로퍼티(Computed property) Computed property 이렇게 age를 직접 써줄 수도 있지만, a를 대괄호로 묶어서 넣어줄 수도 있다. 그러면 a라는 문자열이 아니라, a 에 할당된 값이 들어가게 된다. 이것을 computed property 라고 한다. 이렇게 식 자체를 넣는 것도 가능하다. 이렇게 어떤 것이 키가 될 지 모르는 경우에 유용하다. 객체 메소드 (Object Methods) Object.assign() : 객체 복제 user 변수에는 객체가 들어가 있는 것이 아니라, 객체가 저장된 메모리 주소인 객체에 대한 참조값이 저장된다. 그러므로, cloneUser에 user 를 넣는 것은 객체가.. 2021. 10. 27.
생성자 함수 - 자바스크립트 중급 강좌 #2 자바스크립트 중급 강좌 #2 - 생성자 함수 객체 만들기 => 이런 식으로 객체를 만들 수 있다. 이걸 객체 리터럴이라고 한다. 이렇게 비슷한 객체를 여러번 만들어야 할 때는 일일이 객체를 만드는 것보다 생성자 함수를 활용하는 것이 더 효율적이며 일관성 있게 객체를 만들 수 있다. 생성자 함수 => 생성자 함수를 만들고, 함수를 호출하여 비슷한 객체 여러개를 만들어낼 수 있다. 생성자 함수는 붕어빵 틀이라고 생각하면 된다. 필요한 재료 (여기서는 name, age)를 넣어주면 알아서 붕어빵을 만들어줌. => new를 붙여서 생성자 함수를 호출하게 되면, 빈 객체 this를 생성하고 그 안에 프로퍼티나 메소드를 추가하여 객체를 리턴한다. 실제 코드에는 빈 객체 this를 생성하고 리턴하는 코드는 없지만 n.. 2021. 10. 27.
변수, 호이스팅, TDZ(Temporal Dead Zone) - 자바스크립트 중급 강좌 #1 자바스크립트 중급 강좌 #1 - 변수, 호이스팅, TDZ(Temporal Dead Zone) 변수의 생성 과정 변수는 선언-초기화-할당 단계를 거쳐 생성된다. (초기화: undefined를 할당해주는 단계) var는 선언과 초기화가 동시에 일어나고, 그 뒤에 할당된다. let은 선언, 초기화, 할당이 모두 분리되어 있다. const는 선언, 초기화, 할당 모두가 한꺼번에 일어난다. (let 과 var는 선언과 할당이 분리되어 있기 때문에 선언을 미리 해두고 나중에 할당하는 것이 가능하다. 그렇기 때문에 할당된 값을 바꿀 수도 있게 되는 것) 변수 var, let, const 비교 1. var 는 한번 선언된 변수를 다시 선언할 수 있다. 반면, let과 const는 안 됨. 2. var 로 선언한 변수는.. 2021. 10. 27.

티스토리툴바