공부/[부스트코스] 웹 프로그래밍

[부스트코스] 웹 프로그래밍 - Spring Core

Spring이란? Spring Framework란? 엔터프라이즈급 어플리케이션을 구축할 수 있는 가벼운 솔루션이자, 원스-스탑-숍(One-Stop-Shop)이다. 여기서 원스-스탑-숍이란 모든 과정을 한꺼번에 해결하는 상점을 의미한다. 특징 모듈화가 굉장히 잘 되어 있어서 원하는 부분만 가져다 사용할 수 있다. IoC 컨테이너다. 선언적으로 트랜잭션을 관리할 수 있다. 완전한 기능을 갖춘 MVC Framework를 제공한다. AOP 지원 스프링은 도메인 논리 코드와 쉽게 분리될 수 있는 구조로 되어 있다. 프레임워크 모듈 스프링 프레임워크는 약 20개의 모듈로 구성되어 있다. 필요한 모듈만 가져다 사용할 수 있다. 그 밖에 제공하는 기능 AOP와 Instrumentation 메시징(Messaging) 데..

[부스트코스] 웹 프로그래밍 - 2차 코드리뷰

https://www.edwith.org/boostcourse-web/joinLectures/12945 [부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 두번째 코드리뷰를 받아보았다!! 두번째 과제는 TODO LIST를 구현하는 것이었다. maven 프로젝트이며, main.jsp, todoForm.jsp 두개의 화면, MainServlet, TodoFormServlet, TodoAddServlet, TodoTypeServlet 4개의 서블릿, 그리고 TodoDao와 TodoDto 2개의 클래스 파일로 이루어져 있다. 평가기준표 평가 기준은 다음과 같다. 각 클래스와 서블릿, JSP의 역할에 대해 자세히 나와 있으니 기획서와 기준표를 자세히 보고 그에 맞게 개발..

[부스트코스] 웹 프로그래밍 - REST API 와 WEB API

API란? Application Programming Interface의 약자로, 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스다. 즉, 데이터를 주고받거나 어떤 기능을 다른 프로그램에서 사용할 수 있도록 만든 인터페이스다. 인터페이스란 데이터를 주고 받기 위한, 상호작용 하기 위한 수단이라 생각하면 된다. ex) TV 리모콘 REST API REST API란 말 그대로 REST한 형식의 API를 말한다. REST API란 핵심 컨텐츠 및 기능을 외부 사이트에서 활용할 수 있도록 제공되는 인터페이스다. 예를 들면, 네이버에서 블로그에 글을 저장하거나, 글 목록을 읽어갈 수 있도록 외부에 기능을 제공하거나 우체국에서 우편번호를 조회할 수..

[부스트코스] 웹 프로그래밍 - JSP

JSP 등장배경 마이크로소프트에서 ASP(Active Server Page)라는 쉽게 웹을 개발할 수 있는 스크립트(script) 엔진을 발표함 (1998년 1997년에 발표된 서블릿은 ASP에 비하여 상대적으로 개발 방식이 불편함 ASP에 대항하기 위하여 1999년 썬마이크로시스템즈에서 JSP를 발표 JSP는 실제로 서블릿 기술을 사용. 모든 JSP는 서블릿으로 바뀌어서 동작한다. JSP 라이프 사이클 브라우저가 웹서버에 JSP에 대한 요청 정보를 전달한다. 브라우저가 요청한 JSP가 최초로 요청했을 경우만 JSP로 작성된 코드가 서블릿으로 코드로 변환한다. (java 파일 생성) 서블릿 코드를 컴파일해서 실행가능한 bytecode로 변환한다. (class 파일 생성) 서블릿 클래스를 로딩하고 인스턴스..

[부스트코스] 웹 프로그래밍 - 1차 코드리뷰

https://www.edwith.org/boostcourse-web/project/4/content/3 https://www.edwith.org/boostcourse-web/project/4/content/3 www.edwith.org 첫 번째 코드리뷰를 받아보았다!! 첫번째 과제는 [나를 소개하는 홈페이지 만들기] 다. HTML 페이지 3개와 서블릿 페이지 1개로 이루어져 있으며 Tomcat 서버 위에서 동작한다. HTML페이지는 각각 메인, 나, 사진 페이지로 이루어져 있으며 서블릿 페이지는 현재 날짜와 시간을 알려주는 페이지다. 평가기준표 채점 기준은 다음과 같다. 개발할 때 기획서와 기준표를 보고 요구사항을 잘 지켜가며 개발을 하면 된다. 리뷰결과 결과는 PASS!! 그리고 밑에 위의 평가 기준..

[부스트코스] 웹 프로그래밍 - Servlet

https://www.edwith.org/boostcourse-web/lecture/16686/ [LECTURE] 1) Servlet 이란? : edwith 들어가기 전에 웹 어플리케이션은 정적인 콘텐츠와 동적인 콘텐츠로 나누어 볼 수 있습니다. 프로그램을 수행해서 페이지를 동적으로 만들어 주는 서블릿에 대해서 알아봅니다. 학습 목표 ... - 부스트코스 www.edwith.org 자바 웹 어플리케이션 이란? WAS에 설치(deploy)되어 동작하는 어플리케이션이다. 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래스(Servlet도 포함됨, package, 인터페이스 등), 각종 설정 파일 등이 포함된다. Servlet이란? 자바 웹 어플리케이션의 구성요소 중 동적인 처리를 하는..

[부스트코스] 웹 프로그래밍 - HTML

HTML 태그 tag의 종류 링크 : a태그 이미지 : img태그 목록 : ul/li 태그 제목 : title 태그 anchor, img, ul.li, heading, p 태그 등이 자주 사용된다. 그 밖에 가장 많이 사용하는 div태그가 있다. div 태그는 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용한다. 많은 태그를 모두 외울 필요는 없으며, 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요하다. 실습코드 반갑습니다 여기 여러분들이 좋아하는 과일이 있어요. 사과 사과 메론 귤 HTML Layout 태그 레이아웃(Layout)이란 '배치'란 뜻으로 HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 배치할 것인지를 결정한다. 기본적으로 Compa..

[부스트코스] 웹 프로그래밍 - 웹 서버 & WAS

웹 서버란? 소프트웨어 또는 웹 서버 소프트웨어가 동작하는 컴퓨터 웹 서버의 기능 웹 서버의 가장 중요한 기능은 클라이언트(Client)가 요청하는 HTML 문서나 각종 리소스(Resource)를 전달하는 것이다. 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적(static)인 데이터이거나 동적인 결과가 될 수 있다. 정적 데이터 : 이미지, HTML, CSS, Javascript 파일 동적인 결과 : 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 웹 브라우저와 웹 서버간에 어떤 통신이 일어나는가 웹 브라우저는 www.naver.com이라는 웹서버에 접속 해당 주소에서 기본으로 보이는 HTML 문서를 요청 웹 서버는 사용자가 요청한 HTML 문서를 웹 브라우저에게 전달 웹..