일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Event Loop
- parcel resolver error
- task queue
- request body undefined
- 자료구조 정렬
- javascript first class citizen
- web server vs was
- 자료구조
- first class citizen
- body-parser
- react event bind
- 선형리스트
- Browser API
- DOM API
- 순차리스트
- react
- javascript eventloop
- client side rendering
- redux 특징
- parcel
- typescript parcel tilde
- server side rendering
- 자료구조 queue
- redux 사용 이유
- javascript module
- centos7 설치
- Call stack
- es6 module
- express request body
- 일급 객체
- Today
- Total
목록프론트엔드 (12)
비실이의 개발 성장기
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 anomyFunc 실행컨텍스트 ..
예전 Spring을 배울때, Singleton과 MVC 디자인패턴을 기본으로 다루고 사용했었다. 이번엔 react.js 다루며 Flux라는 패턴에 대해 알게되었다. Flux 패턴은 react.js 처럼 데이터 흐름이 단방향으로 전달되는 소프트웨어 개발에서 사용된다. 물론 Flux패턴을 사용하지 않아도 개발은 가능하다. 그림 출처 : https://velopert.com/1225 위 처럼 컴포넌트 구조가 있다고 가정하고 빨간색 컴포넌트(하위) 에서 파란색 컴포넌트(상위) 에 선언 되어있는 객체나 함수를 사용하려한다. react.js에서 하위 컴포넌트로 데이터 전달은 props를 사용하는데 파란색 컴포넌트에서 빨간색 컴포넌트로 바로 접근이 불가능하다. 중간에 있는 컴포넌트에서 받은 뒤, 다시 빨간색 컴포넌트..
react에서 render()의 return문 안에서 if와 같은 조건문은 사용이 안되기에 삼항연산자를 사용했다. 그러나 map의 내부라면 if나 for문은 사용 가능하다. react에서 하위 컴포넌트로 데이터를 내려주려면 props를 사용한다. 하위컴포넌트에서 상위컴포넌트의 값을 변경하고 싶다면, 상위컴포넌트에서 함수를 생성한다.(바인딩 필수) 해당 함수를 props로 내려줘서 하위 컴포넌트에서 전달받은 함수를 사용하여 데이터 변경이 가능하다. 허나 flux, reflux, redux 라이브러리를 사용해서 단방향 데이터를 효율적으로 제어할 수 있다.(현재는 mobx도 추가되었다.) Action 과 Store로 나눌 수 있는데, Action은 어떠한 액션(기능)을 사용할 것인지 정의 해 놓는 곳. Sto..