문성

오늘은 this 키워드에 대해서 알아보도록 하겠습니다. 자바스크립트만의 특징 중 하나를 꼽으라고 하면 this 키워드가 빠질 수 없는데, 그만큼 자바스크립트 내에서 자주 쓰이고 유명한 만큼 이번 글에서 제대로 알아보도록 합시다. 1. 메소드 속 this let obj = { msg : "hello", say() { console.log(this.msg); } } obj.say(); // hello 위의 코드에서 say 메소드 속 this 는 obj 객체를 가르킵니다. 따라서, obj.msg 프로퍼티에 접근할 수 있었죠. 즉, 특정 객체 속 메소드 내부에서 쓰이는 this 는 자신을 품고있는 객체를 가르킵니다. let user = { name : "John" }; let admin = { name : "A..

이번에는 객체(Object) 에 대해서 다루어보도록 하겠습니다. 객체는 하나의 데이터만 담을 수 있는 원시형(primitive type) 의 자료형과 달리, 여러 타입을 키(key) 와 값(value) 의 형태로 담을 수 있는 자바스크립트의 자료형입니다. 따라서, 이러한 객체의 기본을 지금부터 알아보도록 합시다. 1. 객체 선언 객체는 두가지의 방법으로 선언될 수 있습니다. 하나는 객체 생성자를 이용하는 방법이고, 나머지 하나는 객체 리터럴을 이용하는 방법입니다. let obj1 = new Object(); // 객체 생성자 let obj2 = {}; // 객체 리터럴 선언 방식만 다를뿐 obj1과 obj2는 똑같은 객체입니다. 보통은 객체 리터럴 방식으로 많이 선언하지만, 원하는 방식을 사용하시면 됩니..

이번에는 논리 연산자와 nullish 병합 연산자에 대해서 알아보도록 하겠습니다. 논리 연산자의 기본적인 부분은 아마 많은 분들이 아시고 계실거라 생각하지만, 기본적인 부분 뿐만 아니라 응용하여 다른 용도로 활용할 수 있는 방법과, 추가로 nullish 병합 연산자까지 다루어볼 것이니 끝까지 필독해주시면 감사하겠습니다! 1. 논리 연산자 자바스크립트에는 세 종류의 논리 연산자가 존재합니다. 바로 ||(OR), &&(AND), !(NOT) 이죠. 그리고, 자바스크립트나 다른 프로그래밍 언어에 견해가 조금이라도 있으신 분들은 대부분 위의 세가지 연산자가 어떤 역할을 하는지 알겁니다. 꼭 프로그래밍 언어를 배우지 않았어도 상식적으로도 알 수 있죠. true || false // true true || true..

최근에 자바스크립트 기반 언어나 프레임워크를 다룰 일이 많아졌습니다.(React, React Native, Node.js 등등...) 그래서, 이참에 가물가물하거나 까먹었던 것들을 포함하여 자바스크립트의 핵심 문법들을 다시 곱씹으면서 정리해나갈 생각입니다. 오늘은 첫번째로 엄격모드, "use strict" 지시자에 대해서 알아보도록 하겠습니다. 1. 엄격모드 엄격모드는 말 그대로 자바스크립트를 더욱 엄격하게 심사하여 실행하는 모드입니다. 물론 간단하게 말해서 말이죠. 엄격모드를 적용함으로서 적용되는 특징은 다음과 같습니다. 실수를 에러로 발생시키기 변수 사용을 단순화시키기 eval과 arguments 를 간단하게 하기 자바스크립트 보안 강화 미래의 자바스크립트를 대비하기위한 준비 여기서 가장 중요한 부분..