공유하고싶은 포트 ./ngrok http 8080

문제점 특수문자 때문에 같은 경우는 query에서 문제가 생길 수 있다. ex) ?keyword=SN7/asdsad 일 경우, 웹은 쿼리를 url로 받아들일 수 있다. 따라서 제대로된 request값을 보내지 못할 수가 있는데, 특수문자와 상관없이 원하는 쿼리를 보내야 한다. 해결방법 request를 날리때 검색 키워드를 base64로 인코딩해서 보낸다. 서버쪽에는 base64를 디코드로 키워드값을 인식한다. 그러면 특수문자 상관없이 데이터를 받을 수 있다.

서버에서 토큰을 임의로 만들고 쿠키에 저장 로그인아웃 상태는 0로 쿠키에 저장 (로그인 유무는 islogin 상태값 0, 1로 판별) 로그인한 사용자에게 임의 토큰을 부여하고 쿠키에 저장 로그인 상태 1로 변환하고 쿠키에 저장 로그인된 토큰은 함께 서버로 보낸다. 서버는 로그인한 사용자에게 uuid(유저 고유식별번호)를 부여하고 맞는 데이터를 각 페이지마다 뿌려준다. 클라이언트에서 서버와 통신방법 //get 방식 const res = await axios.get(URL, { headers: { 'content-type': 'application/json', Authorization: `Bearer +${token}` }, }) //post 방식 const res = await axios.post( URL..

탄생배경 유저가 접속하려는 사이트에서 사용되는 카카오, 구글 등의 기능(API)을(를) 사용하기 위해 유저의 카카오, 구글 아이디 등의 SNS 계정으로 해당 사이트에 로그인하는 것 SNS 는 엑세스 토큰을 발행한다. 엑세스 토큰은 전체 기능이 아니라, 일부 기능만 사용하도록 하는 토큰이다. OAuth는 액세스 토큰을 얻어내기 위한 것이다. 대표적인 엑세스 기능 중에 회원 식별 기능 등이 있다. 구성 1. Client 가 리소스 서버에게 등록 앱 만들때 리소스 서버에 대한 구성요소: client ID/ client secrets/ Authorized redirct URLs(https:client.callback//) 클라이언트 아이디는 만들고 있는 애플리케이션 식별자 아이디, 노출해도 된다. 클라이언트 시..