일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 순차리스트
- javascript first class citizen
- web server vs was
- javascript eventloop
- client side rendering
- task queue
- body-parser
- typescript parcel tilde
- 자료구조
- express request body
- javascript module
- redux 특징
- centos7 설치
- 일급 객체
- first class citizen
- request body undefined
- Call stack
- Event Loop
- parcel
- parcel resolver error
- react event bind
- server side rendering
- redux 사용 이유
- 선형리스트
- react
- es6 module
- DOM API
- 자료구조 정렬
- Browser API
- 자료구조 queue
Archives
- Today
- Total
목록#react #Flux #reflux (1)
비실이의 개발 성장기
Flux 아키텍쳐 란??
예전 Spring을 배울때, Singleton과 MVC 디자인패턴을 기본으로 다루고 사용했었다. 이번엔 react.js 다루며 Flux라는 패턴에 대해 알게되었다. Flux 패턴은 react.js 처럼 데이터 흐름이 단방향으로 전달되는 소프트웨어 개발에서 사용된다. 물론 Flux패턴을 사용하지 않아도 개발은 가능하다. 그림 출처 : https://velopert.com/1225 위 처럼 컴포넌트 구조가 있다고 가정하고 빨간색 컴포넌트(하위) 에서 파란색 컴포넌트(상위) 에 선언 되어있는 객체나 함수를 사용하려한다. react.js에서 하위 컴포넌트로 데이터 전달은 props를 사용하는데 파란색 컴포넌트에서 빨간색 컴포넌트로 바로 접근이 불가능하다. 중간에 있는 컴포넌트에서 받은 뒤, 다시 빨간색 컴포넌트..
프론트엔드/react.js
2017. 2. 12. 13:25