일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 엄티로드
- 솔로드릴
- 웹개발
- 자바스크립트
- 리액트
- Node
- 영화리뷰
- web
- 주짓떼라
- 드릴
- JavaScript
- 노드
- Express
- 클로즈가드
- 개발자
- 디자인패턴
- 영화감상
- 프로그래밍
- development
- nodejs
- 개발
- Redux
- 주짓떼로
- 영화
- 파이썬
- graphQL
- 하프가드
- git
- REACT
- 주짓수
- Today
- Total
목록JavaScript (19)
As i wish
안녕하세요. 오늘은 JS에 기본 개념인 scope, hoisting에 대하여 포스팅 해보겠습니다. JS 강좌를 듣고 있으면 scope, hoisting, closure 등등 알수 없는 말들이 많은데요. 개념을 확실히 잡고 가야할듯 합니다. Scope (유효 범위) 변수나 함수에 대한 유효 범위입니다. 즉, 변수와 매개변수의 접근성과 생존기간을 의미 합니다. - Global Scope (전역 스코프) 말 그대로 전역 변수 라고 생각하면 쉽겠네요. var a = 'text'; function foo() { console.log(a); } foo(); // text console.log(a); // text 이렇게 선언하면 스코프가 코드 모든곳이 됩니다. 심지어 선언한 함수 안에서도요. - Local Scop..
안녕하세요. 엄티 입니다. 오늘은 You don't know JS에 크게 2장으로 이루어진 챕터 중 2 장에 1번 '비동기성: 지금과 나중'에 대하여 포스팅해보겠습니다. 저의 포스팅은 한빛미디어에서 나온 'You don't know JS'를 기준으로 포스팅합니다. 일단 프로그래밍 비동기적 요소가 많이 포함되어있습니다. 실제 실무를 접하더라도 자바스크립트뿐만 아니라 파이썬, 자바 도 마찬가지로 비동기적 요소가 들어가 있죠. 예를 들어 서버에 REST ful API, Database 접근, 사용자 입력, AJAX 등 대부분이 다 비동기적 요소로 구성되어 있기 때문에 비동기적 요소를 알아야 합니다. 1. 프로그램 덩이 자바스크립트 프로그램은. js 파일 하나로도 작성할 수 있지만 보통은 여러 개의 덩이, 곧 ..
You don't know JS에 PART 1에 마지막 장인 '작동 위임'에 대하여 포스팅해보겠습니다. 지금 까지 [[Prototype]]에 대하여 공부하였고 '클래스'나 '상속'의 맥락에서 [[Prototype]] 이 적절하지 않은 지 공부했습니다. 따라서 [[Prototype]] 은 자바스크립트에서 여타 다른 클래스 지향 언어들과 달리 한 객체가 다른 객체를 참조하기 위한 내부 링크라고 정의할 수 있죠. 또한 참조하는 객체에 존재하지 않는 프로퍼티/메서드를 참조하려고 할 경우 엔진은 [[Prototype]] 링크를 따라가며 연결된 객체마다 프로퍼티/메서드가 있는지 뒤져보고 발견되지 않으면 다음 [[Prototype]] 링크에 연결된 객체를 타고 이동하는데 이것을 '프로토타입 연쇄'라고도 정의하였습니다..
이번에는 5장인 프로토타입에 대하여 공부해 보겠습니다! 1. [[Prototype]] 명세에 따르면 자바스크립트 객체는 [[Prototype]] 이라는 내부 프로퍼티가 있고 다른 객체를 참조하는 단순 레퍼런스로 사용합니다. 드물긴 하지만 [[Prototype]] 링크가 텅 빈 객체도 있긴합니다. var myObject = { a: 2 } myObject.a // 2 위와 같이 객체의 프로퍼티가 있으면 [[Get]]을 이용하여 찾아서 출력하지만, 만약 a라는 프로퍼티가 없으면 다음은 이 객체의 [[Prototype]] 링크로 찾아서 확인 합니다. var anotherObject = { a: 2 }; var myObject = Object.create(anotherObject) myObject.a // 2 ..
이번장에선 이론적인 설명이 많았습니다. 기존 객체지향 기반의 언어가 아닌 JS를 객체지향 언어처럼 쓰기 위한 노력들이 담겨 있었죠. 간단히 정리를 해보겠습니다. 1. 클래스 이론 클래스, 인스턴스에 대한 이론들은 사실 충분히 다른 포스팅에서 볼 수 있어요. 그렇기 때문에 크게 언급은 하지 않고 넘어가겠습니다. 간단히 말하면 제일 이해하기 쉬운게 붕어빵이죠. 붕어빵 틀을 클래스, 틀을 통해 나오는 붕어빵들을 인스턴스라고 생각하면 됩니다. 객체, 클래스, 인스턴스란...? [Java 용어정리] Object(객체), Class(클래스), Instance(인스턴스) 란? [Java 용어정리] Object, Class, Instance 란? object 객체, class 클래스, instance 인스턴스 에 대해..
You don't know JS에 3 장 객체에 대하여 포스팅해보겠습니다. 앞서 this에 관해 포스팅했었는데 참고해주세요. 3.1 객체 정의 일반적으로 JS에서 객체는 선언적(리터럴) 형식과 생성자 형식, 두 가지로 정의할 수 있습니다.. // 선언적(리터럴) 형식 var myObj = { key: value // ... } // 생성자 형식 var myObj = new Object(); myObj.key = value; 두 형식 모두 생성되는 객체는 같습니다. 그러나 리터럴 형식은 한 번의 선언으로 다수의 키/값을 추가할 수 있고, 생성자는 한 번에 한 프로퍼티만 추가 할 수 없어요. 3.2 타입 자바스크립트는 대략 7가지 정도 타입이 있는데, null undefined boolean number s..
오늘은 지난 번에 이어서 포스팅을 해보겠습니다. 지난 번에는 this 바인딩에 관해서 공부 했었는데 오늘은 그 바인딩에 순서에 대하여 알아보려 합니다. this가 이런 거로군! - 1 [You don't know JS] - this가 이런 거로군! - 1 앞서 포스팅했던 것에 이어서 두 번째 장인 'this가 이런 거로군!'에 대하여 포스팅해보겠습니다. 앞서 포스팅에서 this가 알고 있었던 것과는 달리 호출부에서 함수를 호출할 때 바인딩된다고 포스팅했었습니다... eomtttttt-develop.tistory.com 일단은 바인딩에 관해서는 4가지 가 있었죠. 1. 기본 바인딩 2. 암시적 바인딩 3. 명시적 바인딩 4. new 바인딩 암시적 바인딩 vs 명시적 바인딩 먼저 암시적 바인딩과 명시적 바인..
앞서 포스팅했던 것에 이어서 두 번째 장인 'this가 이런 거로군!'에 대하여 포스팅해보겠습니다. 앞서 포스팅에서 this가 알고 있었던 것과는 달리 호출부에서 함수를 호출할 때 바인딩된다고 포스팅했었습니다. this라나 뭐라나 [You don't know JS] - this라나 뭐라나 기본은 모르고 자꾸 개발만 하다 보니 이상하게 제 지식이 역삼각형 형태가 되는 것 같아서. 기본적인 책을 사서 읽어보고 정리를 하려고 합니다. 책은 한빛미디어에서 나온 "You don't know JS - 카일 심슨"의 책.. eomtttttt-develop.tistory.com 참고해주세요! 일단 먼저 this바인딩에 대한 규칙에 대하여 정리해보겠습니다. 1. 기본 바인딩 2. 암시적 바인딩 3. 명시적 바인딩 4. ..
기본은 모르고 자꾸 개발만 하다 보니 이상하게 제 지식이 역삼각형 형태가 되는 것 같아서. 기본적인 책을 사서 읽어보고 정리를 하려고 합니다. 책은 한빛미디어에서 나온 "You don't know JS - 카일 심슨"의 책을 바탕으로 정리해보겠습니다! 우선 this는 모든 함수 스코프 내에 자동으로 설정되는 특수한 식별자입니다. 일단 스코프란 링크를 참조해 주세요. 일단 this 가 사용된 코드를 보겠습니다. function identify() { return this.name.toUpperCase(); } function speak() { var greeting = 'Hello, Im ' + identify.call(this); } var me = { name: 'Kyle' }; var you = { ..