<목차>
- 브라우저의 작동 방식
- GET, POST 차이점
- GET, POST 개념과 데이터 흐름
12. 브라우저의 작동 방식
- 브라우저 : 웹 페이지를 사용자에게 제공하는 도구, 인터넷에 연결된 컴퓨터에서 사용됨
기본 작동 방식
1. 주소입력
- 사용자가 웹 브라우저의 주소표시줄에 URL을 입력, URL은 웹 서버의 위치, 그 서버에서 찾을 수 있는 특정 파일 경로를 알려줌
- 요청 전송
- URL 분석 -> 해당 웹 서버에 HTTP 요청(인터넷을 통해)
- 서버 처리
- 웹 서버는 브라우저의 요청을 받고 요청된 페이지에 대한 데이터 처리(응답), 이 데이터는 HTML 문서일 수 있다. 추가적으로 CSS,JavaScript,이미지 파일등을 포함 할 수 있다.
- 데이터 수신 및 렌더링
- 웹 서버로부터 데이터를 수신후 분석, 사용자의 화면의 웹페이지를 표시
- 인터렉션
- 사용자가 페이지와 상호작용하면서 브라우저는 필요에 따라 추가요청을 서버에 보내고 새로운 데이터를 받아 페이지를 업데이트하거나 새 페이지를 렌더링
Q. 브라우저의 작동방식에 대해서 설명해주세요.
브라우저란 웹 페이지를 사용자에게 제공하는 도구로, 작동 방식은 크게 5가지로 나뉩니다. 첫 번째는 사용자가 주소를 입력하는 단계로, 웹 브라우저의 주소창에 URL을 입력합니다. 두 번째로, 그 URL을 전송하여 인터넷을 통해 해당 웹 서버에 HTTP 요청을 전송합니다. 세 번째는 서버에서 처리하는 과정으로, 웹 서버는 브라우저의 요청을 받고 요청된 페이지에 대한 데이터를 처리함으로써 요청에 응답합니다. 네 번째는 웹 서버로부터 받은 데이터를 수신한 후 분석하여 사용자의 화면에 웹 페이지를 표시하는 과정입니다. 마지막으로, 다섯 번째 과정은 인터랙션으로, 사용자가 페이지와 상호작용하면서 브라우저는 추가 요청을 서버에 보내고 새로운 데이터를 받아 페이지를 업데이트하거나 새 페이지를 렌더링합니다.
13. GET, POST 차이점
- HTTP 프로토콜에서 GET과 POST는 가장 자주 사용되는 메소드
- 서버에 데이터를 요청하거나 전송하는 방법에 있어 차이점
GET 메소드
- 목적 : 데이터를 조회하기 위해, 서버에서 정보를 검색할때 사용
- 데이터 전송 : 요청하는 데이터는 URL의 일부로 전송, URL끝에
?와 함께 파라미터가 붙어서 서버로 전송 - 데이터의 길이 제한 : URL 길이가 제한이 있기에 보낼 수 있는 데이터의 양도 제한
- 캐싱 가능 : GET 요청은 브라우저에 의해 캐싱 가능, 같은 요청을 다시 할 때 더 빠른 응답 가능
- 보안 : URL 데이터가 노출되므로 보안이 필요한 데이터를 전송하기엔 적합하지 않음
POST 메소드
- 목적 : 서버에 데이터를 전송하거나 서버의 상태를 변경하기 위해 사용
ex) 폼 데이터를 서버에 제출 - 데이터 전송 : 데이터는 요청 본문(body)에 포함되어 전송되므로 URL에 보이지 않음
- 데이터 길이 제한 : 데이터 길이에 제한이 없음. 많은 양의 데이터를 안전하게 전송 가능
- 캐싱 불가 : POST요청은 캐싱이 불가, 매번 서버로 데이터 전송
- 보안 : 데이터가 URL에 노출되지 않고 요청 본문에 포함되어 전송되기 때문에 GET보다 안전한편이다.
Q. GET, POST 방식의 차이점에 대해서 설명해주세요.
GET 메소드에 대해 먼저 말씀드리겠습니다. GET 메소드는 데이터를 조회할 때 사용됩니다. 데이터를 전송하는 방식은 데이터를 URL 끝에 '?'를 통해 추가된 파라미터와 함께 전송됩니다. 이런 방식을 사용하다 보니 URL의 길이 제한이 있기 때문에 보낼 수 있는 데이터의 양도 제한됩니다. GET 요청은 브라우저에 의해 캐싱이 가능하다는 특징이 있습니다. 캐싱이 가능하기 때문에 동일한 요청을 다시 할 때 빠른 응답을 받을 수 있습니다. 하지만 URL 데이터가 노출되므로 보안이 중요한 데이터를 전송하기에는 적합하지 않습니다. POST 메소드는 GET 메소드와 큰 차이점을 갖고 있습니다. POST 메소드는 데이터를 서버에 전송하거나 서버의 상태를 변경할 때 사용됩니다. 데이터 요청은 본문, 즉 바디에 포함되어 전송되기 때문에 URL에 노출되지 않습니다. 데이터 길이의 제한이 없기 때문에 많은 양의 데이터를 안전하게 전송하는 것이 가능하고, 데이터가 URL에 노출되지 않기 때문에 GET 메소드보다 상대적으로 안전한 편입니다. 다만 POST는 캐싱이 어려워 매번 서버로 데이터를 전송해 주어야 합니다.
14. GET, POST 개념과 데이터 흐름
- GET 과 POST 메소드는 웹에서 데이터를 주고받는데 사용되는 HTTP프로토콜의 두가지 주요 방법
- 클라이언트(보통 웹 브라우저)와 서버간의 데이터 흐름을 이해해야함
GET 메소드의 데이터 흐름
1. 사용자 요청
- 사용자가 웹 브라우저에서 특정 페이지를 요청
ex) 검색 엔진에서 키워드를 입력하여 검색을 요청 - 요청은 URL 키워드에 포함하여 서버로 전송
ex)http://example.com?search=keyword
- 서버 처리
- 서버는 URL에서 쿼리 파라미터(
search=keyword) 추출 - 데이터를 기반으로 요청된 작업 수행
ex) keyword에 대한 검색 결과를 데이터베이스에서 찾음
- 응답 생성
- 검색 결과를 HTML 형식으로 구성하여 HTTP 응답으로 클라이언트에게 보내짐
- 클라이언트 렌더링
- 클라이언트는 받은 HTML 문서를 파싱하고 웹 페이지로 렌더링
POST 메소드의 데이터 흐름
1. 사용자 요청
- 웹폼을 채워 '제출'버튼을 클릭할 때 폼 데이터는 POST요청을 통해 서버로 전송
ex) 회원 가입 양식을 작성한 경우 - 데이터는 HTTP 요청의 본문에 포함됨, URL에는 노출되지 않음
- 서버처리
- 서버는 HTTP 요청 본문에서 데이터 추출, 해당정보(사용자 이름, 비번등)를 사용하여 요청된 작업 수행
ex) 새로운 사용자를 데이터베이스에 등록
- 응답 생성
- 작업이 성공적으로 완료되면 서버 상태 코드 (200 OK)와 함께 응답을 클라이언트로 보냄
- 필요에 따라 추가 작업을 요청하는 경우 새로운 페이지로 리다이렉트 가능
- 클라이언트 렌더링
- 클라이언트는 서버로부터 받은 응답을 처리, 필요에 따라 사용자에게 성공메시지를 보여주거나 새로운 페이지 렌더링
Q. GET, POST의 개념과 함께 데이터 흐름에 대해서 설명해주세요.
네. GET 메소드는 주로 데이터를 조회할 때 사용되는 HTTP 프로토콜의 방법입니다. 처음에 사용자가 웹 브라우저에서 특정 페이지를 요청하는 경우, 예를 들어 검색 엔진에 키워드를 입력하여 검색을 요청합니다. 이 요청은 URL에 키워드를 포함하여 서버로 전송됩니다. 서버에서는 이 URL에서 쿼리 파라미터를 추출하고 해당 데이터를 기반으로 요청된 작업을 수행합니다. 이 과정에서 데이터베이스에서 해당 키워드를 찾습니다. 처리가 완료되면, 서버는 검색 결과를 HTML 형식으로 구성된 HTTP 응답을 클라이언트에게 보냅니다. 클라이언트는 받은 HTML 문서를 파싱하고 웹 페이지를 렌더링하여 검색 결과를 사용자에게 보여줍니다. POST 메소드는 사용자의 입력이 포함된 데이터를 서버에 제출할 때 사용됩니다. 사용자가 웹 폼에 데이터를 채워 '제출'을 하면, POST 요청을 통해 서버로 전송되는데, 이 데이터는 HTTP 요청의 본문에 포함되어 URL에 노출되지 않습니다. 서버는 본문에서 데이터를 추출하고 해당 정보를 사용하여 데이터베이스에 정보를 등록하는 등 요청된 작업을 수행합니다. 작업이 완료되면, 서버 상태 코드와 함께 응답을 클라이언트로 보내고, 필요에 따라 추가 작업을 요청하는 경우 새로운 페이지로 리다이렉트할 수 있습니다. 클라이언트는 받은 응답을 처리하고 필요에 따라 사용자에게 성공 메시지나 새로운 페이지를 렌더링합니다.
