본문 바로가기

전체 글

 (142)
[모든 개발자를 위한 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..
[자바 ORM 표준 JPA 프로그래밍] 고급 매핑 - 상속관계 매핑( 1/3 ) 상속관계 매핑 관계형 데이터베이스는 상속 관계X 슈퍼타입 서브타입 관계라는 모델링 기법이 객체 상속과 유사 상속관계 매핑 객체의 상속과 구조와 DB의 슈퍼타입 서브타입 관계를 매핑 객체는 상속관계로 가져갈 수 있다. 주요 어노테이션 @Inheritance(strategy=InheritanceType.XXXX) JOINED : 조인 전략 SINGLE_TABLE : 단일 테이블 전략 TABLE_PER_CLASS : 구현 클래스마다 테이블 전략 @DiscriminatorColumn(name="DTYPE") 부모 클래스에서 선언 이 어노테이션을 안 넣어 줄 경우에 기능상으로 문제는 없다. 그러나 DB만 봤을 경우 어떤 테이블(어떤 자식 객체)에서 INSERT가 되었는지 바로 확인할 수가 없다. 여러 테이블들과 ..
[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..
[Javascript] DOM 개념 - 문서 객체 모델( DOM ) 이란? DOM( Document Object Model )은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요스를 정의하고, 각각의 요소에 접근하는 장법을 제공한다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다. 새로운 HTML 요소나 속성을 추가할 수 있다. 존재하는 HTML 요소나 속성을 제거할 수 있다. HTML 문서의 모든 HTML 요소를 변경할 수 있다. HTML 문서의 모든 HTML 속성을 변경할 수 있다. HTML 문서의 모든 CSS 스타일을 변경할 수 있다. HTML 문서에 새로운 HTML 이벤트를..

티스토리툴바