[59~63일차]20210607-11 팀프로젝트 1주차

팀 이름 : 서영세스메이커 

 

오늘 할일: 

1. 웹사이트 정하기 https://www.apple.com/iphone-12/

2. 할일 나누기

3. DB tables, fields  정하기 

database name: teample

- users 정보 

fields

userid , userpw , username, image, mobile , address , email , register_date

- items (상품을 뿌리는) 

item_serial_number, item_name, item_price , item_image, item_size, item_color, item_capacity, 

- buy (관계형 DB, foreign key 2번 )  - 배송할 때 

  userid, item_serial_number,

 

 

장바구니 - 쿠키 & 세션

 

채팅 - 고객센터 

장바구니 - 게시판st

 

4. routers , 뼈대 만들기 

전체, buy, 로그인, 회원가입, 채팅 (팝업), jwt 

 

 

db 생년월일 추가 /id 를 email로 수정 완료 

 

오늘 작업

1. 기본 server.js 틀 구성 

2. sequelize models 틀 구성 

users, items, buy tables + 외래키 설정 완료 & JS 에 tables 가져오기 완료 / 사용도 가능 ! 

3. JWT (token, userpw sha256으로 암호화해서 return하는거  완료 ) & JWT sebsite verified done 

 

 

로그인 / 회원가입 중 

내일 -> 로그인 / 회원가입 완성 

오늘 중단한 지점 : post.get('/join/success')  

 

userid, pw 생기면 할일

socket - client 부분 하기 

 

 

 

 

 

$npm init

$npm i express nunjucks body-parser dotenv (기본 깔기 ) 

* express-session mysql socket.io http cors moment multer path crypto cookie 

 

$npm i sequelize sequelize-cli mysql2 sequelize-auto 

$npm i -g sequelize-auto / npm i -g mysql2 

$npx sequelize init

 

 

 

---

 

2일차 

 

 

이전 작업

1. 기본 server.js 틀 구성 

2. sequelize models 틀 구성 

users, items, buy tables + 외래키 설정 완료 & JS 에 tables 가져오기 완료 / 사용도 가능 ! 

3. JWT (token, userpw sha256으로 암호화해서 return하는거  완료 ) & JWT sebsite verified done 

* 수정 db 생년월일 추가 /id 를 email로 수정 완료 

 

 

 

오늘 작업 

1. 회원가입 

- 비밀번호 암호화 / db 연결  

- 아이디(이메일 ) db에 있으면 가입안되게 설정 

 

2. 로그인 

- db 연결 

- JWT PW / Token DB 확인 ok 

login 아이디, 비번 틀렸을 때 / redirect 수정 ok 

login 아이디,비번 맞을 떄 res.redirect 안됨 -:> ok 

 

3. 채팅

socket - client 부분 

popup -> html or http ....

auth.js 

 

내일 할 일

1. 채팅 완성 / 관리자와 채팅 연결 

2. 로그인/회원가입 오류여부 찾기 / 해결 / 업글

3. token 시간 2시간  체크 

4. 관리자 users field 하나 추가 

 

 

 

 

사용한 패키지 

$npm init

$npm i express nunjucks body-parser dotenv (기본 깔기 ) 

* express-session mysql socket.io http cors moment multer path crypto cookie 

 

$npm i sequelize sequelize-cli mysql2 sequelize-auto 

$npm i -g sequelize-auto / npm i -g mysql2 

$npx sequelize init

 

 

---

 

3일차 

 

 

작업 

1. 회원가입 

- 아이디(이메일 ) db에 있으면 가입안되게 설정 

 

2. 쿠키 / session / expiary time설정 

token 시간 2시간  체크 

로그인 시 AccessToken cookie 저장 완료 

 

3. 채팅 / 관리자 채팅 연결까지 확인

socket - client 부분 

popup -> html or http ....

auth.js 연결 json 

채팅 시간 나오도록 / 채팅 개수 표현 

채팅value 없으면 alert - 질문 

안읽음 표시 

상대방 시간 위치 조정 

시간 표시 00 

같은 시간에는 시간표시 x 

 

4. 로그인/회원가입 오류여부 찾기 / 해결 / 업글

 

5. auth.js -> user가 userinfo 볼 때 middleware로 사용 / 그 외에는 ? 채팅  

auth res.redirect -> json으로 바꾸는거 

 

 

 

 

질문 chat.dataset.value를 변수에 담아서 하면 +=1이 안되는 이유 

채팅value 없으면 alert - 질문 

 

 

 

내일 

1. 채팅 업그레이드 / css

chatBtn 바탕 이미지 깔기 

2.  채팅창 닫기 버튼 

 

 

 

나중에 추가할 것

main page - 채팅 아이콘 추가 

 

 

 

 

 

이전 작업

1. 기본 server.js 틀 구성 

2. sequelize models 틀 구성 

users, items, buy tables + 외래키 설정 완료 & JS 에 tables 가져오기 완료 / 사용도 가능 ! 

3. JWT (token, userpw sha256으로 암호화해서 return하는거  완료 ) & JWT sebsite verified done 

* 수정 db 생년월일 추가 /id 를 email로 수정 완료 

3. 회원가입

- 비밀번호 암호화 / db 연결  

4. 로그인

- db 연결 

- JWT PW / Token DB 확인 ok 

login 아이디, 비번 틀렸을 때 / redirect 수정 ok 

login 아이디,비번 맞을 떄 res.redirect 안됨 -:> ok 

 

 

 

 

 

 

 

 

사용한 패키지 

$npm init

$npm i express nunjucks body-parser dotenv (기본 깔기 ) 

* express-session mysql socket.io http cors moment multer path crypto cookie cookie-parser op 

 

$npm i sequelize sequelize-cli mysql2 sequelize-auto 

$npm i -g sequelize-auto / npm i -g mysql2 

$npx sequelize init

 

 

 

 

---

 

4일차 

 

채팅쪽css가 생각보다 오래걸렸다

내일은 서버 백앤드에 집중해서 하기 !! ! 

 

 

 

오늘 작업 

1. 회원가입 

- 아이디(이메일 ) db에 있으면 가입안되게 설정 

 

2. 파일 정리

 

3. 채팅 / 관리자 채팅 연결까지 확인 (담주 월)

chat, chatHelp, chatRoom, chatBtn.html - html, css 

채팅 길어지면 창 내려가기 ㅠㅠ? 

채팅value 없으면 alert - 질문 

안읽음 표시 

상대방 메세지 시간 위치 조정

엔터치면 채팅이 보내지게 

 

4. 로그인/회원가입 오류여부 찾기 / 해결 / 업글

 

 

5. css - before, after

 

 

 

내일 할 것 

1. 비밀번호 영문+숫자+기호 

2. 

 

 

 

질문

chat.dataset.value를 변수에 담아서 하면 +=1이 안되는 이유 

채팅value 없으면 alert 

팝업창에서 다시 redirect to login page 

 

 

 

 

 

 

나중에 추가할 것

main page - 채팅 아이콘 추가 

 

 

 

 

이전 작업

1. 기본 server.js

틀 구성 

2. sequelize models

틀 구성 

users, items, buy tables + 외래키 설정 완료 & JS 에 tables 가져오기 완료 / 사용도 가능 ! 

3. JWT

(token, userpw sha256으로 암호화해서 return하는거  완료 ) & JWT sebsite verified done 

* 수정 db 생년월일 추가 /id 를 email로 수정 완료 

3. 회원가입

- 비밀번호 암호화 / db 연결  

4. 로그인

- db 연결 

- JWT PW / Token DB 확인 ok 

login 아이디, 비번 틀렸을 때 / redirect 수정 ok 

login 아이디,비번 맞을 떄 res.redirect 안됨 -:> ok 

5. 쿠키 / session / expiary time설정 

token 시간 2시간  체크 

로그인 시 AccessToken cookie 저장 완료 

5. auth.js ->

user가 userinfo 볼 때 middleware로 사용 / 그 외에는 ? 채팅  

auth res.redirect -> json으로 바꾸는거 

6. 채팅

socket - client 부분 

popup -> html or http ....

auth.js 연결 json 

채팅 시간 나오도록 / 채팅 개수 표현 

시간 표시 00 

같은 시간에는 시간표시 x 

 

 

 

 

 

사용한 패키지 

$npm init

$npm i express nunjucks body-parser dotenv (기본 깔기 ) 

* express-session mysql socket.io http cors moment multer path crypto cookie cookie-parser op 

 

$npm i sequelize sequelize-cli mysql2 sequelize-auto 

$npm i -g sequelize-auto / npm i -g mysql2 

$npx sequelize init

 

 

 

 

---

5일차 

 

오늘 작업 

1. 회원가입 

- 아이디(이메일 ) db에 있으면 가입안되게 설정 

- 비밀번호 영문, 숫자, 기호 사용 여부 확인 

- 비밀번호 / 아이디 길이 

 

2. 채팅 / 관리자 채팅 연결까지 확인 (담주 월)

채팅 길어지면 스크롤 이벤트 ! 

채팅value 없으면 alert - 질문 

안읽음 표시 

엔터치면 채팅이 보내지게 

 

3. alert local표시 안되게 만들기 ok 

 

 

 

공부해볼 것 

css - before, after

 

 

 

 내일 할 것 

 

 

 

질문

1. chat.dataset.value를 변수에 담아서 하면 +=1이 안되는 이유 

2. 채팅value 없으면 alert 

3. 팝업창에서 다시 redirect to login page 

4. join.js DB 첫줄 

 

 

 

 

 

얼추 완성되었을 쯤 추가할 것!

1. 아이디, 비밀번호, 핸드폰번호 미니멈길이 설정 

2. main page - 채팅 아이콘 추가 

 

 

 

 

 

이전 작업

1. 기본 server.js

틀 구성 

2. sequelize models

틀 구성 

users, items, buy tables + 외래키 설정 완료 & JS 에 tables 가져오기 완료 / 사용도 가능 ! 

3. JWT

(token, userpw sha256으로 암호화해서 return하는거  완료 ) & JWT sebsite verified done 

* 수정 db 생년월일 추가 /id 를 email로 수정 완료 

3. 회원가입

- 비밀번호 암호화 / db 연결  

4. 로그인

- db 연결 

- JWT PW / Token DB 확인 ok 

login 아이디, 비번 틀렸을 때 / redirect 수정 ok 

login 아이디,비번 맞을 떄 res.redirect 안됨 -:> ok 

5. 쿠키 / session / expiary time설정 

token 시간 2시간  체크 

로그인 시 AccessToken cookie 저장 완료 

5. auth.js ->

user가 userinfo 볼 때 middleware로 사용 / 그 외에는 ? 채팅  

auth res.redirect -> json으로 바꾸는거 

6. 채팅1

socket - client 부분 

popup -> html or http ....

auth.js 연결 json 

채팅 시간 나오도록 / 채팅 개수 표현 

시간 표시 00 

같은 시간에는 시간표시 x 

7. 채팅 2

chat, chatHelp, chatRoom, chatBtn.html - html, css 

상대방 메세지 시간 위치 조정

 

 

 

 

 

 

사용한 패키지 

$npm init

$npm i express nunjucks body-parser dotenv (기본 깔기 ) 

* express-session mysql socket.io http cors moment multer path crypto cookie cookie-parser op 

 

$npm i sequelize sequelize-cli mysql2 sequelize-auto 

$npm i -g sequelize-auto / npm i -g mysql2 

$npx sequelize init