내일배움캠프 4기 React 13일차(JS로 하는 SPA 특강, 알고리즘)

최영진·2022년 11월 16일
0
post-custom-banner

1. MPA 와 SPA 의 차이

  • MPA(Multi-Page Application)
    • 브라우저에서 변경사항이 있을 때 서버로 서브밋 데이터를 전달하여 새로운
      페이지 렌더링을 요청하고 그 데이터를 표시함
    • 새로운 페이지를 불러올 때 새로고침 됨
  • SPA(Single-Page Application)
    • 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를
      동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나
      웹사이트를 말함
    • 자연스러운 느낌을 준다. 새로고침 X

2. CSR 과 SSR 의 차이

  • CSR(Client-Side Rendering)
    • 브라우저 상에서 HTML, JS등 렌더링을 위해 필요한 것들을 모두 미리
      다운로드하고 렌더링함
    • SPA 동작과 비슷하다.
  • SSR(Server-Side Rendering)
    • 서버상에서 렌더링을 마치고 클라이언트에서 받아서 실행시킴
    • 페이지 이동시 처음접속시 계속 새로고침이 일어난다.

3. hashed url path

  • url 의 뒤쪽에 # hash는 브라우저에서 받지 않음
  • #로 url경로를 구분하여 주어 로컬안에서 해당 경로를 가상으로 인식함

4. HTTP 상태코드

  • 200 OK
    • HTTP 200 OK는 요청이 성공했음을 나타내는 성공 응답 상태 코드 입니다. 기본값에서 200 응답은 캐시에 저장할 수 있습니다.
      성공의 정의는 다음과 같이 HTTP 요청 메서드에 따라 나뉩니다.
    • GET: 리소스를 가져왔고 메시지 바디에 전송되었다.
      HEAD: 개체 헤더가 메시지 바디에 있다.
      POST: 리소스가 명시하는 행동의 결과가 메시지 바디에 전송되었다.
      TRACE (en-US): 서버가 요청받은 메시지가 메시지 바디에 포함되어있다.
    • PUT 또는 DELETE의 성공 결과는 종종 200 OK가 아니라 204 No Content (리소스를 새로 생성한 경우 201 Created) 입니다.
  • 304 Not Modified
    • 클라이언트 리디렉션 응답 코드 304 Not Modified 는 요청된 리소스를 재전송할 필요가 없음을 나타낸다. 캐시된 자원으로의 암묵적인 리디렉션이다.
  • 출처 : https://developer.mozilla.org/ko/docs/Web/HTTP/Status/200

5. 알고리즘

profile
안녕하시오.
post-custom-banner

0개의 댓글