210929 TIL

내용

한 것도 없는데 하루가 갔다 일단 구현은 여러가지 방법으로 가능하니 한 가지 가지고 너무 오래 끌지 말자 !ㅎ 웹 기초는 3번이나 집중해서 들었는데 심화때는 프로젝트가 그런가 집중이 잘 안된다. 이해하기 더 어려워서 내 머리가 피하는 것 같다 일단 그래도 한 번은 돌렸으니까 이번주 까지 들어야 하는 aws를 마저 들어야겠다. 튜더님께서 강의 내용 백프로 이해보다는 필요할때 사용하는 정도로 참고하라고 하셨으니 그래야겠다 ㅎㅎ 1차 프로젝트 걱정했는데 약간 무임승차 느낌으로 ㅎ.. ㅠㅠ 열심히 해야지 맡은 건 잘하쟛 ㅠ

# 개발 업무내용

• bool 자료형 : 참/거짓 두 개 값만 나옴
• Document.getElementById() : 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환
• element : 내용을 포함해 시작태그와 종료태그까지. <p>이것은 문단입니다.</p>
• element 객체는 검색해서 읽어봐도 이해가 잘 안 간다. 대충 대충 p, div, a, 같은 HTML 요소라고 이해했다.
• console.group() , console.groupEnd() : 부모,자식,외부,내부에 대한 영역을 구분하여 확인 가능

document.getElementById("start-period").setAttribute("min", today); 
// id 값이 star_period인 엘리먼트에 min이라는 속성을 설정 맞나? 
// input 태그의 min은 요소의 최솟값을 설정하는데 사용

• 자바스크립트 onchange="" : 값이 변경될때 onchange에서 지정한 함수를 호출하여 실행

function setThumbnail(event) { 
	let reader = new FileReader(); // file 내용 읽기 
    reader.onload = function (event) { 
    $("#thumbnail").attr('src', event.target.result) }; 
    //읽기 동작 성공일때 발생/ 이미지 url src에 넣어줌 
    reader.readAsDataURL(event.target.files[0]); //인코딩 Base64 Encode 문자열로 반환 
    	} 										//이미지 확인 가능

# 이슈

payload = { 'id': id_receive, 'exp': datetime.datetime.utcnow() + datetime.timedelta(seconds=5) } 
token = jwt.encode(payload, SECRET_KEY, algorithm='HS256').decode('utf-8') # token을 줍니다.

• payload 랑 시크릿키 정해서 토큰을 만든다

payload = jwt.decode(token_receive, SECRET_KEY, algorithms=['HS256'])

• token_receive는 위에 만든 token이고 시크릿키로 암호 풀면 id랑 exp 저장해서 만든 payload가 나온다 (encode, decode를 제대로 안 본 듯)
• 로그아웃 5분이면 될 줄 알았는데 이렇게 오래 볼 줄 몰랐다 ㅎ..

jquery로 아무리 해도 안되서 포기 ㅠㅠ

let delete_cookie = function (name) { 
	document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;'; }; 
// 만료 일자를 과거로 해서 삭제되게 했다. 잘 삭제됨 ㅎ

# To-do List

4주차 다시 듣기 (ㅠㅠ못함)

프로젝트 전체 코드 이해하기 (ㅠㅠ실패)