본문 바로가기

프로그래밍(TA, AA)/자바스크립트

(28)
[TypeScript] Quick TypeScript(2) - 변수 선언, 기본 타입 보호되어 있는 글입니다.
[TypeScript] Quick TypeScript(1) - 타입스크립트 개요 보호되어 있는 글입니다.
[React] 리액트 리덕스 보호되어 있는 글입니다.
[React] 리덕스 알아보기 리덕스의 목표는 플럭스로 기반으로 애플리케이션 안에서 변경된 데이터가 어떻게 흘러가는지 명확히 표현해주는 것이다. 리덕스는 플럭스와 비슷하지만 플럭스와 같지는 않다. 리덕스에는 액션, 액션 생성기, 스토어가 있고 상태를 바꿀때 사용하는 액션 객체가 있다. 리덕스는 디스패처를 없애고 애플리케이션 상태를 불변 객체 하나로 표현함으로써 플럭스의 개념을 더 단순화했다. 리덕스에는 플럭스 패턴에는 없는 리듀서 부분이 들어있다. 리듀서는 현재 상태와 액션에 따라 새로운 상태를 반환하는 함수다. 리듀서의 타입을 굳이 쓴다면 '(상태, 액션) => 새 상태'라고 할 수 있다. 리덕스를 알아보기 전에, 리덕스의 원형이된 플럭스에 대해 먼저 살펴본다. 플럭스 플러스는 데이터 흐름을 한방향으로 유지하기 위해 페이스북에서 설..
[Vue.js] Vuex를 이용한 애플리케이션 작성 아래는 예제 애플리케이션에 대한 constant를 정의한 것이다. 상태를 변경하는 작업(mutation)과 action을 모두 찾아 등록한다. export default { FETCH_CONTACTS: "fetchContacts",// 연락처 조회 ADD_CONTACT_FORM: "addContactForm",// 입력폼 나타내기 ADD_CONTACT: "addContact",// 연락처 추가 EDIT_CONTACT_FORM: "editContactForm",// 수정폼 나타내기 UPDATE_CONTACT: "updateContact",// 연락처 수정 CANCEL_FORM: "cancelForm",// 입력, 수정폼 닫기 EDIT_PHOTO_FORM: "editPhotoForm",// 사진 편집폼 나타..