웹 기본 정리

• 클라이언트 - 서버
  클라이언트는 서버에 요청을 보내고, 서버는 요청에 따라 데이터 응답

• HTTP 요청 - 응답
  클라이언트가 웹 페이지를 요청하면 서버는 요청을 처리하고 HTML 문서를 반환, 클라이언트는 이름 해석해서 화면에 표시

브라우저 작동 원리

: 브라우저는 웹 서버로부터 HTML, CSS, JavaScript 파일을 요청하고 응답받아 이를 파싱(해석)함

HTTP/HTTPS

HTTP 프로토콜

• 기본 개념:

  • HTTP는 월드 와이드 웹(WWW)에서 웹 페이지를 주고받기 위해 사용되는 프로토콜
  • 클라이언트(주로 웹 브라우저)가 서버에 요청을 보내면, 서버는 그 요청에 맞는 데이터를 클라이언트에 응답으로 보내주는 방식으로 작동

• 특징:

  • 비암호화된 데이터 전송: HTTP는 데이터를 평문(암호화되지 않은 형태)으로 전송하기 때문에, 중간에 누군가가 네트워크 트래픽을 감청할 경우 데이터가 쉽게 유출될 수 있음
  • 속도: 암호화 과정이 없기 때문에 HTTPS보다 약간 더 빠를 수 있으나 보안이 취약하다는 큰 단점을 가짐
  • 포트: 기본적으로 80번 포트를 사용

• 예시:

  • HTTP를 사용하는 웹 페이지는 URL이 http://로 시작 예를 들어, http://www.example.com.
    

• 요청 메서드: 클라이언트가 서버에게 특정 작업을 요청할 때 사용하는 명령어

  • GET(데이터 요청) 설명: 서버로부터 데이터를 요청하는 메서드 용도: 데이터 조회, 웹 페이지 로드 예시: https://www.example.com 입력 시, 브라우저는 서버에 GET을 요청
    
  • POST(데이터 전송) 설명: 서버에 데이터를 전송하는 메서드 용도: 데이터 제출, 폼 전송 예시: 로그인, 회원가입
    
  • PUT(데이터 갱신) 설명: 서버의 리소스를 갱신하거나 새 리소스를 생성하는 메서드 용도: 데이터 갱신, 리소스 생성 예시: 회원정보 수정
    
  • DELETE(데이터 삭제) 설명: 서버의 리소스를 삭제하는 메서드 용도: 데이터 삭제 예시: 사용자 계정 삭제

• 상태 코드: 서버가 클라이언트의 요청을 처리한 결과를 나타내는 3자리 숫자 코드

  • 200(OK, 성공) 설명: 요청이 성공적으로 처리되었음을 나타내는 상태 코드 용도: 요청 성공 예시: 웹 페이지를 성공적으로 로드했을 경우
    
  • 404(Not Found, 페이지 없음) 설명: 요청한 리소스를 서버에서 찾을 수 없을 경우 용도: 리소스 없음 예시: 사용자가 존재하지 않는 URL을 입력했을 경우
    
  • 500(Internal Server Error, 서버 오류) 설명: 서버에서 처리 중 오류가 발생했음을 나타내는 상태 코드 용도: 서버 오류 예시: 서버에서 예상치 못한 오류가 발생했을 경우

  HTTPS 프로토콜

• 기본 개념:

  • HTTPS는 HTTP에 SSL(Secure Sockets Layer) 또는 TLS(Transport Layer Security)라는 암호화 프로토콜을 결합한 것 HTTPS를 통해 주고받는 데이터는 암호화되어, 중간에 누군가가 데이터를 가로채더라도 내용을 읽을 수 없도록 보호
    

• 특징:

  • 데이터 암호화: 모든 데이터가 전송되기 전에 암호화되어, 데이터의 기밀성을 유지 이로 인해 제 3자가 데이터 내용을 쉽게 볼 수 없으며, 데이터가 안전하게 전송
    
  • 데이터 무결성: 데이터가 전송되는 도중 변경되거나 손상되지 않았는지를 확인하는 기능을 제공 이를 통해 클라이언트는 서버로부터 받은 데이터가 원본과 일치하는지 확인 가능
    
  • 서버 인증: HTTPS는 SSL/TLS 인증서를 사용하여 서버의 신원을 확인 이는 사용자가 방문하는 웹 사이트가 실제로 그 웹 사이트임을 보장 이를 위해 신뢰할 수 있는 인증 기관(CA, Certificate Authority)에서 발급한 인증서를 사용
    
  • 포트: 기본적으로 443번 포트를 사용

• 예시:

  • HTTPS를 사용하는 웹 페이지는 URL이 https://로 시작 예를 들어, https://www.example.com.