Category: JavaScript

리덕스(Redux)란 무엇인가?

참조 인턴 멘토 森田(모리타)씨와의 대화 Redux - motivation 핵심리덕스는 어플리케이션의 클라이언트쪽 state를 관리하기 위한 거대한 이벤트루프이다.액션 = 이벤트리듀서 = 이벤트에 대한 반응 Redux의 이해리액트를 사용하는 프로그래머 입장에서는 누구나가 거쳐가는 바로 그 기술 Redux.처음 리액트를 공부하는 사람들에게 크나큰 산과 같은

Universal JavaScript 스크랩

참조 Universal JavaScript 기본 내용Universal JavaScriptIn the beginning, there was Netscape. And Netscape wanted to run Scheme in Netscape Navigator. So they hired Brendan Eich to work on it. But then they

PropTypes과 Semantic Commit Messages

참조 React.jsのProp KARMA Git Commit Msg Semantic Commit Message 배경사부의 커밋 메세지를 보면 feat:, fix: 이런 것들이 붙어져 있어서 그것에 대한 유래를 물어보았다. 그리고 전부터 대충은 알고 있던 React Native의 PropTypes에 대해서 한 번은 정리할 필요가 있을 것 같아서 포스팅을 하

High Order Component에 대하여

참조 recompose 배경1234567// setFormState setFormState(name, value) { this.setState({ [name]: value, });} 위와 같은 setFormState가 smart컴포넌트를 변경하는 거의 모든 경우에서 중복되어서 사용되기 때문에 재활용성을 높이고

사부와 함께하는 Promise 이해하기

배경Nodejs 비동기 프로그래밍 환경에서 정말 중요한 Promise가 헷갈려서 사부에게 도움을 청했다. 그래서 다음과 같은 코드를 받았다. 그리고 그 밑은 나의 해석. 핵심 Nodejs는 모든 scope에서 비동기적인 io 매커니즘을 가지고 있다. Promise는 그 자체가 객체로서, resolve() 나 reject() 를 호출하게 하므로서, 함수 내

React Native with 최신 자바스크립트 문법

참조 JavaScript Environment - React Native babeljs.io Flowtype.org Object Spread esnext 고찰사부가 쓰던 모든 최신문법이 여기 있었다. 또한 React Native는 iOS simulator에서는 JavaScriptCore(Safari의 자바스크립트 엔진)를 사용하고, Chrome

JavaScript Spread Operator

참조 전개 연산자 - MDN Iteration protocols - MDN 용도Point 함수 호출 용 / 배열 리터럴 용 / 비구조화용 더 나은 apply 더 강력한 배열 리터럴 구문12345678// 함수 호출 용myFunction(...iterableObj);// 배열 리터럴 용[...iterableObj, 4, 5, 6];// 비구조화(de

너무 헷갈리는 자바스크립트 Class개념

자료 출처 자바스크립트 클래스를 정의하는 3가지 방법 자바스크립트 객체 생성 JavaScript 재입문하기 - MDN JavaScript Classes - MDN What is the ‘new’ keyword in JavaScript? - StackOverflow Constructors Considered Mildly Confusing 배경리액

React Native의 원리 및 JavaScript의 함수

출처 및 들어가 보면 좋은 사이트 사부의 말 Intoriduction to JavaScript - Mozilla 재단 객체지향 자바스크립트의 소개 - Mozilla 재단 의문내가 React Native코드를 작성하는 과정에서 다음과 같은 일이 있었다. ListView의 renderRow함수를 this.renderRow로 하고그 안의 Touchable