일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
Tags
- es6 module
- 일급 객체
- redux 특징
- javascript eventloop
- client side rendering
- body-parser
- javascript module
- request body undefined
- first class citizen
- 자료구조
- javascript first class citizen
- task queue
- 자료구조 정렬
- server side rendering
- Event Loop
- react event bind
- centos7 설치
- 선형리스트
- Browser API
- react
- DOM API
- typescript parcel tilde
- Call stack
- redux 사용 이유
- web server vs was
- 자료구조 queue
- parcel
- 순차리스트
- parcel resolver error
- express request body
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