[64~68일차] 20210613~17 apple clone 팀프로젝트

 

 

6일차 

6일차 

오늘 작업 

 

 

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

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

채팅value 없으면 alert - 질문 

안읽음 표시 

엔터치면 채팅이 보내지게 

 

2. join 메일 주소 유효한지 확인하는거  ! + join 시 입력창 모든 제어 추가 

 

3. DB 구조 다시 파악하기 ! 

- 로그인 시 cookie 값 넣어서 장바구니 기능 추가 

 

4. API 카카오 로그인 추가 / 네이버 로그인 추가 / 

 

 

질문

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

2. 채팅value 없으면 alert 

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

4. join.js DB 첫줄 

 

REST API -> 다시 공부 

간략한 약속들... 어떤 형식으로 보내는지 규칙 체크 

서비스 구현 능력 

 

공부해볼 것 

css - before, after

 

 

 

 내일 할 것 

 

 

 

 

 

 

 

 

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

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 

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

8. 회원가입

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

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

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

 

 

 

---

7일차 

오늘 작업 

 

 

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

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

채팅value 없으면 alert - 질문 

안읽음 표시 

엔터치면 채팅이 보내지게 

 

2. join 메일 주소 유효한지 확인하는거  ! + join 시 입력창 모든 제어 추가 

 

3. DB 구조 다시 파악하기 ! (수-금 -> DB & sequelize) 

- 로그인 시 cookie 값 넣어서 장바구니 기능 추가 

 

 

4. API 카카오 로그인 추가 / 

 

 

5. local 로그 아웃 , 카카오 로그아웃 

로그인 / 로그아웃 시 nav 에 '로그인 ' ---> '로그아웃' 변경 + 이름 추가 

 

6. 로그인 쿠키에 로그인값 저장 ---> session에다가 함 ---> naver, kakao, local 별로 Object name 다름 

 

 

7. 거의 다 만들었을 때 sweetalert모두 확인 -> 적용안된 곳 수정 ! 

 

 

8. 계정 html 만들기

1. 고객 정보 보여주기

2. 고객 정보 수정

3. 로컬 / 카카오  회원 탈퇴

 

 

REST API -> 다시 공부 

 

 

9. login할 때 session에 넣는것 골라서 넣기 (pw 같은 개인정보 빼기) 

 

 

10. 쿠키 값에 시간 찾아보기 

 

 

11. join 후 바로 로그인 창 보이기 

 

공부해볼 것 

css - before, after

 

 

 

 내일 할 것 

 

 

 

 

 

 

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

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 

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

8. 회원가입

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

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

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

 

 

 

 

 

 

질문

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

2. 채팅value 없으면 alert 

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

4. join.js DB 첫줄 

5. session 에다가 고객의 정보를 다 넣어도 되는지 ? 

6. 회원 탈퇴 시 cookies 모두 delete 했지만 client쪽 브라우저의 cookies 는 뭐가 많이 남아있음 -> 요건 상관이 없눈건지 ? ? 

 

 

 

 

 

---

 

 

8~10일차 

 

오늘 작업 

 

 

 

- local 회원가입후 alert 뜨게 -> 지금은 바로 로그인 페이지로 넘어감 

 

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

채팅value 없으면 alert - 질문 

안읽음 표시 

 

2. join 메일 주소 유효한지 확인하는거  ! + join 시 입력창 모든 제어 추가 

 

3. DB 구조 다시 파악하기 ! (수-금 -> DB & sequelize) 

- 로그인 시 cookie 값 넣어서 장바구니 기능 추가 

 

 

 

7. 거의 다 만들었을 때 sweetalert모두 확인 -> 적용안된 곳 수정 ! 

 

8. 계정 html 만들기

1. 고객 정보 보여주기

2. 고객 정보 수정

 

 

 

REST API -> 다시 공부 

 

 

9. login할 때 session에 넣는것 골라서 넣기 (pw 같은 개인정보 빼기) 

 

 

10. 쿠키 값에 시간 찾아보기 

 

 

11. 반응형 

 

 

 

 

 

 

공부해볼 것 

css - before, after

 

 

 

 내일 할 것 

 

 

 

 

 

 

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

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 

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

8. 회원가입

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

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

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

10. 채팅3

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

채팅value 없으면 alert - 질문 

안읽음 표시 

엔터치면 채팅이 보내지게 

11. API 카카오 로그인 추가 / 

12. local 로그 아웃 , 카카오 로그아웃 

로그인 / 로그아웃 시 nav 에 '로그인 ' ---> '로그아웃' 변경 + 이름 추가 

13. 로그인 쿠키에 로그인값 저장 ---> session에다가 함 ---> naver, kakao, local 별로 Object name 다름 

14. 로컬 / 카카오  회원 탈퇴

- local 로그인 시 로그아웃에 이름 안뜸 

15. 구글 API ok  로그 아웃 / 탈퇴 수정 完 

구글 로그아웃 / 쿠키 삭제 등등 끝 !-> server가아닌 브라우저 쪽 function 으로 요청했었어야해서 지금까지 배운 것과 반대 (?) 방향이라 어렵고 오래걸렸다 ,,, 어쨌뜬 끝낫다 ! 

main page HTML & CSS  / scroll observer 처음 써봄 !!! 굳 

 

 

 

 

사용한 확장 프로그램 

Fatkun AI Downloader(Video,Image,Music)

 

 

스텍 - ex) 브라우저 뒤로가기 / 큐 

 

 

 

 

질문

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

2. 채팅value 없으면 alert 

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

4. join.js DB 첫줄 

5. session 에다가 고객의 정보를 다 넣어도 되는지 ? 

6. 회원 탈퇴 시 cookies 모두 delete 했지만 client쪽 브라우저의 cookies 는 뭐가 많이 남아있음 -> 요건 상관이 없눈건지 ? ? 

7. google logout 에서 url 두번 거쳐야 하는 이유?