web5 [WEB] MPA와 SPA 🏷️ 웹의 역사 일반적으로 웹 애플리케이션은 MPA 방식으로 사용자가 한 페이지에서 다른 페이지로 이동하면 전체 콘텐츠를 로드하는 많은 정적 페이지를 연결하였으나 나중에는 많은 페이지가 연결된 웹 응용 프로그램이 속도가 느려지는 이슈가 있었습니다. 이 문제를 해결하기 위해 개발자는 2000년대 초반에 AJAX를 사용하여 MPA를 개선했습니다. 이 기술은 MPA 웹 앱의 성능을 향상시킬 수 있었으나 이것 역시 온라인 페이지의 복잡성 증가와 같은 몇 가지 역효과를 가져오게 되었습니다. 거의 10년 후, SPA 모델이 출시되었고 이것은 MPA + AJAX의 업그레이드 버전으로 SPA는 페이지 데이터와 레이아웃을 별도로 요청하고 결과를 브라우저에 직접 렌더링할 수 있습니다. 예를 들어서 유저가 온라인 쇼핑 중에.. 2023. 11. 25. [Web] HTTP 통신과 Socket 통신 HTTP(Hyper Text Transfer Protocol) 통신 브라우저와 서버가 통신할 수 있도록 만들어주는 여러 프로토콜 가운데 한 종류로 웹 브라우저와 웹 서버 사이에 HTML(웹 문서를 만들기 위한 언어) 문서를 주고받는데 쓰이는 통신 프로토콜입니다. Http 통신의특징 Client가 요청을 보내는 경우에만 Server가 응답하는 단방향 통신입니다. Server로부터 응답을 받은 후에는 연결이 바로 종료합니다. 실시간 연결이 아니고, 필요한 경우에만 Server로 요청을 보내는 상황에 유리합니다. 요청을 보내 Server의 응답을 기다리는 어플리케이션의 개발에 주로 사용합니다. Socket 통신 서버와 클라이언트 양방향 연결이 이루어지는 통신입니다. Socket 통신의특징 Server와 Cli.. 2023. 6. 21. [Java] HttpServletRequest와 HttpServletResponse HttpServlet HTTP 프로토콜을 사용하는 웹 브라우저에서 서블릿 기능을 수행한다. 따라서 개발자는 HttpServlet을 상속받아 많은 기능을 사용할 수 있습니다. WAS가 웹브라우저로부터 Servlet 요청을 받으면 생성된 HttpServletRequest, HttpServletResponse 객체를 Servlet에 전달한다. HttpServletRequest HTTP 요청 정보(클라이언트 요청, 쿠키, 세션 등)를 제공하는 인터페이스로 HTTP 프로토콜의 request 정보를 서블릿에게 전달하기 위한 목적으로 사용합니다 .Message Body의 Stream을 읽어들이는 메서드를 가지고 있습니다. getParameterNames() : 현재 요청에 포함된 매개변수 이름을 열거 형태로 넘겨준다.. 2022. 11. 11. [Web] MVC패턴 MVC 패턴 Model-View-Controller의 약자로 애플리케이션을 세 가지 역할로 구분한 개발 방법론입니다. 아래의 그림처럼 사용자가 Controller를 조작하면 Controller는 Model을 통해 데이터를 가져오고 그 데이터를 바탕으로 View를 통해 시각적 표현을 제어하여 사용자에게 전달하게 됩니다. 이러한 패턴을 성공적으로 사용하면, 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시작적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있게 됩니다. MVC패턴 방식 1. Model 1 → JSP에서 출력과 로직을 전부 처리 2. Model 2 → JSP에서 출력만 처리 ※ Model1 vs Model2 Model 1.. 2022. 11. 10. [Web] Forward와 Redirect Forward 웹 브라우저에는 최초에 호출한 URL이 표시되고, 이동한 페이지의 URL 정보는 확인할 수 없습니다. 또한 현재 실행중인 페이지와 forward에 의해 호출될 페이지는 Request 객체와 Response 객체를 공유합니다. 위와 같이 Foward는 다음으로 이동 할 URL로 요청정보를 그대로 전달합니다. 그렇기 때문에 사용자가 최초로 요청한 요청정보는 다음 URL에서도 유효합니다. 따라서 시스템에 변화가 생기지 않는 단순 조회 요청(글 목록 보기, 검색)의 경우 forward로 응답하는 것이 좋습니다. Redirect 방식 Web Container로 명령이 들어오면, 웹 브라우저에게 다른 페이지로 이동하라고 명령을 내립니다. 그러면 웹 브라우저는 URL을 지시된 주소로 바꾸고 해당 주소로.. 2022. 11. 5. 이전 1 다음
