Bleeding edge

19.13 프로퍼티 존재 확인 19.13.1. in 연산자 const obj ={ key : 'value' } console.log( 'key' in obj, //obj객체에 key 프로퍼티가 존재한다 true 'key1' in obj //obj객체에 key1 프로퍼티가 존재한다 false 'toString' in obj //true Reflect.has(obj, 'key') //true. Reflect.has는 in과 같게 동작한다 /* toString 같은 경우 obj가 가지고 있지는 않지만 obj의 프로토타입 체인에 toString 프로퍼티를 가지고 있기 때문이다. toString은 Object.prototype 메서드이다 */ ) 19.13.2 Object.prototype.hasOwnProper..

19장 프로토 타입 19.1 객체지향 프로그래밍 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍을 벗어나 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 객체지향 프로그래밍은 실세계의 실체를 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작한다. 사람에게는 다양한 속성이 있으나 우리가 구현하려는 프로그램에서는 사람의 이름과 주소라는 속성에만 관심이 있다고 가정하자. 이처럼 다양한 속성에서 프로그램에 필요한 속성만 간추려 내어 표현하려는 것을 추상화라고 한다. 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조를 객체라한다. 객체지향 프로그래밍은 객체의 **상태를 나타내는 데이터(프로퍼티)**와 상태데이터를 조작할 수 있는 동작(메서드)을 하나의 ..

16장 내부 슬롯과 내부 매서드 16.1 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기위해 사용하는 의사 프로퍼티와 메서드이다. 예시 ([[…]]) 원칙 : 내부 슬롯과 내부 메서드는, 개발자가 직접 접근할 수 있도록 공개된 객체 프로퍼티는 아니다. 단, 일부 내부 슬롯과 내부 매서드에 한하여 직접적으로 접근할 수 있는 수단을 제공하기는 한다. 내부 슬롯은 원칙적으로 접근할 수 없지만, [[ProtoType]] 내부 슬롯의 경우, proto 를 통해 간접적으로 접근할 수 있다 const o = {}; o.[[Prototype]]; o.__proto__ //Object.prototype 16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 자바스크립트 엔..

13장 스코프 13.1 스코프란? var 키워드로 선언한 변수와 let, const키워드로 선언한 변수의 스코프는 다르게 동작한다. 스코프는 변수 그리고 함수와 깊은 관련이 있다. 스코프는 코드의 가장 바깥 코드 블록내 중첩된 코드 블록 내에서 선언한 함수 내에서 선언한 변수 중첩된 함수 내에서 선언한 변수 모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효범위가 정해진다. 즉 스코프는 식별자가 유효한 범위를 말한다. 스코프란, 식별자를 검색할 때 사용하는 규칙 주변에 어떤 코드가 있는지를 렉시컬 환경이라고 부르며, 코드의 문맥은 렉시컬 환경으로 이루어지며, 이를 구현한 것이 실행 컨텍스트이며, 모든 코드는 실행 컨텍스트에 의해 평가되고 실행된다. 스코프는 네임 스페..

딥다이브 공부 12장 함수 12.1 함수란? 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. function functionName(var){ //함수 정의 return outputV } functionName(inpntV)//함수 호출 var(전달받은 변수) : 매개 변수 inputV(입력) : 인수 outputV(출력) : 반환 값 12.2 함수를 사용하는 이유 코드의 재사용성 유지보수성의 편의성 상승 실수를 줄여 코드의 신뢰성 상승 코드의 가독성을 높인다 12.3 함수 리터럴 리터럴은 값을 생성하기 위한 표기법이다. 함수 리터럴도 평가되어 값을 생성하며, 이 값은 객체다. 즉 함수는 객체다. 함수는 객체지만, 일반객체와는 다르다. 일반 객체는 호출 할 ..

오늘 공부한 것 09장 타입 변환과 단축 평가 9.1 타입 변환이란? 타입 변환은 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다. 타입 변환을 할 때 주의해야할 것은, 원시 값은 변경 불가능한 값이므로 변경할 수 없으며, 타입 변환이란 기존 원시 값을 사용해 다른 새로운 원시 값을 생성하는 것이다. 암시적 타입 변환이 더 간결해 보일 수 도 있지만, 동료가 작성한 코드를 정확히 이해할 수 있게 작성해야한다. 9.1-1 명시적 타입 변환 값의 타입이 개발자의 의도에 따라 다른 타입으로 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다. 9.1-2 암시적 타입 변환 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되는 것을 암묵적 타입 변환 또는 타입..

수업시간에 배운 내용 : 프론트엔드 개발에 필요한 기술 정리 HTML : tags & attributes, Semantic web CSS : Layout(float, flex, grid) , transition / animation, 반응형 웹, Preprocessor(Sass, Less, Stylus, PostCss), CSS 방법론, CSS 프레임워크 크로스 브라우징 JavaScript : ES5, ES6, ES Next, DOM/Event, Ajax, 동작 원리(브라우저, 자바스크립트 엔진), node.js HTTP Tools, Git, Webpack, Babel, ESLint, npm 등 Library/Framework : SPA(Angular, React, Vue), TypeScript, jQu..

01장 프로그래밍 1.1 프로그래밍이란? 0과 1만 아는 컴퓨터에게 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이다. 문제 해결방안을 제시할 때 컴퓨터의 입장에서 문제를 바라봐야하는데 이때 컴퓨터 사고가 필요하다. 예시) 걷는다 = 왼발(혹은 오른발을 선택한다) + 전방으로 선택한 발을 움직인다. 1.2 프로그래밍언어 프로그래밍언어는 사람이 이해할 수 있는 약속된 구문으로 이를 이용해 프로그램을 작성하고, 기계에게 이를 전달할 때 일종의 번역기(컴파일러, 인터프리터)를 사용한다. 프로그래밍은 구문(syntax)와 의미(semantics)의 조합으로 이루어져 있다 1.3 구문과 의미 프로그래밍 언어는 문법에 부합하는 것은 물론이고, 수행하고자 하는 바를 정확히 수행하여 요구사항이 실현..

1. MVC : Model, View, Controller 3가지로 이루어진 디자인 패턴입니다. MVC 장단점 장점 : 재사용성과 확정성이 용이하다 단점 : 어플리케이션이 복잡해질수록, 모델과 뷰의 관계가 복잡해진다. MVC 용어 모델 : Data 뷰 : UI 컨트롤러 : 하나 이상의 모델과 하나 이상의 뷰를 잇는다. 모델이나 뷰의 변경 통지를 받으면 해당하는 요소에 내용을 알려준다. MVC 패턴의 예시 : 리액트 대표적인 특성 : immutable → state는 setState를 통해서만 수정이 가능하고, props 기반으로 만들어진 컴포넌트인 purComponent가 있습니다. 2. MVP : MVC모델에서 파생되었으며, P는 Presenter입니다. 뷰와 프레젠터는 일대일 관계이기 때문에 MVC패..