JavaScript

this 란? this란 객체지향 프로그래밍 언어에서 사용하는 키워드이며 이때 this는 해당 코드를 실행하는 클래스의 인스턴스를 나타낸다. 자바스크립트에서의 this는 조금 다르다. 자바스크립트의 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체나 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this의 바인딩 function sayName() { const name = 'yunCow' console.log(this.name) } sayName(); // ? 코드만 딱 봤을땐 console.log에 'yunCow'를 보여줄 것으로 보인다. 하지만 그렇지 않다. 자바스크립트에서의 this가 참조하는 것은 함수의 호출 방식에..

스코프 체인이란? 스코프 체인은 스코프들이 계층적으로 연결된 것을 스코프 체인이라 한다. 자바스크립트 엔진은 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작해서 상위 스코프 방향으로 이동하며 선언된 변수를 검색한다. 이런 방식으로 움직이기에 상위 스코프에서 선언한 변수를 하위 스코프에서도 참조할 수 있다. ( 실행 컨텍스트의 렉시컬 환경을 단방향으로 연결 ) 스코프 체인은 실체가 존재하며, 렉시컬 환경에 대해 알아야 하는데 굉장히 깊은 부분이므로 따로 천천히 알아보는것을 추천한다. 간단하게 변수 선언시 변수 식별자가 렉시컬 환경에 key로 등록이 되고 변수 할당이 되면 렉시컬환경의 변수 식별자에 해당하는 값을 변경한다. const foo = () => { console.log('전역 함수 fo..

스코프란 ? 🕶 스코프란, 모든 식별자(변수,함수,클래스 등)는 선언된 위치에 따라 참조할 수 있는 유효범위가 결정되는데 이 말은 즉, 스코프는 식별자가 유효한 범위라 할 수 있다. 스코프의 종류 스코프는 전역 스코프(global scope)와 지역 스코프(local scope)가 있다. 스코프는 식별자를 선언할 때 정해지며 이런 개념을 렉시컬 스코프라 한다. 함수는 전역함수의 내부에도 정의할 수 있다. 함수의 내부에서 정의된 함수를 중첩 함수라 하며 중첩함수를 포함하는 함수를 외부 함수라고 한다. 함수가 중첩될 때 지역스코프도 중첩될 수 있다. 즉, 외부 함수의 지역 스코프와 중첩 함수의 내부의 지역 스코프는 계층적 구조를 가지고 이때 외부 함수의 지역스코프를 중첩 함수의 상위 스코프라 한다. var ..

중복요소 제거방법 3가지 🙋‍♂️ Set indexOf 와 filter 이용 forEach 와 includes 이용 ( 위 3가지 방법말고도 다양한 방법이 있을 수 있다! ) Set const test = [1, 2, 3, 3, 3]; const setTest = new Set(test); const setTest2 = [...setTest]; console.log(setTest); //Set = {1,2,3} console.log(setTest2); // [1,2,3]; 중복값이 있는 배열을 Set 객체로 만든 후 스프레드연산자(...)를 이용해 배열에 전개해준다. Set 객체를 배열로 변환할때 스프레드 연산자말고 Array.from() 로도 가능하다. indexOf, filter const test ..

sort? 정렬 메소드 아닌가?🤔 라고 생각했다가 코딩테스트 문제 풀다가 머릿속에 물음표로 가득찼다. 생각보다 sort는 복잡한 함수였고 오름차순 내림차순으로 정렬하는 법만 알았는데 아직 알쏭달쏭하지만 그래도 기존보다는 많이 알게됐다! sort는 compareFunction 라는 콜백함수를 인자로 받을 수 있는데 이는 법칙이 있다. sort는 비교할 때 기본적으로 a와 b 를 비교하면 a의 유니코드(U+0061), b의 유니코드(U+0062) 를 기준으로 비교하게 된다. 즉 a - b 를 하게된다면 음수가 나오게 되고 b는 a 보다 큰 요소로 확인된다. compareFunction 나는 위에 MDN에 적혀있는 내용이 이해가 안갔다. (혹시 쉽게 설명가능하신 분 댓글부탁드립니다.) compareFuncti..

const number = 12345; const test = number.toString(); console.log(typeof test); // type = string toString은 숫자타입을 문자열로 변경해준다. 문자열 변경 말고도 한가지의 사용법이 더 있는데 바로 숫자를 원하는 진법으로 변경이 가능하다. const number = 12; const test = number.toString(2); console.log(typeof test, test); // console.log(string 1100); 타입은 동일하게 string으로 변경되며 해당 숫자를 2진법으로 변경해서 value를 뱉는다. 매개변수(radix) 는 선택사항이며 진법의 변화가 필요할때와 필요하지 않을때를 구분하여 사용하면..

substr ❌ // substr(startIndex,length) const str = "안녕하세요"; const substrTest = str.substr(0, 3); console.log(substrTest); //console.log(안녕하) substr은 사실 사용을 권하지 않는다. 이유는 substr()이 포함된 ECMA-262 표준 부록에 본 부록이 포함한 모든 언어 기능과 행동은 하나 이상의 바람직하지 않은 특징을 갖고 있으며 사용처가 없어질 경우 명세에서 제거된다고 MDN 사이트에서 친절히 경고를 내보내고 있기때문이다. 프로그래머스 코딩테스트 연습 중 발견하고 변경하였는데 잘만 쓰면 유용할거 같은데 조금 아쉽긴 하다. 사용법은 간단하다. substr(시작할인덱스, 길이) 를 입력해주면 간..

반복문이란 ? 🤷‍♂️ 프로그래밍 언어에서 반복문이란 주어진 횟수만큼 명령을 반복하여 수행하도록 제어하는 실행문이다. 여러 반복문이 있지만 이 글에서는 자주 사용되는 for, for...of, for...in 에 대해 작성하고자 한다. for ♻ for(초기화식; 조건식; 증감식) { 실행문; } // ex) for (i = 0; i < 10; i++) { console.log(i); } // console.log(0,1,2,3,4,5,6,7,8,9) for...in 🚩 const num = { one: 1, two: 2, three: 3, four: 4, five: 5, }; for (number in num) { console.log(number); } // console.log(one,two,thr..