[TIL]이노베이션 캠프 3일차

1. 개발 진행 상황

• 와이어 프레임 토대로 뼈대 잡기
• 뼈대 잡은것에 기능 구현 도전..!

2. 개발 중 발생한 이슈와 해결

• 에러에러에러..어떻게 정리해야 할지 모르겠다.

3. 새로 배운 것

• youtube 크롤링 
• 부트스트랩을 이용해서 프론트엔드 구현
• API(Application Programming Interface): 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법 정의

- 클라이언트(요청)->서버(응답)

- POST요청: 주로 데이터를 수정할 때

- GET요청: 주로 데이터를 가져올 때

• 웹개발플러스 강의: 로그인 기능 JWT

JWT(JSON Web Toke): JSON객체를 사용하여 정보를 안정성 있게 전달하는 웹표준

사용자가 로그인하면 서버에서 회원임을 인증하는 토큰을 넘겨주고 이후 회원만 접근할 수 있는 서비스 영역에서 신분 확인하는데 쓰임

 

id와 pw를 받는다 - > 암호화된 id, pw를 가지고 유저를 찾는다 -> 클라이언트에게 JWT토큰(암호화한 페이로드: id, 로그인 유효시간 정보 )을 넘겨줌//페이로드 암호화는 서버만의 특별한 비밀키로 암호화 함, 비밀키는 서비스마다 직접 세팅할 수 있음

 

request.cookies에서 토큰을 가져옴

token_receive한 것을 secret_key jwt decode(복호화)

id있거나 없거나 확인

 

쿠키: 로그인을 구현하면 반드시 쿠키라는 개념을 사용함

페이지에 관계없이 브라우저에 임시로 저장되는 정보로 key:value(딕셔너리 형태)로 저장됨

서버가 발급하고, 클라이언트(브라우저)는 쿠키에다 값을 저장해 놓음, 클라이언트가 서버로 보낼 때 쿠키값이 같이 보내짐 

-> 쿠키가 있기 때문에 한번 로그인하면 유지되는 것이고 브라우저를 닫거나 일정시간이 지나면 삭제되게 할 수 있음

 

4. 참고 레퍼런스

https://aws.amazon.com/ko/what-is/api/

API란 무엇인가요? - API 초보자를 위한 가이드 - AWS

https://getbootstrap.com/docs/5.2/getting-started/introduction/

Get started with Bootstrap

5. 오늘 한 일 / 회고

• 검색 후 유튜브 영상나오는거 구현하려고 도전.. 해봤지만 실패..ㅠ 기본 개념이 안잡혀서 그런가...휴 계속 도전하겠지만 이번 주차 끝나고 다시 강의 정주행을 꼭 해야겠다. ..조에서 1인분을 못해서 자괴감 든다..ㅎ
• 강의들으면서 따라가기 힘들다...

6. TO-DO LIST

• 내 파트 기능 구현..