반응형
📝CommonJS
JavaScript를 브라우저 밖에서 즉, 서버에서 실행할 수 있게 하는 모듈화 표준입니다 → 간단히 JavaScript 문법이라 생각하세요
현재는 ECMAScript module에 사람들이 익숙하고 많이 쓰지만 태초에는 CommonJS 방식만 존재했습니다
const math = require('./math.js')
console.log(math.sum(1, 2))
지금은 import를 사용하지만 require로 외부 모듈을 불러오는 형식입니다
📝ECMAScript
자바스크립트 프로그래밍 언어의 표준화된 명세로 자바스크립트의 표준은 거의 여기에 맞춰서 개발되고 있습니다
처음에는 규범이라는 게 없고 Explorer 독점이였다가 Chrome이 나오면서 위협을 느끼고 웹브라우저를 가지고 있는 회사들은 열심히 개발했는데 서로 규범이 다르다보니 개발자는 여러개를 개발해야하는 거지같은 상황이 만들어졌습니다
그래서 다같이 모여서 규범을 정한 게 ECMAScript라고 생각하시면 됩니다
📝Flux패턴
웹 애플리케이션을 위해 Facebook에 의해 개발된 아키텍처 패턴입니다
React도 이걸로 처음에 만들어졌다가 현재는 Hook을 기반으로한 아키텍처를 채택했습니다
이 패턴을 기반으로 만들어진 Redux가 있고 Redux는 이걸 개선시켜서 현재는 사용되지 않는 패턴이라고 생각합니다
- Dispatcher
- 모든 데이터 흐름을 관리하는 중앙 허브입니다
- Store
- 애플리케이션 상태를 보유하고 로직을 관리하는 곳입니다 디스패처로부터 액션을 받아 상태를 업데이트하고 변경사항이 있을 때 뷰에 알립니다
- Actions
- 뷰에서 사용자 상호작용에 응답하여 발생한 간단한 객체로 타입 속성을 포함합니다
- Views
- React 컴포넌트 같은 사용자 인터페이스 요소로 스토어 변화 감지해 새로 고칩니다
반응형