본문 바로가기

전체 글48

JavaScript Koans-master 바닐라코딩 사전학습가이드에서 기본적인 사항을 공부 후에 Koans퀴즈를 추천하였다. Koans퀴즈를 통해 JavaScript를 확인하고 어떻게 사용되는지 학습할 수 있었다. 처음에는 갑자기 길어진 코드와 지금까지는 보지 못했던 테스트코드가 포함되어 있어서 어디서부터 봐야할지도 막막하였다. 하나씩 분석하면서 테스트코드는 어디서부터 어디까지이고 문제는 어디인지 알 수 있었고, 테스트에 대한 기본적인 사항도 알 수 있었다. Koans관련 코드는 GitHub를 통해 GIt에 업로드하였다. 이 글에서는 Koans를 공부하던 중에 더 정리해야 할 사항들을 적고 다른 글에서 정리하겠다. 1) expect expect().tobe() 시리즈 정리, 정규식 정리. https://jestjs.io/docs/expect 2.. 2021. 12. 28.
Windows 객체 Windown 객체란? windows 객체는 두 가지 역할을 한다. 브라우저 안의 모든 요소들이 소속된 객체로 최상위에 있기 때문에 어디서든 접근이 가능하다고 해서 '전역 객체' 라고도 부른다. 일반적으로 열고 있는 브라우저의 창(browser window)을 의미하고 이 창을 제어하는 다양한 메서드를 제공한다. 전역객체로써의 window window객체는 window라는 이름으로 접근할 수 있다. 콘솔에서 window를 쳐보면 window내의 다양한 프로퍼티들을 확인할 수 있다. var myName = 'Bono'; function getMyName() { return myName; } console.log(window.myName); // Bono console.log(window.getMyName(.. 2021. 12. 28.
this의 4가지 역할 이 글은 [JS/this] 자바스크립트, this의 4가지 역할 :: Code Playground (tistory.com)를 참조해서 작성하였습니다. [JS/this] 자바스크립트, this의 4가지 역할 Javascript, This. 자바스크립트에는 this라는 키워드가 있다. this는 문맥에 따라서 다양한 값을 가지는 데, this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별된다. this의 값들 im-developer.tistory.com JS에는 this 라는 키워드가 있다. this는 코드에 따라 다양한 값을 가지는데 this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구분된다. 1. 일반 함수 실행 방식 일반함수 실행 방식이란 함수를 선언한 후, 실행.. 2021. 12. 27.
new 예약어 생성자 함수를 작성할 때 new 예약어를 사용해서 작성하게 된다. 그렇다면 new 예약어를 사용하면 무슨일이 일어나는걸까? new 예약어를 사용하면 새로운 빈 객체를 만든다 this를 새로 만들어진 객체에 bind한다 새로 만들어진 객체에 "__proto__""라 불리는 property를 더한다. 이것은 생성자함수의 prototype객체를 의미한다. return this를 함수의 끝에 추가한다. 때문에 객체는 함수로부터 return되어 만들어진 것이다. function Student(name, age) { this.name = name; this.age = age; } Student라는 생성자 함수를 만들었다. 이 함수는 name, age라는 두개의 파라미터를 가진다. 이 인자들은 this의 value에.. 2021. 12. 27.
객체 생성자 함수 객체 생성자 함수란? 객체의 인스턴스를 생성하는 함수. new 연산자를 사용해서 빈 객체를 생성할 수 있다. const car = new Object(); 생성자 함수를 통해 생성한 객체를 '인스턴스' 라고 한다. 다음과 같이 생성한 인스턴스에 프로퍼티나 메서드를 추가할 수도 있다. car.name = 'K5'; car.start = function () { console.log('Starting up'); }; console.log(car.start()); JS에서는 객체 뿐만 아니라 문자열, 숫자, 불리언, 함수 등을 생성자 함수를 통해 생성할 수 있다. 생성자 함수를 사용하는 이유 객체를 생성할 때는 생성자 함수보다 객체 리터럴을 사용하는 것이 보다 편리하다. 그러나 생성자 함수는 다음과 같이 동일.. 2021. 12. 27.
메모리 주소는 무슨 타입일까? 메모리 주소는 포인터타입이다. 포인터타입은 primitive자료형이다. 참조) c++ - what data type is an Address? - Stack Overflow what data type is an Address? I have a map that will store a string, and a corresponding address(memory) that contains a integer value or char value. map myMap; //What datatype would address be? I'm not... stackoverflow.com Primitive vs non-primitive data structure - javatpoint Primitive vs non-primi.. 2021. 12. 27.

티스토리툴바