profile
Front-end 개발 공부일지

[ Goplan ] - Redux & Firebase Authentication

사용자 인증 Firebase Authentication 에서 테스트용 사용자를 추가한다. image.png 사용사 인증 action을 생성할 authActions.js 파일을 작성 store/ authActions.js SignIn 컴포넌트에 액션을 연결해준다. SignIn.js 처음에 생성해둔 테스트용 사용자를 이메일 비밀번호를 사용해 액션이 잘...

2019년 10월 17일
·
0개의 댓글

[ Goplan ] - Redux & Firbase 연동 (Error 해결)

Redux 연동 redux에 관련된 파일들을 작성할 store 폴더에 reducers actions 두 가지 하위 폴더를 만들어 준다. Reducers reducers 폴더에는 아래와 같은 파일을 생성한다. projectReducer.js // 프로젝트를 생성하는 리듀서 authReducer.js // 로그인 인증 리듀서 rootReducer.js...

2019년 10월 16일
·
0개의 댓글

[ React Blog ] - Modal & 읽기, 수정기능 구현

Modal & 읽기, 수정기능 구현

2019년 10월 8일
·
0개의 댓글

[ React Blog ] - Redux 연동 & 추가, 삭제기능 구현

모듈 설치 create-react-app 으로 프로젝트를 셋팅하고 scss로 기본적인 컴포넌트 디자인과 react-router-dom을 사용해서 컴포넌트 링크를 연결시켜준 상태이다. redux를 사용해서 포스팅의 추가, 읽기, 수정, 삭제 기능을 구현하려고 한다. 필요한 모듈을 먼저 설치해준다. `yarn add redux react-redux red...

2019년 10월 7일
·
0개의 댓글

[ Redux ] - Middleware

https://redux.js.org/advanced/middleware

2019년 9월 8일
·
0개의 댓글

[ Redux ] - Presentational Component / Container Component

Presentational Component 상태를 갖지 않으며 부모로부터 props을 통해 데이터를 전달받아서 사용한다. 오로지 시각적인 부분만 담당한다. 이벤트 핸들러를 등록하는 정도의 기능을 갖추고 있다. 예외적으로 아주 약간의 상태를 가질 수도 있다. Styled Components는 모두 Presentaional Component이다. 데이터...

2019년 9월 7일
·
0개의 댓글

[ Redux ]

Redux는 Javascript에서 흔히 쓰이는 State Container이다. React뿐만 아니라 어떠한 Javascript 라이브러리와도 연결할 수 있는 State 관리 라이브러리이다. 어플리케이션에 컨테이너에서 데이터와 비지니스로 로직을 분리하여 리액트가 순전히뷰에만 관여할 수 있게해준다. 리덕스는 잠재적으로 React대신 다른 뷰 라이브러리로...

2019년 9월 7일
·
0개의 댓글