개발블로그

JavaScript에서의 this In most cases, the value of this is determined by how a function is called. It can't be set by assignment during execution, and it may be different each time the function is called - 출처 : MDN( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this ) 자바스크립트에서 함수의 this키워드는 다른 언어에서의 this와는 조금 다르다고 한다. 대부분의 경우에 this는 함수가 어떻게 불렸냐에 따라 결정되는데, 실행중 할당에 의해 정해질 ..

ES6부터 자바스크립트에도 클래스개념이 도입되었다고 한다. C나 JAVA에서 봐왔던, 내가 알던 클래스와는 조금 다르기에 정리해 보려고 한다. 클래스를 사용해보자! // define Person class class Person { constructor(name, age, email) { this.name = name; this.age = age; this.emailList = email ? [email] : []; } introducMyself() { return `I'm ${this.name}, ${this.age}years old.`; } // Getter Method get getEmailList() { return `Email : ${this.emailList.join(', ')}`; } // ..

MyObject.prototype.myMethod = function() {…}; 프로토타입을 처음 접했을 때 제일 궁금했던 점은 ‘왜 함수 내부에 메소드나 변수를 정의하나, prototype을 사용하여 정의하나 똑같은거 아닌가?’ 였다. 이 궁금증에 대한 해답을 찾았다. // without Prototype function MyClass(name) { this.name = name; this.sayMyName = function() { console.log(this.name); } } var MyClass1 = new A("I'm MyClass1"); var MyClass2 = new A("I'm MyClass2"); console.log(MyClass1.sayMyName === MyClass2.say..

Action — object : { type: SOME_TYPE [, USER_DEFINE_DATA ]} 우리는 액션객체를 리듀서에 전달함으로써 상황에 따라 원하는대로 스토어의 상태를 변경시킬 수 있다. 액션의 type은 꼭 지정해주어야 하며, 타입값은 이 액션이 할 일로 하자! ex) 값을 증가시키는 액션 → type : INCREMENT Tip) type을 자주 사용하게 된다면 상수변수로 등록해놓자! const INCREMENT = “increment”; 이런식으로… Reducer — params : state, action 파라미터로 받은 액션객체의 타입(action.type)에 따라 상태(state)를 어떻게 업데이트 할 것인지를 정의하는 함수. state는 immutable하게 유지시켜주어야 한..

What’s immutable.js? 자바스크립트 상에서 데이터를 Immutable하게 관리할 수 있도록 도와주는 라이브러리. Immutable Data : ‘변하지 않는(수정할 수 없는)’ 데이터. 데이터를 Immutable하게 관리한다는 말은 수정하려면 무조건 새로운 객체를 만들어야 한다고 강제하는것과 같다. (필자의 개인적 생각이다…) Immutable data in React React는 State 또는 Props의 변경을 감지하면 해당 컴포넌트를 리랜더링한다. 만약, State(or Props)가 객체 형태라면, 그 내부의 값이 변경되어도 레퍼런스 값이 같기 때문에 컴포넌트가 리랜더링되지 않는다. 이렇게 써진 글을 꽤나 많이 봤는데, 몇번 보다보니 새로운 질문이 하나 떠올랐다. State를 변경..

CORS : Cross Origin Resource Sharing Script 내에서 다른 도메인에 리소스를 요청하는 Cross-Site HTTP Requests는 보안 상의 이유(Same Origin Policy)로 불가능했었는데, 이를 가능하게 하면서 만들어진 일종의 규약. Simple Request —GET, HEAD, POST 중의 한 가지 방식을 사용해야 한다. — POST 방식일 경우 Content-type이 아래 셋 중의 하나여야 한다. application/x-www-form-urlencoded multipart/form-data text/plain — 커스텀 헤더를 전송하지 말아야 한다. Preflight Request Simple Request에 해당하지 않으면 이 방식으로 요청. 서버..