브라우저의 작동방식에 대해서 설명해주세요.
user가 입력 ( url 입력) 시 브루어자가 해당 url로 이동하도록 명령 - 도메인 네임 시스템 서버에 쿼리를 보낸다. dns를 사람이 읽을 수 있는 도메인을 ip주소로 변환한다 -
웹서버의 ip주소를 사용하여 서버와 통신하기 위한 연결 - http 요청 : 사용자 에이전트 정보, 요청 메서드, 쿠키 정보, 헤더 등을 포함 - 웹 서버는 브라우저에게 요청한 웹페이지의 html , css, js 및 기타 리소스에 대한 링크가 포함됨- html문서를 파싱하고 렌더링 엔진을 사용하여 웹페이지를 표시 (여기에서 html의 구조 분석, css 스타일링 및 js 실행이 포함) - css 웹페이지의 스타일을 적용 - 페이지에 포함된 js코드가 실행, 동적으로 내용을 변경하거나 상호 작용할 수 있음 - 렌더링 완료 - user 상호 작용
GET, POST 방식의 차이점에 대해서 설명해주세요.
get 데이터를 서버로 요청하기 위해 사용. 데이터를 url의 쿼리 문자열에 포함하여 보내는데 쿼리 문자열은 url 뒤에 ‘?’로 시작하고 키와 값을 데이터로 함께 전달한다.
브라우저 상단에 주소창에 보이며 보안에 취약하고 데이터 길이의 제한이 있다.
post는 서버로 데이터를 보내는 방법이며 http의 body에 해당한다 주로 민감한 데이터를 전송할 때 사용되며 데이터를 본문에 포함하기 때문에 브라우저 상단 주소창에 노출되지 않으며 데이터 길이 제한이 없다.
GET, POST의 개념과 함께 데이터 흐름에 대해서 설명해주세요.
user가 브라우저에 url을 입력 혹은 링크를 타고 해당 url로 get 요청을 보냄 → 서버는 이 요청된 페이지나 리소를 찾아서 브라우저에 응답함 → 데이터는 url의 쿼리 문자열에 포함되므로 요청과 응답은 주로 데이터를 전송할 때 제한적
사용자가 웹 양식을 제출 → 양식 내용이 post 요청의 본문에 포함되어 서버로 전송 → 서버는 이 데이터를 받아서 처리 후 응답 / post 요청은 데이터 양이 크거나 민감할 때 사용됨, 또한 캐싱되지 않는다는 특징을 띔
75일차 TIL( cs - study / css - 조건부 스타일링) (0) | 2023.09.11 |
---|---|
74일차 TIL( user info 수정 handler (if문)) (0) | 2023.09.10 |
72일차 TIL( cs - study(프로세스 생명주기)/ else) (0) | 2023.09.05 |
71일차 TIL( 중간 발표 / useMemo) (0) | 2023.09.05 |
70일차 TIL( cs / 면접 study ) (0) | 2023.08.30 |