728x90 반응형 웹24 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 만들기 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 만들기 22 - Proxy Server 프록시 서버란 무엇인가? 클라이언트에서 REQUEST 하고 서버에서 RESPONSE 를 하는데 이 안에 Proxy Server라는게 들어가 있을 수 있는데 만약에 유저가 있고 인터넷이 있다고 한다면 유저가 무엇인가를 보냈을 때 프록시 서버에서 여러가지 할 수 있는데 1. 주소가 123.123.123.123 이라고 한다면 임의로 받는 사람한테는 ip를 임의로 바꿔서 모르게 할 수 있다. 2.아이피 주소 뿐만 아니라 데이터 역시도 바꿀 수 있다. 그리고 방화벽 기능과 웹 필터 기능 캐쉬 데이터, 공유 데이터 제공 기능을 한다. 어떤 사이트에 들어갔을때 static한 이미지나 그런 것들을 프록시 서버에 저장 할 수 있다. 그래서 무엇인가를 보고 싶을때 인터넷 까지 않아도 프록시서버에 담아져 있는걸을 볼 수가 .. 2021. 1. 22. 이전 1 2 3 4 5 6 다음 728x90 반응형
