본문 바로가기

Tech/BoostCourse - WEB

[부스트코스] Servlet 작성 방법 사실 프로젝트에서 웹을 개발할 때 서블릿을 직접 써서 개발하지는 않는다. 조금 더 편하게 사용할 수 있게 도와주는 다양한 프레임워크를 사용해서 개발하는 경우가 많다. 하지만, 그 프레임워크들도 서블릿이 없이는 동작할 수 없기 때문에 서블릿의 기본적인 작성법이나, 서블릿의 라이프 사이클을 이해하고 있다면 웹의 동작을 이해하는 데 많은 도움이 될 것이다. * 프레임워크란?(라이브러리랑 뭐가 다르지?) Click! Servlet 작성 방법은 버전에 따라 2가지로 나뉜다. 1. Servlet 3.0 spec 이상에서 사용하는 방법 - web.xml 파일을 사용하지 않음 - 자바 어노테이션(annotaion)을 사용 @WebServlet("/ten") public class TenServlet extends Ht..
[부스트코스] Servlet 이란? 서블릿이란? 자바 웹 어플리케이션의 구성요소 중 동적인 처리를 하는 프로그램의 역할 서블릿을 정의해보면 - 서블릿(servlet)은 WAS에 동작하는 JAVA 클래스이다. - 서블릿은 HttpServlet 클래스를 상속받아야 한다. - 서블릿과 JSP로부터 최상의 결과를 얻으려면, 웹 페이지를 개발할 때 이 두 가지(JSP, 서블릿)를 조화롭게 사용해야 한다. 예를 들어, 웹 페이지를 구성하는 화면(HTML)은 JSP로 표현하고, 복잡한 프로그래밍은 서블릿으로 구현한다. 자바 웹 어플리케이션(Java Web Application) WAS에 설치(deploy)되어 동작하는 어플리케이션 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래서(Servlet도 포함됨, package, 인터페..
[부스트코스] 톰캣(Tomcat) 다운로드 및 설치하기 Apache Tomcat이란? 아파치 톰캣(Apache Tomcat)은 아파치 소프트웨어 재단(Apache Software Foundation, ASF)에서 개발한 세계에서 가장 많이 사용되는 WAS(Web Application Server)입니다. 컴퓨터에 운영체제를 설치해야만 컴퓨터를 사용할 수 있는 것처럼, 자바를 이용하여 작성된 웹 어플리케이션은 WAS가 있어야만 실행할 수 있습니다. 이때 가장 많이 사용되는 WAS가 아파치 톰캣이라고 말할 수 있습니다. 아파치 톰캣은 오픈소스 소프트웨어로써 누구나 무료로 사용할 수 있습니다. 참고로 Tomcat은 '수고양이'를 뜻합니다. 톰과 제리의 톰이 생각나기도 합니다. * WAS란? 웹 애플리케이션 서버는 웹 애플리케이션과 서버 환경을 만들어 동작시키는 기..
[부스트코스] CSS (3/3) Element가 배치되는 방법(CSS layout) 여기서 말하는 Element는 HTML 태그를 말한다. 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering과정이라고도 한다. 기본 엘리먼트는 위에서 아래로 배치되는 것이 기본이다. 하지만 네이버를 보면 알 수 있듯이 웹사이트의 배치는 단순히 위에서 아래로 배치되는 것만으로는 부족하다. 웹사이트의 배치는 다양하게 표현 가능해야 하므로, 이를 다양한 방식으로 배치할 수 있도록 다양한 속성을 활용한다. display(bolck, inline, inline-block) 1. display:block diplay 속성이 block이거나 inline-block인 경우 그 엘리먼트는 벽돌을 쌓는 듯이 블록을 가지고 쌓인다. 대부분의 태..
[부스트코스] CSS (2/3) CSS Selector HTML의 요소를 tag, id, html 태그 속성 등을 통해 쉽게 찾아주는 방법이다. element에 style 지정을 위한 3가지 기본 선택자 1. tag로 지정하기 - selector 자리에 해당 태그명을 명시 span { color: red; } 2. id로 지정하기 - #{id 이름} #spantag { color: red; } 3. class로 지정하기 - .{class 이름} .spanClass { color: red; } CSS Selector의 다양한 활용 - id, class 요소 선택자와 함께 활용 - 그룹 선택 (여러 개 셀렉터에 같은 style을 적용해야 한다면) : ','로 구분 - (공백) : 자손 요소 - 자식 선택 (>) : 바로 하위엘리먼트를 가리..
[부스트코스] CSS (1/3) CSS? 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다. HTML이 웹사이트의 구조를 담당한다면 CSS는 스타일을 담당한다. CSS는 selector, property value로 구성되어 있다. selector(선택자) : 스타일을 적용시킬 태그를 명시한다. property : 적용할 스타일을 지정한다. value : property에 대한 값을 지정한다. HTML페이지에 스타일을 적용하는 방법에는 3가지가 있다. 1. inline HTML태그 안에다가 적용한다. 다른 ..
[부스트코스] HTML HTML? HTML은 하이퍼텍스트 마크업 언어라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. [참고] 위키백과 HTML에는 태그라는 것이 존재한다. ... 와 같이 꺽새 형태로 이루어져있는데, HTML 태그는 많은 종류를 가지고 있고 각각의 쓰임새에 대한 정확한 의미가 있다. '각각의 의미를 지닌다'는 것을 'Semantic'하다고 표현한다. 태그(tag) 태그는 그 의미에 맞춰서 사용해야 한다. 잘못 써도 화면상으로는 크게 문제가 되지 않지만, 시각장애인분들은 기계가 HTML을 태그를 일거주는 경우가 있는데 의미에 맞지 않게 사..
[부스트코스] 웹 프로그래밍을 위한 중요한 용어와 WAS 웹 프로그래밍을 공부하기 전에 몇 가지 중요 용어에 대한 이해가 필요하다. 클라이언트 / 서버 구조 클라이언트(Client)는 서비스(Service)를 제공하는 서버(Server)에게 정보를 요청하여 응답 받은 결과를 사용 서비스를 제공하는 것을 서버, 서버에게 서비스를 요청해서 그 결과를 보여주는 것을 클라이언트이다. 웹 서버 - 웹 브라우저가 대표적으로 서버 - 클라이언트의 관계이다. DBMS(DataBase Management System) 다수의 사용자들이 데이터베이스 내의 데이터를 접근할 수 있도록 해주는 소프트웨어 DBMS가 등장하기 이전에는 개발자들이 파일의 데이터를 저장하고 읽어들이는 등의 기능을 모두 구현해야 했다. 이러한 불편함을 해결하기 위한 여러 가지 노력의 결과로 DBMS라는 소프..

티스토리툴바