TIL - [20.09.07]

오랜만에 늦잠 자고 일어났다!
오늘, 내일, 모레 열심히 해서 프로젝트 마감일(9/10) 전에 되도록 다 끝내야지. 🏇

 

 

TIL

 

✅이제..!

- 카톡알림, 메일알림 체크박스에 체크해야만 아래의 알림 날짜와 시간 설정창이 뜨게 하기!
  (체크하지 않았는데도 알림날짜, 시간 db에 저장되는 것을 방지)
 체크박스 onclick="check_open()"실행.
->완료!

 

-그리고 알림-체크(true)했는데 날짜, 시간 값 없으면 반드시 날짜와 시간 입력하도록 얼럿 띄우기!
  (체크해놓고 날짜, 시간 없어서 에러발생하는 것 방지) 
 카톡 체크했는지 확인 -> 체크되어있는데 카톡알림 날짜 없으면 얼럿 -> 체크되어있는데 카톡알림 시간 없으면 얼럿
 메일 체크했는지 확인 -> 체크되어있는데 메일알림 날짜 없으면 얼럿 -> 체크되어있는데 메일알림 시간 없으면 얼럿
->완료!

 

- 로그인 - 로그인 창에서 엔터 누르면 로그인되게 하기!
->완료!
 검색 키워드 : html 엔터 누르면
 참고 : hoon2kc.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%97%94%ED%84%B0-%EB%88%84%EB%A5%B4%EB%A9%B4-%EC%A1%B0%ED%9A%8C-%EB%A1%9C%EA%B7%B8%EC%9D%B8 , cofs.tistory.com/12, alpreah.tistory.com/101

 방법 : 그 위치에서 엔터 눌렀을 때 함수 실행하고 싶은 태그에 onkeyup="enterkey()" 속성을 추가한다.
 그리고 <script></script> 부분에 아래 코드 추가.

function enterkey() {
  if (window.event.keyCode == 13) {
  	login();
  }
}

window.event.keyCode =13이 엔터키라고. (엔터키의 키코드 = 13번)
만약 엔터키가 아닌 다른 키의 키코드를 알고 싶다면 keycode.info/를 참고하면 된다고.
생각보다 간단하게 구현되어서 좋다!

 

- 일정삭제, 로그아웃 할 때 한번 더 물어보는 얼럿창 만들기 
  (한번에 삭제, 로그아웃되니 실수로 클릭했을 때 당황스러움)
->완료!
 검색 키워드 :  html 확인얼럿
 참고 : jootc.com/p/201807211394 (html 확인 취소 창 띄우기)
 기존 코드에 if문과 confirm, else만 추가하면 되어서 간단하게 구현 완료.

if (confirm("경고 문구")) {
 //'확인' 클릭시 수행할 동작
} else {
 //'취소' 클릭시 수행할 동작
}

-이메일 받는사람 주소 = 회원 아이디
->완료!

-이메일 제목, 내용 업그레이드하기 (이미지 더하고, 카톡알림/메일알림 예정 알려주기?
 이메일에 들어가면 좋은 유용한 기능 생각해보기)
->
메일 내용 개선!
smtplib을 통해 메일 내용에 들어갈 html을 구성하는 게 상당히 큰일이다. '0'..
+내용상 html줄바꿈과 '할일'을 강조하면 좋을 것 같아서 span style=""을 적용했다!
smtplib에서는 <style></style>대신 인라인 스타일로 적용해야만 한다고 해서, 구글링으로 해결했다.
참고 ; span태그 사용법, 예제, border속성
coding-factory.tistory.com/189 ,ofcourse.kr/css-course/border-%EC%86%8D%EC%84%B1

일단 현재까지 만든 이메일 알림 모습은 이렇다!

-> 이메일에 이미지 첨부하기
내 버전에 맞으면서도 정확한 정보 찾기가 생각보다 어려워서 우선 보류하기로!
아직 다른 구현해야 할 기능들도 많다.. 

 

- 회원가입 - 이메일 중복검사 기능 구현
-> ing..
현재 회원가입 창에
1.이메일 형식검사
2.이메일 중복검사
3.회원가입(register)이 있는데
이들을 어떻게 배열할지?가 고민이다. 흠.
그리고 중복검사 할 때
그냥 회원가입id창에 들어간 값이 db내 id값 중에 있는지 찾아서(.find 또는 .find_one)
있으면 안된다, 없으면 된다 라고 하려고 했는데
자꾸 오류가 난다.ㅠㅠ
이부분은 내일 다시 해봐야겠다.. 머리가 안 돌아간다ㅋㅋㅜㅜ

-검색어 조건 완화? 하기
->완료!
stackoverflow.com/questions/39683102/find-documents-which-contain-a-particular-value-mongo-python
파이썬에서 db.todo.find({'todo': :keyword}) -> db.todo.find({'todo': {'$regex':keyword}}) 로 바꾸니 해결.
생각보다 쉬운 구현방법 감사합니다.
이제 검색어가 대상의 일부에만 포함되어도 검색결과에 나오게 되었다.
+ 검색창에서 엔터를 눌러도 검색이 되도록 해주었다!

 

내일 (이어서) 할 일

-회원가입-이메일 중복검사 기능
->이어서 해보기

-마지막으로 가능하다면 카톡알림까지..!! 도전해보기

++ 👾개인 계정으로 로그인했는데 타 계정의 일정이 뜨는 버그가 있다고 함! 디버깅 필요!

 

✅프로젝트 제출 전까지 해야 할 일
- 파일질라 통해 html, python파일 AWS에 올리기
- doggo-and-me.shop에서 잘 돌아가는지 모든 기능 테스트하기
- 동영상으로 찍어서 이전 스파르타코딩클럽후기 글에 올리기
- 프로젝트 제출 링크 들어가서 제출하기!

✅프로젝트 제출 끝나면 할 일
- 개발일지 회고, 정리해 소감 작성하기
- 앞으로의 공부, 취업 계획 짜기 (개발자 취업정보 서칭)
- 블로그 프로필 그리고 이력 작성하기(about Bibi)

👩‍💻추후 '멍이와 나' 개발계획 
- 일정 이메일 알림 제공 
- 일정 카톡 알림 제공 
- 7일 뷰, 30일 뷰 제공 
- 날씨정보 제공 
+ 구글캘린더와 연동 & 앱으로 개발
-> 이메일 전송 성공시 메시지, 실패시 오류메시지 출력?
-> 이메일에 이미지 첨부하기

오늘의 순수공부시간 - 4:48:22!