전체 글 검색 결과

해당 글 55건

[WEB] HTML, HTTP API, CSR, SSR

정적 리소스를 제공할 때는 보통 고정된 HTML 파일, CSS, JS, 이미지, 영상 등을 제공한다. 웹 브라우저에서 요청이 오면 웹 서버에서 이미 생성된 리소스 파일을 제공한다. HTML 페이지 WAS는 동적으로 필요한 HTML 파일을 생성해서 전달 웹 브라우저는 HTML을 받아서 해석해서 보여줌 HTTP API HTML이 아니라 데이터를 전달함 주로 JSON 형태로 데이터 통신 다양한 시스템에서 호출 데이터만 주고 받고 UI 화면이 필요하면 클라이언트가 별도 처리함 UI 클라이언트 접점(앱 클라이언트, 웹 브라우저에서 자바스크립트를 통한 HTTP API 호출, React와 Vue.js 같은 웹 클라이언트) 앱 클라이언트 to 서버, 웹 클라이언트 to 서버, 서버 to 서버(주문 서버 -> 결제 서버..
Web/Web 2022. 3. 30. 00:02

[WEB] 동시 요청 - 멀티 쓰레드

웹 브라우저(클라이언트)에서 서버에 요청하면 WAS는 TCP/IP 연결이되고 서블릿을 호출한다. 이 호출을 바로 쓰레드가 한다. 쓰레드 애플리케이션 코드를 하나하나 순차적으로 실행하는 것은 쓰레드 자바 메인 메서드를 처음 실행하면 main이라는 이름의 쓰레드가 실행 쓰레드가 없다면 자바 애플리케이션 실행이 불가능 쓰레드는 한 번에 하나의 코드 라인만 수행 동시 처리가 필요하면 쓰레드를 추가로 생성 단일 요청으로 쓰레드를 하나 사용할 때, 요청이 오면 쓰레드를 할당하고 서블릿을 호출하고, 응답을 완료하면 쓰레드는 휴식을 한다. 다중 요청으로 쓰레드를 하나 사용할 때, 요청 1이 처리 중일 때 처리가 지연되면 요청 2는 쓰레드 대기 상태가 된다. 두 요청 모두 제대로 수행하지 못하고 오류가 발생할 수 있다...
Web/Web 2022. 3. 29. 17:50

[WEB] 서블릿

HTML Form 데이터 전송(POST 메소드) 전송 웹 브라우저가 생성한 요청 HTTP 메시지 POST /save HTTP/1.1 Host: localhost:8080 Content-Type: application/x-www-form-urlencoded username=kim&age=20 서버에서 HTTP 응답 메시지 생성 HTTP/1.1 200 OK Content-Type: text/html;charset=UTF-8 Content-Length: 3423 ... 서버에서 처리해야하는 업무 서버가 웹 애플리케이션 서버 직접 구현할 경우 모든 과정을 처리해야 함. 하지만 서블릿을 지원하는 WAS를 사용할 경우, 비즈니스 로직만 실행하면 됨 서버 TCP/IP 연결 대기, 소켓 연결 HTTP 요청 메시지를 파..
Web/Web 2022. 3. 29. 17:08

[WEB] 웹 서버, 웹 애플리케이션 서버

웹 서버(Web Server) HTTP 기반으로 동작 정적 리소스 제공, 기타 부가기능 정적(파일) HTML, CSS, JS, 이미지, 영상 웹 애플리케이션 서버(WAS - Web Application Server) HTTP 기반으로 동작 웹 서버 기능 포함 + (정적 리소스 제공 가능) 프로그램 코드를 실행해서 애플리케이션 로직 수행 가능 동적 HTML, HTTP API(JSON) 제공 서블릿, JSP, 스프링 MVC 동작 ex) 톰캣(Tomcat) Jetty, Undertow 차이점 웹 서버는 정적 리소스(파일) 제공, WAS는 애플리케이션 로직도 수행 가능 웹 서버도 프로그램을 실행하는 기능을 포함하기도 함 웹 애플리케이션 서버도 웹 서버의 기능을 제공함 자바는 서블릿 컨테이너 기능을 제공하면 WA..
Web/Web 2022. 3. 28. 21:23

[HTTP] 헤더 - 캐시와 조건부 요청

캐시 기본 동작 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 함 인터넷 네트워크는 매우 느리고 비쌈 브라우저 로딩 속도가 느림 느린 사용자 경험 캐시 적용 캐시 가능 시간동안 네트워크를 사용하지 않아도 됨 비싼 네트워크 사용량을 줄일 수 있음 브라우저 로딩 속도가 매우 빠름 빠른 사용자 경험 캐시 시간 초과 캐시 유효 시간이 초과하면, 서버를 통해 데이터를 다시 조회하고 캐시를 갱신함 이때 다시 네트워크 다운로드가 발생함 검증 헤더 캐시 시간 초과 캐시 유효 시간이 초과해서 서버에 다시 요청하면 두 가지 상황이 나타남(서버에서 기존 데이터를 변경함, 서버에서 기존 데이터를 변경하지 않음) 캐시 만료 후에도 서버에서 데이터를 변경하지 않음 데이터를 전송하는 대신..
Web/HTTP 2022. 3. 27. 15:17

[HTTP] 헤더 - 일반 헤더

HTTP 헤더 header-field = field-name ":" OWS field-value OWS (OWS : 띄어쓰기 허용) field-name은 대소문자 구분 없음 용도 HTTP 전송에 필요한 모든 부가 정보 ex) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트 ... 표준 헤더가 너무 많음 필요시 임의의 헤더 추가 가능 HTTP 표준 1. RFC2616(과거) -> 폐기됨 헤더 분류 General : 메시지 전체에 적용되는 정보 ex) Connection: close Request : 요청 정보 ex) User-Agent: Mozilla/5.0 Response : 응답 정보 ex) Sever: Apache Entity : 엔티티 바디 정보 ex) Content-Typ..
Web/HTTP 2022. 3. 25. 23:08

[HTTP] 상태코드

상태코드: 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 클라이언트가 인식할 수 없는 상태코드를 서버가 반환하면 클라이언트는 상위 상태코드로 해석해서 처리함 미래에 새로운 상태 코드가 추가되어도 클라이언트를 변경하지 않아도 됨 1xx (Informational) 요청이 수신되어 처리 중 -> 거의 사용하지 않음 2xx (Successful) 요청 정상 처리 200 OK : 요청 성공 201 Created : 요청 성공해서 새로운 리소스가 생성 202 Accepted : 요청이 접수되었으나 처리가 완료되지 않았음 204 No Content : 서버가 요청을 성공적으로 수행했지만, 응답 페이로드 본문에 보낼 데이터가 없음 3xx (Redirection) 요청을 완료하려면 유저 에이전트의 추가 ..
Web/HTTP 2022. 3. 15. 23:09

[HTTP] 메서드 활용

클라이언트에서 서버로 데이터 전송 전달 방식 1. 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 2. 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원가입, 상품 주문, 리소스 등록, 리소스 변경 상황에 따라 1. 정적 데이터 조회 이미지, 정적 텍스트 문서에서 사용 조회는 GET 사용 일반 적으로 쿼리 파라미터 미사용, 리소스 경로로 단순하게 조회 가능 2. 동적 데이터 조회 주로 검색, 게시판 목록에서 정렬 필터(검색어) 쿼리 파라미터를 기반으로 정렬 필터해서 결과를 동적으로 생성 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용 조회는 GET 사용, GET은 쿼리 파라미터를 사용해서 데이터를 전달 3. HTML Form을 통한 데이터 전송
Web/HTTP 2022. 3. 11. 22:36