서버 사이드 렌더링(Server Side Rendering: SSR) & 클라이언트 사이드 렌더링(Client Side Rendering: CSR) 정리

최근 용어 ‘서버 사이드 렌더링(Server Side Rendering)‘을 알게 되었는데, 리액트를 공부하며 배우게 된 SPA방식과 관계가 있다고 생각했다. 궁금해서 찾아본 내용(서버 사이드 렌더링((Server Side Rendering))과 클라이언트 사이드 렌더링(Client Side Rendering))을 간단하게 정리해 보았다. Server Side Rendering 전통적인 웹 어플리케이션 렌더링 방식 검색엔진 최적화 용이 서버에서 view를 렌더링해서 가져오므로 view를 보기까지 초기 구동속도가 빠름 HTML에 모든 컨텐츠가 저장되어 있으므로 검색엔진 노출에 문제가 되지 않음 사용자가 처음으로 보는 컨텐츠의 시점을 앞당길 수 있음 사용자 정보를 서버측에서 세션 관리 Client Side Rendering SPA 방식(Single Page Application) HTML을 다운로드 받고, JS를 다운로드 받아서, JS가 동작하면서 데이터만 주고받아서 클라이언트 쪽에서 렌더링 하는 방식 브라우저가 없으므로 HTML만 가져와서는 검색에 나오지 않음. Continue reading

20.09.25_TIL

계획했던 일 학교 과제 진행하기 오늘 한 일 온라인으로 시뮬레이션 과목 교수님께 과제물 관련 상담과 검토를 받았으며 과제를 무사히 마쳤다. 생황법률 과목 과제를 40%정도 진행했다. 타이탄의 도구 책을 읽기 시작했는데 굉장히 흥미롭다. 블로그에 오늘 찾아본 내용에 대해서 정리한 글을 올렸다. 내일 할 일 학교 과제 진행하기 코드 리뷰 해결하기 온라인 출석부 stackoverflow에 올린 답변을 참고해서 진행해보기, 답변자분과 추가 질문과 쌍방 소통 이어하기

20.09.24_TIL

계획했던 일 학교 과제 진행하기 오늘 한 일 시뮬레이션 과목 강의를 들었다. 시뮬레이션 과목 과제를 진행중이다. 내일 할 일 학교 과제 진행하기

20.09.23_TIL

계획했던 일 학교 과제 진행하기 오늘 한 일 온라인 출석부 구글 스프레드 시트의 특정 범위부분만 Google Apps script를 사용한 web app으로 html 페이지에 보이게 하고 틀고정 시킬수 있는 방법을 계속 찾았다. 시뮬레이션 과목 강의를 들었다. 내일 할 일 학교 과제 진행하기

20.09.22_TIL

계획했던 일 학교 과제 진행하기 오늘 한 일 코드 리뷰를 참고해 레스토랑 시뮬레이션 코드를 개선했다. 온라인 출석부 구글 스프레드 시트의 특정 범위부분만 Google Apps script를 사용한 web app으로 html 페이지에 보이게 하고 틀고정 시킬수 있는 방법을 계속 찾았다. 내일 할 일 학교 과제 진행하기

20.09.21_TIL

계획했던 일 학교 과제 진행하기 오늘 한 일 코드 리뷰를 참고해 레스토랑 시뮬레이션 코드를 개선했다. PR를 일단 정리하고 다음 PR로 넘어갔는데 브랜치를 새로 파서 초기화 하는 작업 등이 깃 사용이 도움이 되었다. 온라인 출석부 피드백 개선안 두개를 해결했다. 스프레드시트의 헤더부분을 범위 지정으로 가져올수 있으므로 HTML 페이지에 넣으면 될 것 같다. 내일 할 일 학교 과제 진행하기

20.09.20_TIL

계획했던 일 학교 과제 진행하기 오늘 한 일 볼일이 있어 아침부터 밤까지 다른 지역에 다녀왔다. 내일 할 일 학교 과제 진행하기