5.12

(1교시)

팀플/ 실서버연습/ 자습?

 

오전은 자습할 듯 

팀플 팀원 짜주심- 허유명님, 엄신우님

 

-비밀번호 일치 여부 표시하기

아이디 중복 여부 확인할 때, 중복시 바로 밑에 중복 표시가 뜨는것처럼

패스워드도 패스워드 / 패스워드확인의 일치 여부를 바로 밑에 뜨도록 해줍니다.

 

우선 테이블에 p태그로 확인여부가 들어갈 자리를 넣어주고 id값을 부여해줍니다.

<tr>
    <td><p id="pw_msg">-</p></td>
</tr>

기존에 password / password check 에 있던 아이디 값을 이용해서 함수를 만들어 줍니다.

 

1. 두 곳에 입력된 값이 일치하면 -> 파란색으로 "패스워드가 일치합니다."

2. 두 곳에 입력된 값이 일치하지 않으면 -> 빨간색으로 "패스워드가 일치하지 않습니다."

3. 함수 실행은 addEventLisrener로 줘서 password check칸에서 커서가 이동할 때 로 하겠습니다. ( 패스워드 두개를 모두 입력하고 비교해야 하니)

 

먼저 함수

function userpw_check(){
        if(pwd1.value == pwd2.value){
            pw_msg.innerHTML = "패스워드가 일치합니다."
            pw_msg.style.color = "blue";
        }else{
            pw_msg.innerHTML = "패스워드가 일치하지 않습니다."
            pw_msg.style.color = "red";
        }
    }

함수 실행

pwd2.addEventListener('focusout',userpw_check);

간단하게 완성~

좌) 비번 일치 우) 비번 불일치

---

(2교시)

자습습습

어제 했던거 복습해보겠습니다다다

1. isLogin이랑 uid, flag같은 변수값들은 어디서 튀어나온거지,,? (uer.controller부분에 있는데.. 변수를 선언한 것도 아니고 그냥 프로퍼티처럼 나와있음.. )

flag는 req.query.flag 라는데 이게 무슨 말이지

 

2. join페이지에서 폼실행이 버튼인데 어떻게 submit으로 실행이 되었는지..? submit이 없는데 submit을 하라그르네..?

 

3. logout 해주면 uri가 /logout으로 가도록 되어있는데... 어떻게 다시 처음 메인 페이지로 가는거지..? 심지어 uri도 안바뀜 -> 이거는 user.controller.js 에서 logout 변수로 지정해줬네욥

 

 

---

(3교시)

꿀잠.

dndfjddll@naver.com (우성님 녹화본)

이미지 html에 보이게 하는거 김동철님한테 설명 들었는데 들어도 하나도 모르겠음.ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ

암튼 우성님이 알려주신거는 

 

 

server.js > app.use(express.static('uploads'));

join_done > <img src="http://localhost:3000/{{userimage}}">

user.controller.js > let userimage = req.file == undefined ? '' : req.file.filename;

 

이렇게 해주면 이미지 업로드가 됩니다. 

 

---