코딩하는 고릴라

원시값의 메서드 ko.javascript.info1. 원시값의 메서드1) 원시형의 종류더보기string | number | boolean | bigint | symbol | null | undefined2) 원시값의 메서드에 접근할 때 나타나는 동작 방식더보기1. 원시 래퍼 객체(wrapper object)를 임시로 생성2. 해당 객체의 메서드/프로퍼티에 접근3. 작업이 끝난 후 해당 원시 래퍼 객체 제거3) 래퍼 객체를 생성자로 활용할 때 발생할 수 있는 혼동더보기1. 원시값이 아닌 객체(object)로 생성된다. 따라서 타입 체크 시 혼동할 수 있다. console.log(typeof 1); // number console.log(typeof new Number(1)); // object따라서 1 과..

객체 ko.javascript.info🐃 1. 객체- 객체와 Map에서 key값으로 지정할 수 있는 데이터 타입의 차이점더보기-----객체 : key값으로 문자열, 심볼만을 허용한다.Map : key값으로 모든 데이터 타입을 허용한다.------ for key in object 를 통해 객체의 키를 순회할 때 순회 순서더보기-----정수 프로퍼티 : 키 값을 오름차순으로 정렬하여 순회한다.그 외의 프로퍼티 : 객체에 추가한 순서로 순회한다.정수 프로퍼티와 문자열 프로퍼티가 섞여있을 때 : 정수 프로퍼티 -> 문자열 프로퍼티 순으로 순회한다.----- ## 정수 프로퍼티란?- 문자열을 정수형으로 변경했을 때, 변형이 없는 문자열 프로퍼티- 프로퍼티 키값으로 '49', '32' 등을 사용했을 때는 정수 프..

내용은 지속적으로 업데이트할 예정입니다. 엄격 모드 ko.javascript.info🦍 1. 엄격 모드- 엄격모드란?더보기ES5 등장 후, 변경된 기존 기능의 안정적인 동작을 위해 변경된 기능을 사용할 수 있게 하는 모드.엄격 모드가 아닌 기본 모드에서는 ES5 이전의 기능을 활용할 수 있다.- 요즘 지원되는 일반적 브라우저 콘솔 환경에서는 기본적으로 'use strict'가 적용되어 있을까?더보기일반적으로 엄격 모드가 적용되어 있지 않다. 따라서 브라우저 콘솔에서 엄격 모드 활용을 위해서는 'use strict'를 입력 후, shift+enter를 입력해 줄 바꿈 후 코드를 작성해야 한다.- 'use strict'를 명시하지 않아도 엄격 모드가 적용되는 경우더보기- 클래스를 활용하는 경우- 모듈을 활..

let arr = ['r', 'a', 'n', 'd'];arr.sort((a, b) => a.localeCompare(b));console.log(arr); // [ 'a', 'd', 'n', 'r' ] 아시다시피 배열의 경우에는 sort 메서드를 통하여 간편하게 배열 내 값들을 정렬시킬 수 있습니다.그렇다면, 문자열도 위와 같은 방식으로 정렬시킬 수 있을까요?let str = 'andomword';[].sort.call(str, (a, b) => a.localeCompare(b));console.log(str); // ??? 문자열 자체에는 sort 메서드를 호출할 수 없어, call을 활용해 배열의 메서드인 sort를 빌려와 사용하였습니다.문자열은 이터러블이며 유사 배열 객체이기 때문에 배열의 sor..

자바스크립트에서 비동기 작업을 다루는 것은 매우 중요한 일이나 개인적으로 헷갈리는 부분이 많았습니다.해당 게시물에서는 예시 코드와 함께 코드가 어떤 순서대로 작동되는지 나타내는 모식도와 함께 정리해 보았습니다.node.js 와 브라우저에서의 비동기 작업은 다소 차이가 있기에 브라우저를 기준으로 설명했습니다. 호출 스택 (Call Stack)자바스크립트 코드에서 호출된 함수가 쌓이는 공간입니다.이벤트 루프 (Event loop)호출 스택, 콜백 큐를 감시하며 실행될 작업을 조정하는 역할을 합니다.동기적으로 작업하는 함수는 호출 스택에 쌓아가져 실행시키고, 호출 스택이 비어있을 때만 콜백 큐에 있는 작업을 순차적으로 호출 스택에 올리는 역할을 합니다.콜백 큐 (Callback Queue)비동기 작업의 처리 ..

본 게시물은 poiemaweb(https://poiemaweb.com/)에 기술된 내용을 기반으로 작성한 게시물입니다. 1. 데이터 타입 - 데이터 타입이 가지고 있는 정보 - 메모리에 데이터 저장시 확보해야 하는 메모리 공간의 크기 - 메모리에 할당할 수 있는 유효한 값에 대한 정보 - 메모리에 저장된 2진수 데이터를 해석하는 방법 - 데이터 타입의 존재 이유 - 한정된 메모리 공간의 효율적 사용을 위해 - 2진수 데이터로 메모리에 저장된 데이터를 다양한 방법으로 사용하기 위해 - 데이터 타입의 종류 1. 원시 타입 (primitive type) - boolean - null - undefined - number - string - symbol 2. 객체 타입 (object, reference type..