react x node 

간단히 package.json 수정

업로드중..

MySQL에 있는 테이블 데이터 node를 통해 리액트로 보내기 MVC 패턴으로 폴더 생성

노드에서 보낸 sql 데이터바인딩

버튼을 누르면 axios post 되도록 작성 node.js 서버로 post 받아 콘솔

성공 ~

노드 폴더에서 npm install bcrypt 하여 설치

로그인 --> 세션처리 : access token(jsonwebtoken)클라이언트 서버(브라우저) -------------------------------------------------- (NodeJs)1.로그인폼 ---------

링크텍스트다른 파일에서 사용하는법은 import { getUser } from "../util/localStorage"; 임포트 후getUser() 정보가 있으면 로그아웃으로 보이고 없으면 로그인으로 보이는 코드 생성

화면구성(파일선택) ------------------> 서버(파일을 폴더에 저장)서버저장 경로수신 <------------------- 파일저장 주소를 전송새로운 제품 추가 ------------> 전달된 폼 수신 <-------> DB서버에서 multer

처음 상품페이지가 로드 됐을때 로그인된 아이디의 찜한 상품 primary key의 배열들을 axios axios한 배열들에서 primary key들만 뽑아서 현재 상품페이지의 프라이머리 키와 비교해서 찜한 상품이면 true 그렇지 않은 상품이면 false를 useState를 통해 btnWish에 저장 btnWish의 boolean값에 따라 찜한 상품이...

노드에서 data를 받아오는데 체크버튼으로 삭제를 하기위해 데이터에 check value와 boolean 타입의 key값을 넣음 const [checkBtn, setCheckBtn] = useState(false) 이건 전체 선택 버튼을 위해 생성 이런 데이터를 받

폼을 만들고 임시저장버튼을 누르면 이미지를 파일로 전송해 multer 라이브러리로 서버에 저장하고 이미지 path를 json으로 받아 이미지 배열의 path와 form의 오브젝트 데이터를 로컬스토리지에 저장 useEffect로 화면이 처음 로드될떄 이미지는 tem

루트 폴더에 .env 파일 생성KAKAO_REST_API_KEY=KAKAO_REST_API_KEYKAKAO_REDIRECT_URI=KAKAO_REDIRECT_URINAVER_CLIENT_ID=NAVER_CLIENT_IDNAVER_CLIENT_SECRET=NAVER_CL

카카오와 네이버 로그인을 웹 애플리케이션에 통합하는 과정은 사용자가 이들 계정을 사용하여 로그인하고, 개발자가 사용자의 기본 정보에 접근할 수 있게 해주는 몇 가지 단계로 구성됩니다. 아래는 간소화하고 명확하게 다듬은 설명과 코드 예시입니다.카카오와 네이버 개발자 사이

먼저 npm install nodemailer 로 npm 설치후네이버 메일 환결설정에서 POP3/IMAP 클릭후 IMAP/SMTP 설정을 사용함으로 변경하면 준비끝host와 port는 IMAP/SMTP설정할때 하단에 나옴이렇게 하면 메일전송 완료

카카오 개발자 사이트에 접속하여 계정을 생성하고, 새 애플리케이션을 등록합니다. 애플리케이션 등록 후, REST API 키를 발급받습니다

목적: API 자원에 직접 접근할 때 사용.유효 시간: 짧음 (예: 수분에서 수시간). 이는 보안 위험을 최소화하기 위함입니다.포함 정보: 사용자 식별자, 세션 정보, 사용자 권한 등. 이 정보는 자원 서버가 클라이언트의 요청을 인증하고 권한을 확인하는 데 필요합니다.