JAEJAE imojeomo

0. Git 주소 1. 결과 🎉1) Action & Parameters2) Card messages★ 따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기 강의를 참고합니다.

0. 들어가기 앞서!1) node, dialogflow 통신과정- server에는 두 가지 라우터(Text Query Route, Event Query Route)가 존재 1. Text Query Route- client(react)가 input에 안녕하세요와 같이 typing 대화를 server에게 보내면 server는 이를 dialogflow api에 요청을 보내고, dialogflow는 요청에 대한 응답을 가공하여 다시 라우터에게 보내줌client : 안녕하세요~ 입력server : client로부터 받은 안녕하세요~를 dialogflow에게 요청dialogflow : server로부터 받은 요청을 보고 응답을 server에게 전송client는 안녕하세요~에 대해서 챗봇에게 안녕하세요. 무엇을 도와..

0. 들어가기 앞서!1) 백엔드 서버 만들기 & 깃허브 원격저장소(Repository) 연결(이전 포스팅 참고!)2024.07.30 - [Backend 📚/Node.js] - [Node] NODE JS, EXPRESS JS 다운로드 하기 [Node] NODE JS, EXPRESS JS 다운로드 하기0. 들어가기 앞서!node.js란node.js는 브라우저 외부에서 JavaScript 코드를 실행하는 오픈 소스, 크로스 플랫폼, JavaScript 런타임 환경임node.js가 나오기 전까지는 자바스크립트를 항상 브라우저 속에서jaejae-sosp.tistory.com2024.07.31 - [Backend 📚/Node.js] - [Node] GIT 설치, Github 연결 [Node] GIT 설치, Gi..

앞서 구현했던 로그인, 로그아웃, 회원 가입, 관리자 등의 서버에 맞게 React로 간단한 웹페이지를 구현했습니다 !0. 코드 구성 1. 로그인 페이지 2. 로그아웃 페이지 3. 회원가입 페이지 4. AuthenticationCheck 적용- 로그인 한 상태에서 회원 가입 불가- 로그인 한 상태에서 로그인 불가 자세한 코드는 깃허브에서 확인 가능 합니다.★ 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 클론코딩 입니다.

0. 들어가기 앞서!Auth 기능페이지 이동 때마다 로그인 되있는지 안되어 있는지, 관리자 유저인지, 글을 쓰거나 지울 권한이 있는 지, 그런 것들을 하나하나 다 체크하기 위해 Auth 기능을 만드는 거임.Auth 기능 만드는 법사전에 서버에는 DB에 클라이언트에는 Cookie에 Token을 저장해뒀는데, 이 두 Token이 일치하는 지 계속 확인하면 됨클라이언트 Cookie에서 Incode 된 Token을 서버로 보내 Decode 시키면 유저의 아이디가 나오는데, DB에서 해당 유저 아이디를 가진 token이 존재하면 두 Token이 일치하다고 간주(권한이 있다는 것)로그아웃 기능 만드는 법로그아웃 하려는 유저를 DB에서 찾아서 그 유저의 토큰 지워주기Cookie Token 과 DB Token을 서로 ..