Frontned Development/FE 핵심 개념 (2) 썸네일형 리스트형 [JS] 클로져 클로져란?정의 : 함수와 렉시컬 환경의 조합. 흔히, 본인이 포함된 상위 함수보다 오래 살아있는 중첩함수를 의미하기도 한다.이해를 위해 필요한 개념 : 스코프 체인 : 현재 위치에서 함수에 필요한 변수를 탐색을 하고, 없을 경우 스코프체인을 통해서 상위 함수에서 변수를 찾는다. 끝까지 찾지 못할 시, 참조 에러를 발생시킨다.렉시컬 스코프(정적 스코프) : 함수가 생성(정의)될 당시의 상위 스코프와 그에 따른 외부 변수를 기억하고 생성 이후에도 계속 접근이 가능할 수 있게 하는 스코프 규칙이다. 생성 될 때를 기준으로 하기에, 상위 함수의 생명주기가 끝나도, 상위 함수의 변수의 접근이 가능하다.자유 변수 : 생명 주기가 끝난 상위 함수의 변수를 자유 변수라 한다.실행 컨텍스트 : javascript 코드를.. [Architecture ] Flux 패턴 / 아키텍처 Flux 아키텍처란?플럭스는 어플리케이션을 위한 데이터 흐름 관리 패턴입니다. 이 개념의 가장 중요한 점은 한 방향으로만 데이터가 흐른다는 것입니다. flux는 action, view ,store ,dispatcher 로 이루어집니다.현재는 폐기된 프로젝트이지만, 많은 상태관리 라이브러리가 이 아이디어를 근간으로 합니다. Flux의 구성요소Dispatcher정의 : 디스패처는 actions를 수신하여 관련 스토어에 신속히 전달(dispatch)합니다.특징 :모든 스토어는 모든 액션을 수신합니다.각 애플리케이션에는 싱글톤 디스패처가 하나만 있어야합니다.※ 싱글톤 패턴 : 객체의 인스턴스가 오직 1개만 생성되는 패턴을 의미한다. Store정의 : 스토어는 애플리케이션의 데이터를 저장합니다. 스토어는 애플리케.. 이전 1 다음
