본문 바로가기

Web

 (48)
[모든 개발자를 위한 HTTP 웹 기본 지식] 5.HTTP 메서드 - PUT, PATCH, DELETE ( 2/3 ) PUT 리소스를 대체 리소스가 있으면 개체 리소스가 없으면 생성 모든 리소스를 덮어버림 클라이언트가 리소스를 식별 클라이언트가 리소스 위치를 알고 URI 지정 POST와 차이점 주의점 - 리소스를 완전히 대체한다. username필드를 삭제해 버린다. PATCH HTTP에서 PATCH를 못받아들일 경우 POST로 진행하면 된다. 리소스의 부분변경 DELETE 리소스 제거 출처 https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/dashboard 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., 웹 기술을 사..
[모든 개발자를 위한 HTTP 웹 기본 지식] 4.HTTP 메서드 - 기본, GET, POST ( 1/3 ) API URI 고민 URI( Uniform Resource Identifier ) 리소스의 의미? ex. 회원이라는 개념 자체가 바로 리소스이다. 리소스를 어떻게 식별을 할까? ex. 회원이라는 리소스만 식별하면 된다. -> 회원 리소스를 URI에 매핑 API URI 설계 리소스만 반영 리소스와 행위를 분리 URI는 리소스만 식별 리소스와 해당 리소스를 대상으로 하는 행위를 분리 리소스 : 회원 행위 : 조회, 등록, 삭제, 변경 리소스는 명사, 행위는 동사 HTTP 메서드 - GET, POST HTTP 메서드 종류 1) 주요 메서드 GET: 리소스 조회 POST: 요청 데이터 처리, 주로 등록에 사용 PUT: 리소스를 대체, 해당 리소스가 없으면 생성 PATCH: 리소스 부분 변경 DELETE: 리소스..
[모든 개발자를 위한 HTTP 웹 기본 지식] 3.HTTP 기본 HTTP( HyperText Transfer Protocol ) HTML, TEXT JSON, XML (API) 거의 모든 형태의 데이터 전송 가능 서버간에 데이터를 주고 받을 떄도 대부분 HTTP 사용 - 기반 프로토콜 TCP : HTTP/1.1, HTTP/2 UDP: HTTP/3 현재 HTTP/1.1 주로 사용 HTTP/2. HTTP/3도 점점 증가 - 특징 클라이언트 서버 구조 무상태 프로토콜( 스테이스리스 ), 비연결성 HTTP 메시지 단순함, 확장 가능 1. 클라이언트 서버 구조 Request, Response 구조 클라이언트는 서버에 요청을 보내고, 응답을 대기 서버가 요청에 대한 결과를 만들어서 응답 클라이언트와 서버를 분리하면 독립적으로 진행 가능 2. 무상태 프로토콜( Stateless ..
[모든 개발자를 위한 HTTP 웹 기본 지식] 2.URI와 웹 브라우저 요청 흐름( URI - Uniform Resource Identifier) URI? URL? URN? URI는 로케이터(locator), 이름(name) 또는 둘다 추가로 분류될 수 있다. https://www.ietf.org/rfc/rfc3986.txt - 1.1.3. URI, URL, and URN URI 단어 뜻 Uniform: 리소스 식별하는 통일된 방식 Resource: 자원, URI로 식별할 수 있는 모든 것(제한 없음) Identifier: 다른 항목과 구분하는데 필요한 정보 URL: Uniform Resource Locator URN: Uniform Resource Name URL, URN 단어 뜻 URL - Locator: 리소스가 있는 위치를 지정 URN - Name: 리소스에 이름을 부여 위치는 변할 수 있지만, 이름은 변하지 않는다. urn:isbn:896..
[모든 개발자를 위한 HTTP 웹 기본 지식] 1.인터넷 네트워크( IP, UDP, TCP) IP( 인터넷 프로토콜 ) 지정한 IP 주소( IP Address )에 데이터 전달 패킷( Packet )이라는 통신 단위로 데이터 전달 출발지 IP, 목적지 IP, 전송 데이터, ... IP 프로토콜의 한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 비신뢰성 중간에 패킷이 사라질 수 있다. 패킷이 순서대로 안 올 수 있다. 프로그램 구분 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상이면? ※ 이런 한계들을 극복할 수 있게 도와주는 게 TCP, UDP 인터넷 프로토콜 스택의 4계층 애플리케이션 계층 HTTP, FTP 전송계층 TCP, UDP 인터넷 계층 IP 네트워크 인터페이스 계층 1. TCP( 전송 제어 프로토콜, Transmission Control Prot..
[모든 개발자를 위한 HTTP 웹 기본 지식] 들어가며 모든 것이 HTTP 기반 위에서 동작합니다. 실무에서 웹 기술을 사용하는 개발자의 경우 항상 고민에 빠지게 됩니다. 어떨때 post, get을 써야하는지 고민에 빠집니다. 개발자는 평생 HTTP 기반위에서 개발을 해야합니다. 그래서 한번은 HTTP에 대해서 정리를 해야합니다. 강의목표 HTTP의 전체 흐름 이해 실무에 꼭 필요한 핵심 내용 수 많은 예시와 그림으로 쉽게 설명 강의순서 인터넷 네트워크 URL와 웹 브라우저 요청 흐름 HTTP 기본, 메서드, 활용 HTTP 헤더 이 카테고리에 해당하는 모든 페이지는 아래 강의를 보고 작성한 것입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/dashb..
[Javascript] DOM 요소 - DOM 요소의 선택 HTML 요소를 다루기 위해서는 우선 해당 요소를 선택해야만 한다. 자바스크립트에서 특정 HTML 요소를 선택하는 방법은 다음과 같다. 1. HTML 태그 이름( tag name )을 이용한 선택 getElementsByTagName() 메소드는 HTML 태그 이름을 이용하여 HTML 요소를 선택한다. item() 메소드는 해당 HTML 객체 집합( object collection )에서 전달받은 인덱스에 해당하는 요소를 반환한다. HTML 요소의 style 프로퍼티를 이용하면, 해당 요소의 CSS 스타일을 변경할 수 있다. var selectedItem = document.getElementsByTagName("li"); // 모든 요소를 선택함. for (var i = 0; i..
[Javascript] Document 객체 - Documnet 객체 Document 객체는 웹 페이지 그 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 한다. - Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다. HTML 요소의 선택 HTML 요소의 생성 HTML 이벤트 핸들러 추가 HTML 객체의 선택 - HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다. -HTML 요소의 생성 새로운 HTML 요소를 생성하기 위해 제공되는 메소드는 다음과 같다. - HTML 이벤트 핸들러 추가 HTML 요소에 이벤트 핸들러를 추가하기 위해 제공되는 메소드는 다음과 같다. 출처 http://tcps..

티스토리툴바