Web
-
2022.05.26 이론공부Web/etc. 2022. 5. 26. 16:55
1. 팝업과 모달창의 차이 팝업창 : 현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우 것 ㆍ웹 시작과 동시에 띄우는 경우가 많다 ㆍ사용자 의도의 관점 : 현재 의도하는 목적과 상관없이 뜨는 창 ㆍ자유도가 높다. ( 모달창은 부모창에 종속되어 모달창을 닫기 전에는 부모창 이벤트 조정 X ) 모달창 : 기존의 브라우저 페이지 위에 새로운 원도우 창이 아닌 레이어를 까는 것 ㆍ중간 중간 사용자에게 보여주는 경우가 많다 ㆍ사용자 의도의 관점 : 다음 진행으로 넘어가기위한 필요에 의해 사용되는 창 ㆍ반드시 노출해야하는 부분은 모달창 사용 2. GET과 POST의 차이 GET - 리소스 조회 - 서버에 전달하고 싶은 데이터는 query(쿼리파라미터, 쿼리스트링)를 통해서 전달 - 메시지 바디를 사용..
-
HTTP 웹 기본 지식 - 5. HTTP 헤더 - 캐시와 조건부 요청Web/모든 개발자를 위한 HTTP 웹 기본 지식 2022. 5. 26. 13:35
캐시 기본 동작 캐시가 없을 때 - 데이터가 변경되지 않아도 계속 네크워크를 통해서 데이터를 다운로드 받아야한다. - 인터넷 네크워크는 매우 느리고 비싸다 - 브라우저 로딩 속도가 느리다 - 느린 사용자 경험 캐시동작원리 - 캐시 덕분에 캐시 가능 시간동안 네크워크를 사용하지 않아도 된다 - 비싼 네크워크 사용량을 줄일 수 있다 - 브라우저 로딩 속도가 매우 빠르다 - 빠른 사용자 경험 캐시 시간 초과 - 캐시 유효 시간이 초과하면, 서버를 통해 데이터를 다시 조회하고, 캐시를 갱신한다 - 이때 다시 네트워크 다운로드가 발생한다 검증 헤더 추가 동작 원리 1. 첫번째 요청시 - Last-Modified ( 검증헤더, 데이터가 마지막에 수정된 시간 ) 을 헤더에 포함시켜 응답 - 응답 결과를 브라우저 캐시..
-
HTTP 웹 기본 지식 - 4. HTTP 일반헤더Web/모든 개발자를 위한 HTTP 웹 기본 지식 2022. 5. 26. 09:59
HTTP 헤더 용도 - HTTP 전송에 필요한 모든 부가 정보 - 예 ) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청클라이언트, 서버 정보, 캐시관리정보 등등 - 표준 헤더가 너무 많은 - 필요시 임의의 헤더 추가 가능 - 헤더 분류 ㆍGeneral 헤더 : 메시지 전체에 적용되는 정보, 예 ) Connection: close ㆍRequest 헤더 : 요청 정보, 예 ) User-Agent: Mozilla/5.0 (Macintosh; ..) ㆍResponse 헤더 : 응답 정보, 예 ) Server: Apache ㆍEntity 헤더 : 엔티티 바디 정보, 예) Content-Type: text/html, Content-Length: 3423 ( RFC2616 ) HTTP BODY - 메..
-
HTTP 웹 기본 지식 - 3. HTTP 상태코드Web/모든 개발자를 위한 HTTP 웹 기본 지식 2022. 5. 25. 17:27
HTTP 상태코드 상태 코드 : 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 - 1xx ( Informational ) : 요청이 수신되어 처리중 - 2xx ( Successful ) : 요청 정상 처리 - 3xx ( Redirection ) : 요청을 완료하려면 추가 행동이 필요 - 4xx ( Client Error ) : 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 - 5xx ( Server Error ) : 서버 오류, 서버가 정상 요청을 처리하지 못함 ① 2xx ( Successful ) - 성공 : 클라이언트의 요청을 성공적으로 처리 - 200 OK : 요청 성공 - 201 Created : 요청 성공해서 새로운 리소스가 생성됨 - 202 Accepted ..
-
HTTP 웹 기본 지식 - 2. HTTP & HTTP메서드Web/모든 개발자를 위한 HTTP 웹 기본 지식 2022. 5. 25. 13:29
HTTP ( HyperText Transfer Protocol ) - HTTP 메세지에 모든 것을 전송 ㆍ HTML, TEXT, IMAGE, 음성, 영상, 파일, JSON, XML (API), 거의 모든 형태의 전송가능 ㆍ 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용 - 기반 프로토콜 ㆍTCP : HTTP/1.1, HTTP/2 ㆍUDP : HTTP/3 ㆍ현재 HTTP/1.1 주로 사용 HTTP 특징 - 클라이언트 서버 구조 - 무상태 프로토콜(stateless), 비연결성 - HTTP 메세지 - 단순함, 확장 가능 ① 클라이언트 서버 구조 - Request Response 구조 - 클라이언트는 서버에 요청을 보내고, 응답을 대기 - 서버가 요청에 대한 결과를 만들어서 응답 - 클라이언트는 UX..
-
HTTP 웹 기본 지식 - 1. 인터넷 네트워크 & URI와 웹브라우저 요청Web/모든 개발자를 위한 HTTP 웹 기본 지식 2022. 5. 25. 10:11
인터넷 네트워크 1. IP( 인터넷 프로토콜 ) 역할 - 지정한 IP 주소에 데이터 전달 - 패킷이라는 통신 단위로 데이터 전달 한계 - 비연결성 : 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 - 비신뢰성 : 중간에 패킷이 사라지거나 패킷이 순서대로 안올 때 - 프로그램 구분 : 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상일 때 2. TCP 인터넷 프로토콜 스택의 4계층 - 애플리케이션 계층 : HTTP, FTP - 전송계층 : TCP, UDP - 인터넷 계층 : IP - 네트워크 인터페이스 계층 1. 프로그램이 Hello, world! 메세지 생성 2. SOCKET 라이브러리를 통해 OS계층에 전달 3. TCP 정보 생성, 메세지 데이터 포함 4. IP 패킷 생성, T..
-
2022.05.25 이론공부Web/etc. 2022. 5. 25. 08:52
1. Client Server 클라인언트 : 다른 프로그램에게 서비스를 요청하는 프로그램 서버 : 그 요청에 응답하는 프로그램 Q ) 백엔드도 클라이언트가 될 수 있냐? : 될 수 있다. 클라이언트 - 서버 - 백엔드 - DBMS 관계에서 백엔트와 DBMS 관계에서는 백엔드가 클라이언트다. 추가 ) 클라이언트는 서버에게 요청 -> 서버는 클라이언트가 요청한 것을 백엔드(백엔드 언어)에게 전달 -> 백엔드 언어는 로직에 맞춰 DBMS으로 부터 필요한 데이터를 얻는다. * 서버와 클라이언트는 역할의 개념이며, 서버는 서버의 역할만 할 수 있는게 아니라 하는 일에 따라 클라이언트가 될 수 도 있다. 2. 3way handshake : TCP를 이용한 데이터 통신을 할 때 프로세스와 프로세스를 연결하기 위해 가..
-
[이론] HTTPWeb 2022. 1. 17. 16:13
출처 : https://hwanmin.tistory.com/805 참고 주소 1. https://velog.io/@dnjscksdn98/HTTP-%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC 2. https://shlee0882.tistory.com/107 3. https://developer.mozilla.org/ko/docs/Web/HTTP/Overview HTTP 프로토콜이란? HTTP( Hypertext Transfer Protocol ) 인터넷상에서 데이터를 주고 받기 위한 서버/클라이언트 모델을 따르는 프로토콜이다. 애플리케이션 레벨의 프로토콜로 TCP/IP위에서 작동한다. HTTP는 어떤 종류의 데이터든지 ..