728x90 반응형 앱20 WEB 만들기 30 회원 가입 페이지 회원가입 페이지는 간단히 이메일 이름 비밀번호 비밀번호 확인 확인 이렇게 구성해서 만들 예정 입니다. Email Password Login 로그인 페이지의 소스를 회원가입 페이지로 가져와 붙여넣어줍니다. return 아래에 넣어주시고 Email name Password ConfirmPassword Login 이렇게 몇개의 창을 생성을 해주고 이름을 바꿔주시면 됩니다. 그리고 const dispatch = useDispatch(); const [Email, setEmail]= useState("") const [Password, setPassword] =useState("") const onEmailHandler = (event)=>{ setEmail(event.currentTarget.value) } c.. 2021. 1. 25. WEB 만들기 26 - Redux UP 리덕스를 설치하는 과정을 시작 하겠습니다. Dependency들을 설치를 해야합니다. 1. redux 2. react-redux 3. redux-promis (리덕스 미들웨어) 4. redux-thunk (리덕스 미들웨어) 이렇게 4가지를 설치를 진행 할것입니다. client 쪽으로 와서 npm install redux react-redux redux-promise redux-thunk --save 한번에 4개를 설치를 해주시구요. 기본설정을 하기전에 간단히 알아봅시다. Redux Hooks 랑 Redux의 차이 3,4의 리덕스 미들웨어가 필요한 이유는 간단히 말하자면 리덕스를 잘 쓸수 있게 도와주는 역활이다. 리덕스에는 리덕스 store가 있는데 모든 state를 관리하는데 store의 state를 변.. 2021. 1. 24. WEB 만들기 25 - Redux 기초 Redux란? Redux is predictable state container for JaveScript apps 즉, 상태 관리 라이브러리 라고 합니다. state란? pros properties 줄인말 하나의 부모 컨포넌트가 있으면 자식 컨포넌트가 들어있는 상태에서 서로 컨포넌트단에서 주고 받을 때 사용 그리고 소통하는 방식이 위에서 아래로 즉 부모에서 자식으로만 보낼 수 있다. 부모 컨포넌트에서 자식으로 1이라는 vaule를 줬다면 자식안에서는 pros가 변할 수 없어서 immutable data 이다. 즉, 변하지 않는 데이터 바뀔 수 없다. 이것이 바뀌려면 부모에서 2로 내려줘야 바꿀 수 있다. state경우에는 부모에서 자식으로 주는것이 아니고 컨포넌트 안에서 데이터를 보내고 전송하려면 st.. 2021. 1. 24. WEB 만들기 19 - React Router Dom 페이지를 이동 할때 React Router Dom 이란것을 사용합니다. 이것이 무엇인지 알아보기 위해서 이 사이트를 참고하면 됩니다. reactrouter.com/web/example/basic React Router: Declarative Routing for React Learn once, Route Anywhere reactrouter.com 이런식으로 데모 페이지가 잘되어 있습니다. 저기에 있는것을 토대로 페이지 전환하는것을 구현을 할것입니다. 그전에 React Router Dom을 설치를 해야합니다. cd client 부분으로 와서 npm install react-router-dom --save 이명령어로 설치를 해주시고 App.js 부분에 아까 사이트에 있는 코드를 복사해서 import { B.. 2021. 1. 20. 이전 1 2 3 4 5 다음 728x90 반응형
