[리액트]따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기1

#3 비디오 업로드 FORM 만들기1

REDUX EXTENSION

 

리덕스란 무엇인가?

→ 언제나 공식문서 참고하기.

※ Fundemental 부터 시작

 

https://react-redux.js.org/tutorials/quick-start

Quick Start | React Redux

 

What is Redux? 리덕스는 무엇인가?

리덕스는 패턴이자 라이브러리이면서 "액션"이라는 이벤트를 사용하여 성능 상태를 업데이트한다.

리덕스는 전체 어플리케이션에서 상태를 위한 중앙집권된 저장소 역할을 해주는데, 예측가능한 형태로 상태가 업데이트가 되는 규칙을 세워준다. 

리덕스는 "글로벌" 상태관리를 위해 쓰이면서 항상 필요한 것은 아니기때문에, 필요에 따라 알맞게 사용하면 된다. 

Redux Libraries and Tools

리덕스는 standalone JS 라이브러리이면서 다른 패키지들과도 함께 쓰인다.

1. React-Redux
2. Redux ToolKit
3. Redux DevTools Extension → 리덕스 스토어의 시간 경과에 따른 변화의 히스토리를 보여준다. "Time-travel debugging"같은 기능들은 어플리케이션을 디버깅할 때 유용하게 쓰일 수 있다.

 

#5 Multer로 노드 서버에 비디오 저장하기

Multer의 기능

한국어로 된 문서를 찾았다!

 

 

#7 비디오 업로드 하기

※ RDBMS vs MongoDB

기본 용어의 차이점 기억해두기

 

 

---

에러노트-1

• npm run dev 이후 sign up를 했을 때, 아래와 같은 에러가 났다.

• StackOverFlow에서 제시한 답변은, mongoURI에서 끝 부분 &w=majority를 지우기

• 여전히 같은 에러가 났고, 터미널에는 5000이 쓰여지고 있다고 한다.

• 아마도 전 프로젝트에 쓰던 포트가 제대로 종료를 안해서 난 에러같아 모두 종료 후 재실행

• 성공

에러노트-2

두번째 에러, Router.use() requires a middleware function but got a Object는 routes에서 exports가 제대로 이뤄지지 않아서 생긴 에러

before

module.export = router;

after

module.exports = router;

 

---