on
정글사관학교 1일차 TIL: Jinja2, 서버 사이드 렌더링(SSR), Git branch...
정글사관학교 1일차 TIL: Jinja2, 서버 사이드 렌더링(SSR), Git branch...
1. Jinja2
이번 주차 과제에서는 두 가지 제약사항이 있었는데, 첫번째는 Jinja2를 이용해 서버 사이드 렌더링 방식으로 웹페이지를 구현하는 것이었다.
Jinja2는 플라스크에서 제공하는 웹 프레임워크다. 처음에 DOC를 읽었을 때만 해도 Django에서만 지원하는 건가? 헷갈렸는데 플라스크에도 기본적으로 내장되어 있다고 하더라.(설치는 해줘야 한다.)
설치 방법:
pip install Jinja2
(*pycharm에서 다루면 preference에 들어가서 설치하면 됨!)
Jinja2는 HTML을 파이썬 코드로 제어한다는 점에서 매우 유용하다.
HTML 내에서 for문, if문부터 변수 제어 등 말 그대로 파이썬 모든 기능을 다 사용 가능.
자세한 설명은 아래 링크를 참조하면 더 잘 알 수 있다.
https://ddaaadd.tistory.com/276
2. 서버 사이드 렌더링(SSR)
렌더링이라는 단어부터 알아보자.
렌더링은 우리가 코드로 작성한 것을 브라우저가 웹페이지를 그려주는 것을 말한다.(자세한 설명)
서버 사이드 렌더링은 서버 단에서 웹페이지를 생성해 클라이언트로 보낸 다음 바로 브라우저에 띄우는 방식을 말한다. 그럼 클라이언트 사이드 렌더링은? 서버에서는 정보만 주고 웹페이지를 그리는 건 프론트 단에서 만드는 것을 의미한다.
각 사이드에서 만드냐에 따라 무엇이 얼마나 차이가 날까? 각 사이드별로 장단이 있다.
여기서는 서버 사이드만 말하겠다.
서버사이드 렌더링을 쓰는 목적은 두 가지 장점 때문이다.
1) 검색엔진 최적화 (SEO)
공부하면서 보니까, OG tag는 서버에서 보내는 정보였구나..
2)빠른 페이지 렌더링
클라이언트 사이드는 빈 html 페이지를 받은 다음, 브라우저에서 그려서 띄운다. 반면, 서버 사이드는 미리 다 그려놓고 브라우저는 그저 모니터 역할만 할 뿐이다..라는데, 사실 무슨 차이인지 정확히 이해는 잘 되지 않는다. 서버 쪽 사양이 높으니까 그런건가..? 좀 더 공부해봐야겠다.
*Jinja2로 렌더링하기
Jinja2에서는 HTML에서 작성한 파이썬 코드를 서버 단에서 받아서 render_
3. Git branch
처음 써본 브랜치 기능.
코드 순서를 잘 기억하자.
1. git add .(해당 디렉토리에서 진행)
2. git commit -m "커밋 내용"
3. git push origin "브랜치 이름"
https://victorydntmd.tistory.com/91
https://victorydntmd.tistory.com/75
4. 로그인 기능 구현 - 쿠키 & 세션
https://cjh5414.github.io/cookie-and-session/
반응형
from http://woonys.tistory.com/83 by ccl(A) rewrite - 2021-11-02 01:03:37