반응형 전체 글71 redux Redux란? 자바스크립트 상태 관리 라이브러리이다. Redux의 구조 상태가 변경되어야 하는 이벤트 발생, 변경될 상태에 대한 정보가 담긴 Action객체 생성 Action객체는 Dispatch 함수의 인자로 전달 Dispatch 함수는 Action 객체를 Reducer 함수로 전달 Reducer 함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 변경 상태가 변경되면 React는 화면을 다시 렌더링 Store 상태가 관리되는 저장소의 역할을 한다. Redux 앱의 state가 저장되어 있는 공간 createStore메서드를 활용해 Reducer를 연결해서 Store를 생성할 수 있다. import { createStore } from 'redux'; cons.. 2023. 4. 24. React Custom Component 보호되어 있는 글 입니다. 2023. 4. 20. express express JavaScript로 작성되고 Node.js 런타임 환경에서 구동 되는 웹 프레임워크 Node.js : Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 제공 메커니즘 HTTP 통신 요청(Request; GET, POST, DELETE 등)에 대한 핸들러를 만든다. 템플릿에 데이터를 넣어 응답(response)을 만들기 위해 view의 렌더링 엔진과 결합(integrate)한다. 접속을 위한 포트나 응답 렌더링을 위한 템플릿 위치같은 공통 웹 어플리케이션 세팅을 한다. 핸들링 파이프라인(reqest handling pipeline) 중 필요한 곳에 추가적인 미들웨어 처리 요청을 추가한다. express 모듈 설치 터미널 입력 * 해당 디렉토리에 express .. 2023. 4. 20. UI/UX UI UI (User Interface, 사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 시스템 예시 : 화면상의 그래픽 요소, 물리적요소 (키보드, 마우스) → 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다. GUI(Graphical User Interface, 그래픽 사용자 인터페이스) 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경 예시 : 운영체제(Window, Mac OS), 애플리케이션 화면 UX UX (User Experience, 사용자 경험) 사용자가 어떤 시스템, 제품, 서비스를 직·간접적으로 이용하면서 느끼고 생각하는 총체적 경험 (제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등) UI와 UX의 관계 UX는 UI를 포함합니다. .. 2023. 4. 13. 이전 1 ··· 7 8 9 10 11 12 13 ··· 18 다음 반응형
