728x90 반응형 웹앱9 비디오 업로드 하기 이렇게 비슷하다고 생각하다고 알고 있으면 좋습니다. 우선 해야하는것은 비디오의 collection을 만들어야합니다. 거기에 들어가는 것이 Video + writer + title + description + privacy + filePath + category + views + duration + thumbnail 이렇게 들어간다 생각합시다. 1. server의 models에 가서 Video.js를 만들어줍니다. const mongoose = require('mongoose'); const Schema = mongoose.Schema; const videoSchema = mongoose.Schema({ writer : { type: Schema.Types.ObjectId, ref: 'User'//이렇게 .. 2021. 3. 3. WEB 만들기 -31 로그아웃 랜딩 페이지에 버튼 하나 생성하면되는것인데 LandingPage로 가서 여기 아래 부분에 로그아웃 넣어주고 나서 const onClickHandler = ()=>{ axios.get('/api/user/logout') .then(response=>{ console.log(response.data) }) } 추가 로그아웃 수정 하면 끝 그리고 제대로 로그아웃이 되면 로그인 창으로 넘어갈 수 있도록 import React, { useEffect } from 'react' import axios from 'axios'; function LandingPage(props){ useEffect(() => { axios.get('/api/hello') .then(response => { console.log(resp.. 2021. 1. 25. 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 만들기 - 27 React Hooks 로그인 페이지를 만들기에 앞서서 좀더 리액트에 대해서 설명 class 와 function의 차이 class의 기능 functional에서는 못쓰는데 16.8 hooks 업데이트로 인하여 사용을 할 수 있게되었다. 훅이 생기고 나서는 저렇게 같게 할 수 있게 되었다. 요새는 hooks를 사용 class에서는 constructor 가 먼저 실행되서 state를 먼저 부여 해주고 그다음에 render를 해주는데 이런 돔이 있는데 이 돔에다가 알맞게 넣어주는것 그래서 화면에 랜더링 해주는것 이다. 그다음에는 componentDidMount 이것을 통해서 데이터를 가져오거나 하고싶은것을 해주면 되는것이다. 무튼 저런 라이프 사이클을 가진다. 2021. 1. 24. 이전 1 2 3 다음 728x90 반응형
