SSR, CSR

SSR, server side rendering
CSR, client side rendering

CSR

  • CSR은 리액트로 만든 SPA 웹앱이라고 생각하면 된다
  • index.html이 텅텅 비어있고,
  • 버튼을 누르면 자바스크립트로 동적으로 화면을 다시 그려서 페이지가 넘어가는 것처럼 보인다
  • 처음 리액트를 배울 때 안드로이드 앱 만드는 느낌이 강하게 들었다
  • 최초에 index.html를 서버에서 받고, 화면이 넘어가는 경우 필요한 데이터만 서버에 요청한다
    (JSON 등 데이터만 주고받음으로 가볍다고 볼 수 있다)
  • 데이터를 가져오면 이미 가지고 있는 틀에다가 바인딩하여 보여준다

SSR

  • 전통?적인 방법이다
  • 버튼, 링크를 누르면 서버로 다른 html 파일을 요청한다
  • CSR과 반대로 html 내용이 꽉꽉 차있다
  • SEO에 유리하다
  • 크롤러(bot)는 그냥 html의 내용을 읽으면 된다
  • CSR은 페이지 접속 만으로는 콘텐츠가 생성이 되어있지 않기 때문에 크롤러(bot)가 난감할 것이다

연관 키워드

GTD

Getting Things Done (GTD) by David Allen - Animated Book Summary And Review
https://youtu.be/gCswMsONkwY

  • 위 영상에 대한 메모

GTD

  • 5 스텝으로 이뤄짐
  • capture -> process -> oranize -> review -> engage
  1. capture

    • 머릿속에 두지 말고 모든 생각을 다 적어라
  2. process

    • 담아둔 아이템들에 대해 질문해라

    • is it actionable? yes

    • can you do it in less than 2 minutes? yes/no

      • yes ; 바로 실행
      • no ; 액션 리스트에 추가
    • is it actionable? no

    • 2 choices ; discard / keep it as reference

    • 모든 항목에 대해 생각해라

  3. oganize

    • 마법이 일어난다

    • by project, time, context

    • 다음 항목에 대해 생각해라

    • 시퀀스를 잘 짜라

  4. review

    • 매주 리뷰해라
    • 모든 것을 원활하게 실행하려면 주간 검토가 필수적이다
    • 목표에 맞게 진행되고 있는지 반성해라
  5. engage

    • let’s get cracking! ; 즉시 일을 시작해라

참고

keyword 카테고리 생성

  • 어떤 키워드에 대해 옆에 있는 사람한테 설명할 정도로 잘 알지는 못하지만 알고 있는 대로 적어보기
  • 잘 모르는 때, 해당 키워드에 대해 어떻게 설명할 수 있을까?
  • 글 작성 당시의 나는 해당 키워드를 어떻게 인식하고 있을까?
  • 흑역사 생성기
  • 어떤 지식에 대해 아주 잘 알고 있을 때, 하나도 모르는 사람에게 잘 알려줄 수 있을까?
  • 라는 물음으로 시작!

cidr

  • aws에서 보안그룹이라던지, acl 설정이라던지
  • ip를 받는 설정을 하다보면 123.123.123.123/32 등
  • ip/mask bits 로 표기되는 것을 본적 있을 것이다
  • 이를 CIDR 표기법이라고하고,
  • 이는 쉽게 ip의 범위를 나타낸다
  • 마스크 비트 숫자가 클수록 범위가 좁다
  • 마스크 비트 숫자가 작을수록 범위가 크다. = 포함된 ip 주소가 많다

참고