HTTP와 HTTPS

Bummy·2023년 2월 27일
0

웹개발

목록 보기
5/7

HTTP

HTTP란?

💡 HTTP?
하이퍼 텍스트 전송 프로토콜(Hypertext Transfer Protocol)

  • 웹에서 브라우저와 서버간에 데이터를 주고 받는 약속
  • 규약을 정해두었기에 모든 프로그래밍이 규약에 맞춰 개발되어 서로 정보를 교환할 수 있게 됨

HTTP의 동작

1) HTTP 동작


ex) 브라우저에서 사용자가 회원가입을 시도하게 되면, 서버로 회원정보를 보내게 되고 서버는 회원 정보를 저장해준다. 이러한 과정에서 사용되는 규약이 바로 HTTP이다.

2) Request(요청)

클라이언트가 서버에게 연락하는 것을 요청이라고 하며 요청을 보낼 때는 요청에 대한 정보를 담아 서버로 보낸다.

이름설명
GET자료를 요청할 때 사용
POST자료 생성을 요청할 때 사용
PUT자료의 수정을 요청할 때 사용
PATCH자료의 수정을 요청할 때 사용
DELETE자료의 삭제를 요청할 때 사용

3) Response(응답)

서버가 요청에 대한 답변을 클라이언트에게 보내는 것을 응답이라고 한다.

Status Code(상태코드)

이름설명
1XX(조건부 응답)요청을 받았으며 작업을 계속한다.
2XX(성공)클라이언트가 요청한 동작을 수신하여 이해했고 승낙했으며 성공적으로 처리했음을 가리킨다.
3XX(리다이렉션 완료)클라이언트는 요청을 마치기 위해 추가 동작을 취해야 한다.
4XX(요청 완료)클라이언트에 오류가 있음을 나타낸다.
5XX(서버 오류)서버가 유효한 요청을 명백하게 수행하지 못했음을 나타낸다.

More about Status Codes


HTTPS

HTTPS란?

💡 HTTPS란?
하이퍼 텍스트 전송 프로토콜 보안(Hypertext Transfer Protocal Secure)

  • 월드 와이드 웹 통신 프로토콜인 HTTP의 보안이 강화된 버전
  • 통신의 인증과 암호화를 위해 넷스케이프 커뮤니케이션즈 코퍼레이션에서 개발
  • 보안이 필요한 전자 상거래에서 널리 사용됨
  • 통신에서 일반 텍스트를 이용하는 대신 SSL(TLS) 프로토콜을 통해 세션 데이터를 암호화

HTTPS 장점

1) 보안

SSL(TLS) 인증서를 사용하기 때문에 사용자가 사이트에 제공하는 정보를 암호화하여 중간에 누군가 훔쳐 낸다고 해도 데이터가 암호화되어 있기에 해독할 수 없다.

2) SEO 품질(검색엔진 최적화)

구글에서는 HTTPS를 사용하는 웹 사이트에 대해서 검색 순위 결과에 약간의 가산점을 주겠다고 발표했다.

3) AMP(가속화된 모바일 페이지)

AMP를 제작하기 위해선 HTTPS를 사용해야한다.

👉🏻 AMP?


Accelerate Mobile Pages의 약자로 가속화된 모바일 페이지라고 직역할 수 있다.
구글에서 공개한 오픈소스 라이브러리로 특징으로는 정적 컨텐츠의 빠른 렌더링이 가능한 웹페이지를 제작할 수 있도록 규격화된 기능을 지원한다.
기존의 웹페이지 기술을 그대로 사용하고 있고 다양한 브라우저에서 지원된다.

👍🏻 장점

  • 웹페이지의 최적화를 통해 성능 향상을 기대할 수 있다.
  • 구글 검색 순위 결과에서 가산점을 주기에 상단에 노출될 확률이 높다.
  • 다양한 템플릿 제공으로 빠르게 웹사이트를 만들어낼 수 있다.

👎🏻 단점

  • 규격화 되어 있으며 일부는 구글에서 제공하는 AMP 전용 태그를 사용해야한다.
  • AMP 전용 JS 라이브러리를 사용하고 자바스크립트를 커스텀해서 사용할 수 없다.
  • 커스텀 CSS는 인라인으로만 사용해야하며 50KB를 넘지 않아야하고 다른 곳에서 불러올 수 없다.
  • 복잡한 자바스크립트 코드 또는 역동적인 애니메이션 효과가 포함된 페이지는 AMP화 시키기 어렵다

AMP에 대해 더 알아보기


HTTP, HTTPS 확인하기

사용하고 있는 웹사이트에서 다음과 같은 버튼을 누르면

웹 사이트가 HTTP를 사용하고 있는지 HTTPS를 사용하고 있는지 알 수 있다.

HTTP일 경우

HTTP일 경우 보안에 취약하기 때문에 다음과 같은 경고 문구가 나오게 된다.

HTTPS일 경우

HTTPS를 사용할 경우 보안에 이점이 있기에 보안 연결이 사용되고 있다고 안내하고 있다.


Reference

0개의 댓글