본문 바로가기

웹프로그래밍기초8

[부스트코스] 1. 웹 프로그래밍 기초 | 5. Servlet - BE | Request, Response 객체 1. WAS의 요청과 응답 먼저 이 다이어그램을 보자. 클라이언트의 웹 브라우저에서는 서버의 WAS로 요청을 보낸다. 그럼, WAS는 요청 시의 정보를 가지고 HttpServletRequest 객체를 생성하고, 웹 브라우저에 반대로 응답을 보내기 위한 HttpServletResponse 객체를 생성한다. 이 두가지의 객체를 서블릿으로 전달하고, 서블릿에서는 이 객체를 사용하여 여러 작업들을 하게 된다. 실제로 doGet, doPost 메서드의 파라미터로 protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { } protected void doPost(HttpServ.. 2020. 2. 28.

[부스트코스] 1. 웹 프로그래밍 기초 | 5. Servlet - BE 1) Servlet 이란? 자바 웹 어플리케이션 (Java Web Application) 은 WAS(Web Application Server ex) Apache Tomcat)에 설치되어 동작하는 어플리케이션 을 의미한다. 여기서 'Servlet'은 이 자바 웹 어플리케이션에 포함된, 자바로 작성된 클래스 중 하나이다. 자바 웹 어플리케이션은 Servlet 뿐만 아니라, 다른 여러가지 리소스(HTML, CSS, ...)들을 포함한다. 그렇다면, Servlet은 자바 웹 어플리케이션에서 어떠한 역할을 하는 것일까? Servlet은 '동적인 처리를 하는 프로그램의 역할'을 한다. 부스트코스 강의에서는 아래와 같이 Servlet을 정의한다. - Servlet은 Was에서 동작하는 Java class - Serv.. 2020. 2. 21.

[부스트코스] 1. 웹 프로그래밍 기초 | 4. 개발환경 설정 - BE | 5) Tomcat 다운받기 및 설치하기 세계에서 가장 많이 사용되는 WAS(Web Application Server)인 Apache Tomcat의 설치 방법에 대해 알아보겠습니다. 먼저 http://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Java Servlet, JavaServer Pages, Java Expression Language and Java WebSocket technologies. The Java Servlet, JavaServer Pages, Java Expression Language and Java WebSocket specifications are tomcat... 2020. 2. 20.

[부스트코스] 1. 웹 프로그래밍 기초 | 4. 개발환경 설정 - BE | 3) 이클립스 다운받기 및 설치하고 인코딩 설정하기 Java 기반의 웹 백엔드를 구축하기 위해서는, 통합개발환경, IDE를 필요로합니다. 그중에서도 가장 유명한 이클립스의 다운로드와 설정방법에 대해서 알아보겠습니다. 이클립스는 원래 IBM의 WebSpheare Studio Application Developer 란 이름으로 개발되었는데, 엔진부분을 오픈소스로 공개한 것을 기반으로 지금의 이클립스로 발전해왔다고 합니다. 윈도우, 맥, 리눅스 등 다양한 운영체제에서 동작하며, 다양한 프로그래밍 언어를 개발할 수 있기에 통합개발환경 ( Integrated Development Environment, IDE )라고 할 수 있습니다. 또한 플러그인 구조로 이루어져 있어서 다양한 기능을 쉽게 추가할 수 있다고 합니다. https://www.eclipse.org/do.. 2020. 2. 14.

[부스트코스] 1. 웹 프로그래밍 기초 | 1. Web개발의 이해 -FE/BE | 7) WAS 1. 클라이언트 / 서버 구조 이전 포스팅에서 언급했던 바와 같이, Client / Server 구조는 위의 다이어그램으로 설명할 수 있습니다. 클라이언트는 컴퓨터뿐만 아니라, 스마트폰, 노트북, 혹은 키오스크와 같은 여러 기기가 될 수 있습니다. 이런 기기들이 인터넷을 통해 서버와 연결되고 많은 작업을 수행할 수 있게 되는 것이죠. 2. DBMS (DataBase Management System) 그 다음으로 중요한 개념이 바로 'DBMS' 입니다. DBMS가 없던 때에는 데이터베이스 즉 DB를 사용자와 어플리케이션(APP)이 직접 조작했었습니다. 하지만, 그렇게 된다면, 데이터베이스의 안정성을 장담할 수 없을 뿐더러, 어플리케이션을 제작하는데 필요한 로직 또한 증가하게 됩니다. 그리고 데이터의 무결성.. 2020. 2. 7.

[부스트코스] 1. 웹 프로그래밍 기초 | 1. Web개발의 이해 -FE/BE | 6) 웹서버 1. 웹 서버? Web Server에 대한 MDN의 정의는 아래와 같습니다. 하드웨어 측면에서, web server는 website의 컴포넌트 파일들을 저장하는 컴퓨터입니다. (컴포넌트 파일에는 HTML 문서, images, CSS stylesheets, 그리고 JavaScript files가 있습니다.) 그리고 이 파일들을 최종 소비자의 디바이스에 전달합니다. web server는 인터넷에 연결되어 있고, mozilla.org와 같은 domain name을 통해 접속될 수 있습니다. 소프트웨어 측면에서, web server는 기본적으로 웹 사용자가 어떻게 호스트 파일들에 접근하는지를 관리합니다. 이 문서에서 web server는 HTTP서버로 국한합니다. HTTP 서버는 URL(Web addresses.. 2020. 2. 6.

[부스트코스] 1. 웹 프로그래밍 기초 | 1. Web개발의 이해 -FE/BE | 5) browser에서의 웹 개발 우리가 자주 사용하는 브라우저에는 거의 대부분 '개발자 도구'를 사용할 수 있게 되어 있습니다. 크롬 브라우저에서 Ctrl+Shift+i 혹은 F12를 누르면 아래와 같은 개발자 도구를 실행시킬 수 있습니다. 상단에 여러 탭이 있는데 그중에서 Element탭에서는 현재 웹페이지의 HTML과 CSS 설정을 볼 수 있습니다. Console 탭을 이용하면 스크립트 관련 설정을 보거나 수정할 수 있는데, 이외에도 현재 HTML파일을 직접 수정하거나, 이벤트리스너를 추가하여 웹페이지의 이벤트들을 분리해서 볼 수 있는 등 여러가지 기능을 할 수도 있습니다. 아래의 링크에서 자세하게 볼 수 있습니다. https://www.vobour.com/%EB%8B%B9%EC%8B%A0%EC%9D%B4-%EB%AA%A8%EB%A.. 2020. 2. 6.

[부스트코스] 1. 웹 프로그래밍 기초 | 1-3) 웹 Front-End와 Back-End 1. 웹 프론트엔드(Front-End) 웹 프론트엔드는, 쉽게 말하자면 '사용자에게 보여지는 부분' 이라고 할 수 있습니다. 예를 들어, 구글의 검색결과 화면 혹은 네이버 포털의 첫화면, 네이버 뉴스의 기사 화면 등등이 있죠. 아래와 같은 화면을 웹 프론트엔드라고 할 수 있습니다. 부스트 코스 강의에서는 웹 프론트엔드를 이렇게 설명하고 있습니다. 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공합니다. 또한, 사용자의 요청(요구사항)에 반응해서 동작합니다. 웹 프론트엔드의 역할을 적절히 수행하기 위해서는 HTML, CSS, Javascript 와 같은 언어를 필요로 합니다. 먼저 HTML은 웹페이지의 구조를 구축하기 위하여 작성됩니다. 크롬 개발자도구 F12를 눌러서 확인해보면 Ele.. 2020. 2. 5.

이전 1 다음

티스토리툴바