[ 항해99] 부트캠프 4일차 Web project
항해 99
4일차 :
어저께도 새벽 3시 까지 다들 안자고 열심히 만들었다.
내가맡은 부분은 영화를 이름 으로 찾아서 영화이름을, 네이버 영화 api를 이용해서 , 검색후에 ,
inja2 로 html로 붙여주고, 사용자가 영화를 선택하면 db로 들어갈수있다. 그리고 이거를 유투브로 만들고 12시까지 제출 해야했다.
과제로 만든 웹사이트 : http://leedmeen.shop
유튜브 링크 : https://youtu.be/8Gbv7yYv2qM
깃허브: https://github.com/skylermbang/week1_team20
로그인 기능 / 회원가입 기능 ( 아이디 확인 기능)
메인페이지에서는 db에 있는 영화 를 이렇게가져온다 (현재 아무것도없어서 example)로 뜬것
영화검색 -하면 받아온 정보를 밑에다가 저렇게 만들어주고 추가하기를하면 메인페이지에 추가가된다
메인페이지에 추가가 된모습.
영화 누루면 자세하게 이렇게 큰 포스터를 볼수있고 댓글을 달수있다.
1. 서버사이드 랜더링의 장점?
서버사이드 랜더링 (SSR)
장점 | 단점 |
SEO (검색엔진 최적화 )가능 | 페이지가 깜박거림 |
사용자의 로딩속도가 빠름 | 잦은 서버요청으로 서버에 부화가 큼 |
프로젝트 복잡도가 올라감? |
클라이언트 사이드 렌더링(CSR)
장점 | 단점 |
초기 로딩이후 빠른 속도 | 초기 속도가 서버사이드렌더링보다 느림 |
웹어플리케이션에좋음 | 검색엔진최적화가 어려움 |
자바스크립트 라이브러리 활용 |
Michaelgians lcsw@msn.com
2.
- JWT 인증 방식, 쿠키/세션 대비 장점 설명
JWT(Json Web Token)은 토큰 기반 인증 방식으로, 세션 상태를 저장하는 게 아니라 필요한 정보를 토큰에 담아 클라이언트가 가지고 있고 그것을 증명서처럼 사용한다. 클라이언트는 Access Token(JWT Token)을 헤더에 실어 서버로 보내게 된다. JWT 인증 방식을 사용하면 사용자 인증에 필요한 정보를 토큰 자체에 담고 있어 별도 저장소에 정보를 저장해둘 필요가 없다. 그래서 인증 서버와 DB에 의존하지 않아도 된다. (from 김수연님)
질문:
aws에 올렷을때는, jinaja로 받아온 css파일들이랑 base template 부분들이 안나왔다. 왜안나왔을까?
답변: 그 aws에 올릴때 css를못가져오는이유가 밑에있는 답변이랑 같을것같다. 그래서 현재 css파일 위치를
<link rel="stylesheet" href="{{ url_for('static', filename='css/common.css') }}">
이렇게 바꿔주면 되지않을까 라고생각한다.
(확실히 실험해본건아님...)
<link rel="stylesheet" href="{{ url_for('static', filename='/css/common.css') }}">
https://stackoverflow.com/questions/7973872/django-template-inheritance-delivers-no-css
'IT > Bootcamp 항해99' 카테고리의 다른 글
[항해99] 6일차 알고리즘강의 (0) | 2021.06.13 |
---|---|
[항해99] 5일차 , TIL회고록 , 깃헙 사용법, 프로젝트 리뷰 (0) | 2021.06.12 |
[ 항해99] 부트캠프 3일차 Web project (0) | 2021.06.10 |
[ 항해99] 2일차 Website project (0) | 2021.06.08 |
[ 항해99] 1일차 Website project (0) | 2021.06.08 |