TIL - [20.09.02] 1차 발표와 AWS업로드

📝 알람 보내기 위해서는 몇몇 API에 코딩 미뤄 뒀던 '알림 정보 주고받는 코드'도 다듬어야 한다! 알람1날짜&시간, 알람2날짜&시간 정보를 db로 오게 해야. 일정편집API였나..
->일정생성,조회,편집API 등 거의 다였다.. 세상에..ㅋㅋㅋ

 

TIL

 

1.일정생성할 때 radio값(카톡알림/이메일알림)과 checkbox값(종일) 가져와서 db로 보내기

->완료!

 

2.일정조회할 때 db의 알림날짜와 알림여부 체크 데이터 같이 보여주기

->db 저장할 때 알림설정 on_day, day_ago, 3days_ago, week_ago와 같은 값을 넣어 놓아서
이걸 todo_card에 넣으려면 한글 텍스트로 다시 변환해 주어야 한다.
즉 startdate에 -0, -1, -3, -7로 날짜를 계산해 나타내 주어야 하는데 참 머리가 아프다.ㅠㅠ
mainia.tistory.com/2564 여기에 잘 정리가 되어 있는 듯 하다.

카톡/이메일알림 ox를 넣을 부분에 각 class명을 지정 선택자로 선택한 뒤 if, else if 문을 만들었다.
참고 : gangzzang.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%ACjQuery-%EC%84%A0%ED%83%9D%EC%9E%90

 

❓ 조건문을 다 만들었는데..
옛날 일정은 두 번씩 ox가 나오고, db의 true/false값에 상관없이 다 같은 ox가 나오는 괴현상이 발생한다.

❓오늘 다시 해 보니 아예 O,X가 안 붙는다ㅠㅠㅠ 이게 무슨.. 슬랙에 질문을 올려놨다ㅠㅠ
->coco 가 디버깅을 도와줬다!! 🙇‍♀🙇‍♀ 최고최고~~
2.일정조회에서 sche_card .append()하는 반복문에서 "alert_k","alert_e"라는 class명을 같게 쓰고 있었음.
같은 class에 OX()함수를 계속 적용하니 O,X가 여러 번 붙었던 것임.
그래서 

let sche_card = `<div class="sche_card" data-id="${a_sche['_id']['$oid']}">
                    <div class="schedule_date">${start_date}~${end_date}</div>
                    <button onclick="readasche(this)">편집</button>
                    <button onclick="delsche(this)">삭제</button>
                    <li>(${start_time}~${end_time})${todo}</li>
                    ${memo}
                    <li>💬카카오톡 알림 - <span class="alert_k${[i]}"></span><br>
                    날짜 : ${alert_k_date}</span><br>
                    시간 : ${alert_k_time}</li>
                    <li>📧이메일 알림 - <span class="alert_e${[i]}"></span><br>
                    날짜 : ${alert_e_date}</span><br>
                    시간 : ${alert_e_time}</li>
                </div>`

이 부분의 class 명인 "alert_k"와 "alert_e"도 반복문 인자?인 [i]를 적용해주어야 했었는데 하지 않았음.
+ 백틱(``)내의 값이므로 ${}내에 [i]를 적용해 주어야 했음. ->위와 같이 클래스명을 수정!!

이렇게 수정했으므로 마찬가지로 OX() 함수의 반복문&조건문 구문도 .class를 지정할 때

..
let sche_list = response['sche_list'];
for (i = 0; i < sche_list.length; i++) {
      let a_sche = sche_list[i];
      let alert_k = a_sche['alert_k']
      let alert_e = a_sche['alert_e']
      if (alert_k == "true") {
        $('.alert_k' + i).append('⭕');
        } else if (alert_k == "false") {
        $('.alert_k' + i).append('❌')
        }
      if (alert_e == "true") {
        $('.alert_e' + i).append('⭕');
        } else if (alert_e == "false") {
        $('.alert_e' + i).append('❌')
        }
}
..

 

$('.alert_k' + i).append('⭕') 와 같이 텍스트에 변수를 합치는 것이므로 + 를 사용해 코드를 적어 주어야 한다.

 

*** 알림1-카톡/이메일, 알림2-카톡/이메일 구조가 아닌..
카톡알림, 이메일알림 의 구조로 변경해야겠다.
알림 하나도 잘 못 하고 있는데 두 개를 다루려니(사실상 4개) 너무 복잡하다ㅠㅠ
이미 만들어둔 코드는 주석처리하거나 삭제해야겠다. 

alert_1_date
alert_1_time
alert_1_katalk
alert_1_email
alert_2_date
alert_2_time
alert_2_katalk
alert_2_email
->
alert_k (카톡알림 여부)
alert_k_date (카톡알림 날짜)
alert_k_time (카톡알림 시간)
alert_e (이메일알림 여부)
alert_e_date (이메일 알림 날짜)
alert_e_time (이메일 알림 시간)

프론트엔드와 백엔드도 모두 변경..
-> 1.일정생성 2.일정조회 3.일정검색 완료 
-> 4.일정편집창에서 알림도 수정 가능하게 하기 - 완료
-> 5. 일정삭제는 _id값 활용하므로 기존과 동일. API 전체 수정 완료!

6-1메일 보내는 함수 + schedule 활용

-> 다른 9기 수강생분이 알려주신 바로는 '한걸음 더' 가 아닌 '가이드프로젝트'-3 주식줍줍 에 설명이 더 자세하게 나와있었다... 내일 이어서 해야겠다.

->gmail보내기 : 보안-2단계인증설정-앱 비밀번호를 받아서 사용해야 했었다! 이렇게 하니 잘 된다 :D

❓ 같은 메일이 두 번씩 보내진다.ㅠㅠ smtplib을 더 자세히 구글링해보면서 디버깅해야겠다. 일단 다른 급한 불부터 끄고!!

 

앞으로의 수정사항

*** 알람일자 설정 - 애초에 db에 저장할 때 1일전이면 시작일에서 -1의 날짜, 3일전이면 -3의 날짜로 저장하는 방식으로 바꿔야겠다!! db에 day_ago라고 저장되어 있으니 꺼내 쓸 때마다 날짜형식으로 바꿔줘야 해서 엄청나게 불편하다.;;
->> 그냥 알람일자 설정도 시작일설정과 동일한 input type="date"로 바꾸기로.

++ '종일'데이터 처리하기! 체크되어 있으면 db에 저장할 때 startdate와 같은 날짜로 enddate 저장

++ og태그 적용하기

++ 일정삭제, 로그아웃 할 때 한번 더 물어보는 얼럿창 만들기
   한번에 삭제, 로그아웃되니 실수로 클릭했을 때 당황스러움

++ 카톡알림, 메일알림 체크박스에 체크해야만 아래의 알림 날짜와 시간 설정창이 뜨게 하기.
   체크하지 않았는데도 알림날짜, 시간 db에 저장되는 것을 방지!

++ 날씨조회. -대한민국 전체 날씨로 (?)

++ index.html에서 아래 7일, 30일 레이아웃은 숨김상태를 기본으로 설정하기!

++ startend를 없앨까? 남겨두려면 어떻게 개선해야 할까??

 

오늘은 스파르타 마지막 수업날!
발표를 위해 드디어 og태그도 만들고 AWS에 서버도 올렸다.

doggo-and-me.shop/

멍이와 나 Doggo & Me

내 도메인이 생기다니..(1년짜리지만)👏👏

 

오늘의 순수공부시간 - 7:38:26 🔥