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