회고록 블로그

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/string 문자열 ko.javascript.info ✅ 문자열 - 페이지의 인코딩 방식과 상관없이 자바스크립트에서 문자열은 UTF-16 형식에 따른다. - 작은따옴표, 큰따옴표, 백틱으로 문자열을 감쌀 수 있는데 백틱은 감싼 문자열 중간에 표현식을 삽입할 수 있다. (= 템플릿 리터럴이라고 부른다) ► 백틱은 여러 줄에 걸쳐 작성할 수도 있다. - 템플릿 함수에서도 백틱이 사용된다. ► 백틱 바로 앞에 함수 이름을 쓰면 백틱 안의 문자열 조각/표현식 평가 결과를 인수로 받아 함수가 호출된다고 한다. fun..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/number 숫자형 ko.javascript.info ✅ 숫자 입력하기 - e 를 이용하는 방법이 있다. "use strict"; let num1 = 1e9; let num2 = 1e-6; console.log(num1); //1000000000 console.log(num2); //0.000001 - 16진수 : 0x - 8진수 : 0o - 2진수 : 0b - 16, 8, 2진법 외의 진법을 사용하려면 parseInt를 사용해야한다. ✅ toString(base) - num.toString 메서드는 bas..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/primitives-methods 원시값의 메서드 ko.javascript.info ✅ 원시값의 메서드 - 일단 확실하게 한 가지 정리할 것이 있다. "원시값은 객체가 아니다." - 원시값에도 객체처럼 메서드를 호출할 수 있지만, "원시값은 객체가 아니다" - 원시값 vs 객체 ► 원시값 : 원시형 값이며 종류로는 [문자 / 숫자 / bigInt / 불린(boolean) / 심볼(symbol) / null / undefined 형](7가지)이 있다. ► 객체 : 프로퍼티에 다양한 종류의 값을 저장할 수 있으..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/object-toprimitive 객체를 원시형으로 변환하기 ko.javascript.info ✅ 객체 -> 원시형 변환하기 - 객체끼리 더하거나 빼면? 자동 형 변환이 일어난다. ► 객체는 원시값으로 변환된다. - 변환 규칙 ► 객체는 논리 평가 시 true를 반환 = 객체는 숫자형이나 문자형으로만 형 변환이 일어난다. ► 수학 관련 함수를 적용할 때 숫자형으로 형 변환이 된다. ► alert 등으로 객체를 출력할 때 문자형으로 형 변환이 된다. ✅ ToPrimitive - 객체 형 변환은 세 종류로 구분..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/symbol 심볼형 ko.javascript.info ✅ 심볼형 - 자바스크립트 가능한 객체 프로퍼티 키 : 문자형 or 심볼형 ► 숫자형, 불린형 불가 - 프로퍼티 키가 심볼형일 때 ► 유일한 식별자(unique identifier) 만들고 싶을 때 사용 ► 심볼을 만들 때 설명을 붙일 수 있다. (= 심볼 이름) "use strict"; // 심볼형 let id1 = Symbol(); let id2 = Symbol('id2'); // 심볼 이름이 id2인 심볼 // 문자형 let user1 = {}; l..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/optional-chaining 옵셔널 체이닝 '?.' ko.javascript.info ► 스펙에 추가된지 얼마 안 된 따끈따끈한 문법(?) ✅ 옵션널 체이닝? - optional chaining - 사용방법: ?. - 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다! 💡 중첩 객체 예시 let user1 = { name: "soy", age: 1, address: { country: "KOR", city: "seoul", "street address": "123-45", }, }; ✅ 필..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/constructor-new new 연산자와 생성자 함수 ko.javascript.info ✅ new 연산자와 생성자 함수 - 객체 리터럴 : {...} » 객체를 쉽게 만들 수 있다. - 객체 리터럴이 아니여도 객체를 생성할 수 있다. » new 연산자, 생성자 함수 ✅ 생성자 함수(constructor function) - 생성자 함수는 일반 함수와 기술적으로는 차이가 없다. - 다만 생성자 함수는 아래의 관례를 따른다고 한다. » 함수 이름의 첫 글자는 대문자 » 반드시 'new' 연산자를 붙여서 실행..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/garbage-collection 가비지 컬렉션 ko.javascript.info ✅ 가비지 컬렉터 - 자바스크립트 엔진 내에는 가비지 컬렉터(garbage collector)가 있다. » 가비지 컬렉터는 모든 객체를 모니터링하면서 [도달할 수 없는 객체]를 삭제한다. - 그렇다면 도달 가능한 값은 무엇일까. ✅ 도달 가능한 값과 가비지 컬렉션 - 자바스크립트는 눈에 보이지 않는 곳에서 메모리 관리를 수행한다. » 도달 가능성(reachability) 이라는 개념을 사용해서 메모리 관리를 수행 » 도달 가능..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/object-copy 참조에 의한 객체 복사 ko.javascript.info ✅ 참조에 의한 객체 복사 - 보통 복사하려고 할 때 - 원시값(문자열, 숫자 등)은 값 그대로 저장.할당되고 복사되지만 (값 복사) - 객체는 참조에 의해(by reference) 저장되고 복사된다. - 코드 예시 » 아래 코드의 변수 user에는 객체의 값이 아니라 객체가 저장된 "메모리 주소"(참조값)이 저장된다. let user = { name: "soySauce", age: 1 }; » 만약 다른 변수에 user 변수의 ..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/object 객체 ko.javascript.info ✅ 프로퍼티 이름의 제약사항 - 객체 프로퍼티 키(프로퍼티 이름)은 제약사항이 없다. "use strict"; let obj = { true: "a", 0: "b", }; console.log(obj["true"]); // a console.log(obj[true]); // a console.log(obj["0"]); // b console.log(obj[0]); // b (숫자 0은 문자열 0으로 자동변환된다 ※ 특별한 이름 : __proto__ - 프로..