프론트엔드 스터디 - 5

css 클래스 방법론

• OOCSS (Object Oriented CSS)
• BEM (Block Element Modifier)
• SMACSS (Scalable and Modular Architecture for CSS)

null vs undefined vs undeclared의 차이점?

• undefined: 변수가 선언되었지만 값이 할당되지 않은 상태. typeof ⇒ undefined
• null: 변수를 선언하고 null이라는 값을 할당한 상태. null은 객체이다. typeof ⇒ object
• undeclared:변수의 선언도, 할당도 이루어지지 않은 상태. typeof ⇒ undefined

http 상태코드 100~500

• 클라이언트가 보낸 HTTP 요청에 대한 서버의 응답 코드 입니다.

• 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다.

• 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다.

• 3xx(리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요합니다.

• 4xx(클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다.

• 5xx(서버 오류) : 서버가 명백히 유효한 요청에 대한 충족을 실패했습니다.

• 200대: 클라이언트가 요청한 작업을 서버가 성공적으로 수행했다.

  • 200: ok. 단순히 작업이 성공했음을 의미한다.
  • 201: created. 요청이 정상적으로 수행되었고, 그로 인해 리소스가 새롭게 생성되었다는 것을 의미한다.
  • 204: no content. 요청이 정상적으로 수행되었고, 이 요청과 관련되었던 컨텐츠 또한 더 이상 깔끔하게 존재하지 않음을 의미한다.(삭제에 사용)

• 300대: 리다이렉션에 관련된 상태들을 의미한다. 클라이언트가 요청한 리소스가 옮겨졌거나 리소스가 삭제되었거나해서 정상적인 방법으로는 더 이상 해당 리소스에 접근할 수 없고 다른 URL을 통해서 그 리소스에 접근해야하는 경우이다.

  • 301: moved permanetly. 브라우저는 자신의 대한 요청의 응답으로 301을 받으면 HTTP 헤더에 들어있는 location 필드를 찾아보고, 해당 필드가 존재할 경우 location 필드에 담긴 URL로 자동으로 리다이렉션한다.
  • 304: not modified. 클라이언트가 요청한 리소스가 이전 요청떄와 비교해보았을 때 전혀 달라진 점이 없다는 것을 의미한다. 즉, 말 그대로 Not Modified, 수정되지 않음이다. 서버가 응답으로 이 상태 코드를 보내주면 클라이언트는 굳이 서버에게 리소스를 재전송받아야할 필요가 없기에 자신이 캐싱해놓았던 리소스를 사용하게된다.

• 400대: 클라이언트가 서버에게 보낸 요청이 잘못된 경우 또는 오류

  • 400: bad request. 클라이언트가 요청 잘못 날림
  • 401: unauthorized. 인증되지 않은 사용자가 인증이 필요한 리소스를 요청하는 경우
  • 403: forbidden. 금지
  • 404: not found. 리소스가 존재하지 않는다

• 500대: 서버에서 뭔가 문제가 있을 때

  • 500: Internal Server Error. 서버에서 뭔가 알 수 없는 에러가 발생했다.
  • 502: Bad Gateway. 서버 애플리케이션이 죽었을 때

주소창에 사이트 주소 입력하면 어떤 일이 발생하는지

• 사용자가 웹 브라우저의 주소창에 URL 주소를 입력한다.
• DNS서버에서 해당 도메인 네임에 해당하는 IP 주소를 찾는다.
• HTTP 프로토콜을 사용해서 웹페이지 URL 정보와 IP 주소를 담은 HTTP 요청 메시지를 생성한다.
• TCP 프로토콜을 사용해서 인터넷을 거쳐 해당 IP 주소의 컴퓨터로 전송된다.
• 도착한 HTTP 요청 메시지는 HTTP 프로토콜을 사용하여 웹페이지 URL 정보로 변환된다.
• 웹 서버는 도착한 웹 페이지 URL 정보에 해당하는 데이터를 검색한다.
• 검색된 웹 페이지 데이터는 또 다시 HTTP 프로토콜을 사용하여 HTTP 응답 메시지를 생성하고 TCP 프로토콜을 사용하여 인터넷을 거쳐 원래 컴퓨터로 전송된다.
• 도착한 HTTP 응답 메시지는 HTTP 프로토콜을 사용하여 웹 페이지 데이터로 변환되고 웹 브라우저에 의해 출력되어 사용자가 볼 수 있게 된다.