dukDukz

1. index.html html에 이러한 링크를 만들고 2. server.js 라우터에 get 부분으로 이 링크를 받아주는 부분을 만든다. app.get('/auth/kakao/unlink', authMiddleware, async (req,res)=>{ const {session} = req; const {access_token} = session.authData.kakao; // 요청 - axios 비동기로 요청하기 (async 필요) // 카카오에게 접속을 종료하겠다는 것을 요청하겠다 - 그걸 unlink에 담는다 // 요청 실패시를 대비해서 try catch 문을 사용했다. let unlink; try { unlink = await axios({ //Promise 객체를 unlink에 넘겨주고 ..

1. 로그인 체크 미들웨어 // 아이디 체크를 위한 미들웨어 사용 (반복 사용가능) const authMiddleware = (req,res,next) => { const {session} = req; if(session.authData == undefined){ console.log('로그인이 안됨'); res.redirect('/?msg=로그인 안되어있음') } else{ console.log('로그인 되어있음'); next(); } } 현 로그인 상태를 처리하는 미들웨어를 만들어주었다. 2. msg 처리하는 부분 server.js app.get('/',(req,res)=>{ const {msg} = req.query; res.render('./index.html',{ msg }); }); index..

1. if 문을 쓰는 경우 let gender = "여자"; // 남자 or 여자 // 남자일 경우 숫자 1을 출력, 여자일 경우 숫자 2를 출력 if(gender == "남자"){ console.log(1); }else if(gender == "여자"){ console.log(2); } 2. switch 문 - 가독성이 좋다. (기능차이는 없음) let gender = "여자"; // if 문에서 == 만 활용할때 같다 표현이 복수 일때 switch(gender){ case "남자" : console.log(1); break; case "여자" : console.log(2); break; } * case가 겹치는 경우 - - switch 문을 사용하는것이 좋다. let 과일 = "배"; switch(과..

비구조 할당문은 원본값이 바뀌더라도 처음에 복사할 때, 그 시점의 값을 쓰고 싶을때 사용하면 좋다. (깊은 복사) 예시 ① [배열] 비구조 할당문 사용하지 않고 배열에 있는 값을 새로운 변수에 담을 때 // 방법 1 - 이건 비구조 할당문이 아님 let arr = [1,2,3,4,5,6,7,8,9]; let a = arr[0]; let b = arr[1]; let c = arr[2]; 비구조 할당문을 사용해 배열에 있는 값을 새로운 변수에 담을 때 let arr = [1,2,3,4,5,6,7,8,9]; let [a,b,c, ...last] = arr; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 console.log(last); // 나..

1. join.html 아이디 ... join.html 의 script 부분에 라이브러리를 연결해준다. AJAX로 연결하려고 한다. let data = await axios.get(`http://localhost"3000/user/userid_check?userid=${userid.value}`); // Promise 객체로 반환된다. 우리가 적은 userid 값을 쿼리로 보낸다 이걸 db에 조회한다. 여기서 true false 값을 받아서 받은 값을 login_flag 에 넣어준다. 여기서 이 data는 localhost:3000 에서 개발자 도구에서 콘솔로그를 찍어서 확인할 수 있다. http://localhost:3000/user/userid_check?userid=web7722 이렇게 확인해보기 ..

* 패스워드 확인 부분 join.html 에서 폼태그, 패스워드 두개, 서브밋 버튼에 id값 부여 아이디 문자가 뜰 영역 p로 만들어주고 script처리해서 패스워드 일치할 때만 submit으로 들어가게 -> 퍼블리싱 역할

input 으로 이미지 파일 올리기 1. 코드 더보기 user/index.js 에 추가 const multer = require('multer');// npm install multer const path = require('path'); //npm install path multer 사용 위해 세팅 하는 부분 이 부분은 외우기 or 가져다 쓰기 const upload = multer({ storage:multer.diskStorage({ destination:function(req,file,callback){ callback(null,'uploads/') //폴더명 }, filename:function(req,file,callback){ callback(null, new Date().valueOf() ..

1. 익명함수로 바로 넣어주기 2. 각각의 함수를 선언하고 변수에 넣은 뒤 사용하기 두개의 미들웨어(콜백함수)가 들어갈 수 있다, next를 써줘야한다 안쓰면 첫번째 것만 동작함 여러개의 미들웨어 next를 이용함 끝없이 진행될 수 있음