기술 블로그

Redux 등장배경facebook에서 react와 함께 소개한 Flux 아키텍쳐를 구현하기 위한 라이브러리컴포넌트 간 state 데이터를 효율적으로 관리하기 위해 등장Flux 와 MVC 패턴의 차이MVC 패턴은 앱의 규모가 커지면 그에따라 Model과 View가 늘어나기에 프로젝트가 복잡해진다.Model과 View가 1:1관계가 아니므로 데이터 관리도 어렵다는 단점이 있다.Flux 특징은 http://2dubbing.tistory.com/26 [flux 아키텍쳐란?]  포스팅 참고Redux는 facebook에서 만든 라이브러리는 아님.Redux는 React에 의존적이지 않음. (React 프로젝트가 아니더라도 Redux 사용이 가능함을 뜻함)React로 개발한 어플리케이션에 새로운 기능을 추가 -> 그만..

function outerFunc() { var foo = "Foo"; return function() { console.log(foo); }}var closure = outerFunc();closure();  위 스크립트가 실행되면 아래 그림 좌측부터 우측 순서로 실행컨텍스트가 생성됩니다.   실행 컨텍스트는 함수가 호출되는 시점에 생성되며, 이 때 실행 컨텍스트 내부의 SCOPE 객체는 함수가 어디에 선언되었는지에 따라 결정되게 됩니다.    그 다음, 호출 스택에 아래와 같은 순서로 실행컨텍스트가 push / pop 됩니다.push 전역 실행컨텍스트push outerFunc 실행컨텍스트pop outerFunc 실행컨텍스트 push anomyFunc 실행컨텍스트pop a..

# Web Server웹 브라우저에서 요청받은 정적 컨텐츠(html, css, js, 이미지 리소스 등) 를 제공하기 위한 서버대표적인 Web Server 플랫폼 구축 소프트웨어에는 Apache, Nginx 와 Windows server OS 용 IIS 가 있습니다. # WAS(Web Application Server)클라이언트 측에서 요청받은 정보를 가지고 연산을 수행한 뒤, 동적인 콘텐츠를 만들어 제공하기 위한 서버 대표적인 WAS 플랫폼 구축 소프트웨어에는 Apache 재단의 Tomcat, Tmax 사의 Jeus, IBM 사의 Web Sphere와 Open source project인 Node.js 등이 있습니다. # 알게된 사항Node.js 플랫폼 기반 Web Application framewor..

예전 Spring을 배울때, Singleton과 MVC 디자인패턴을 기본으로 다루고 사용했었다. 이번엔 react.js 다루며 Flux라는 패턴에 대해 알게되었다. Flux 패턴은 react.js 처럼 데이터 흐름이 단방향으로 전달되는 소프트웨어 개발에서 사용된다. 물론 Flux패턴을 사용하지 않아도 개발은 가능하다.    그림 출처 : https://velopert.com/1225  위 처럼 컴포넌트 구조가 있다고 가정하고 빨간색 컴포넌트(하위) 에서 파란색 컴포넌트(상위) 에 선언 되어있는 객체나 함수를  사용하려한다. react.js에서 하위 컴포넌트로 데이터 전달은 props를 사용하는데  파란색 컴포넌트에서 빨간색 컴포넌트로 바로 접근이 불가능하다. 중간에 있는 컴포넌트에서 받은 뒤, 다시 빨간..