안디스토리

CSS란?Cascading Style Sheet의 약자로, HTML태그에 style을 지정할 수 있는데, 대신에 덮어쓰는 기능이 있다.css는 밑에 6개만 알면 별로 어려울 것이 없다!!!!그나마 *는 별로 쓰지도 않는다...쓰다가 잘 모르겠으면 googling!! 실무에서는 External Styles와 Inline Style을 쓴다.External Styles는 따로 .css파일을 만들어 link를 거는 것을 말한다. Inline Styles 는 html 태그 안에서 스타일을 적는 것을 말한다. 이것은 다른 곳에는 안들어가는데 딱 한번만 쓰일때, 간단한 style일 때 넣는다. Internal Styles는 절대쓰지 않는다. internal style은 한 페이지에서 섹션 안에 넣는 것을 말한다.

프로젝트 구조 ArticleVO.java12345678910111213141516171819202122232425262728293031323334353637383940package com.ktds.smahn.bbs.vo; public class ArticleVO { private int articleNumber; private String articleName; private int hitCount; public ArticleVO(int articleNumber, String articleName, int hitCount) { this.articleNumber = articleNumber; this.articleName = articleName; this.hitCount = hitCount; } publ..

1. http://tomcat.apache.org/taglibs/standard/ 로 들어간다. 가장 안정적인 버전은 JSTL 1.1 버전이니, 이걸 다운받도록 한다. 2. binaries를 클릭하고, 1.1.1.zip을 받는다. 3. 다운을 받고 압축을 풀어 lib 폴더에 들어간다. 4. 두 파일을 복사하여 STS 프로젝트의 WebContent 폴더안의 Web-INF 안의 lib 폴더에 복사한다. 5. 아래 화면같이 보인다면 jsp파일에서 jstl을 쓸 준비를 모두 마친것이다.( jar 파일은 라이브러리라고 불리며, 반드시 임포트를 해주어야만 쓸 수 있다.) 6. 이제 소스코드를 보자. jstl을 쓰기 위해서는 새로운 디렉티브를 만들어야한다. 디렉티브는 페이지의 전반적인 설정을 해주는 것이며, 우리가 ..

서블릿(Servlet) - 서블릿은 웹에서 자바 프로그래밍을 구현하기 위해 탄생. - 클라이언트의 요구를 받아 그에 대한 처리를 한 후 결과를 되돌려주는 서버 모듈이라고 이해하면 된다. 더 쉽게 말하면, 사용자에게 정보를 입력받아 적절한 HTML 문서를 돌려주는 역할 이다. - 서블릿은 JSP에서 컨텐츠와 비즈니스로직을 분리한다. - HTTP protocol 서비스를 지원하는 javax.servelet.http.HttpServlet 클래스를 상속하여 개발한다. import javax.servlet.http.HttpServlet; 자바와 크게 다르지 않다. 디스플레이에 대한 것들이 모두 빠진다. 무언가를 입력이 받는 코드, 출력을 해주는 코드가 빠진다. 그렇게 된다면 비즈니스 로직만 남게된다. 그렇기 때문..

F12 를 눌러 DOM 탐색기, 콘솔, 디버거 를 활용한다. STS 켜놓고 서버를 실행한 뒤에 ip주소로 접속한다. 규칙 1. id는 절대로 중복시키면 안된다. 규칙 2. name이 똑같으면 parameter가 배열로 넘어간다. 이걸 노린게 아니라면, name을 중복시키면 안된다. 규칙 3. id에 한글을 넣는 것은 지양한다. 색상 찾는 사이트 https://color.adobe.com/create/color-wheel/ http://www.colourlovers.com/ http://prettycolors.tumblr.com/add

Ctrl + Shift + M : import import는 선언부 밑에 한다. 1. list 반복하기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Insert title here 무서운거...... Colored by Color Scripter cs jsp 는 두가지 스크립트릿이 있다. 1. 2. 클래스를 만드는 선언부 (이 방법 쓰는 대신 자바 파일을 만들어서 쓰는 것이 편하다) cf. 디렉토리를 만드는 선언부 2번 방법을 활용하면 굳이 class를 만들지 않아도 쓸 수 있다. 지금처럼 만들면! 그런데 여러가지 데이터가 있을 때 클래스를 만드는 것은 필수이다. 그래서 이..

테이블을 이용해서 심플 계산기 만들기 이렇게 생긴 계산기를 만들어보려고 한다. # 테이블의 구조 안에 로 행을 생성하고 그 안에 로 열을 생성한다. 1. 테이블 너비, 높이 설정하기- 가로 길이는 width, 세로길이는 height이다. - 내가 위치해있는 부모 엘리먼트의 영역을 다 먹으려면 width 를 100% 로, 테이블의 부모 엘리먼트는 body , 따라서 테이블은 body의 영역을 100% 먹게된다. - 고정비는 브라우저의 크기를 반영하지 못하기 때문에 픽셀값을 직접 입력하는 것보다 %를 많이 활용한다. 2. 테이블 테두리 만들기- border를 1로 주면 테두리를 만들 수 있다. 3. 테이블 병합하기- 행 병합 colspan, 열 병합 rowspan 전체 코드는 다음과 같다. 1 2 3 4 5..

# Script 방식웹에서 사용되는 언어는 2가지가 있다.1. SSS(Server Side Script) : 서버에서 동작하는 언어, JSP --> HTML을 만든다.2. CSS(Client Side Script) : 클라이언트에서 동작하는 언어 = 브라우저가 어떤 작업을 수행한다. (ex. HTML, CSS, Javascript) # 웹 구동방식① 요청을 보낸다. : url을 통해서 서버(tomcat)에 요청을 보낸다.② 찾는다 : 요청을 처리할 수 있는 jsp파일을 찾는다.③ 처리한다(컴파일한다) : 스크립트릿을 제거하고 결과를 사용자가 볼 수 있는 형태, 즉 html로 바꾸어 JVM으로 보낸다.④ 결과를 알려준다. : 결과를 서버로 보낸다.⑤ 응답을 보낸다. : html 형태로 클라이언트 사이드로 ..

계산기를 만들기에 앞서, 계산기를 만들 때 필요한 JSP 개념과 짚고 넘어가자. * JSP 는 CS Programming이다.C : Client S : ServerCS 프로그래밍에서는 JSP를 배우는 목적은 CS프로그래밍을 하기 위함으로, 클라이언트와 서버간의 요청(request)과 응답(response)이 가장 중요하다. # 요청과 응답요청(request)는 URL에 포함되어 있는 정보를 가져오는 것으로 내장된 객체이다. (웹의 url은 자바의 메소드와 같은 역할을 한다.)브라우저에서 요청이 가면(①) JVM안에 tomcat 서버에게 전달이 되고, tomcat에서 그 안의 JSP에 요청을 해서(②) JVM에서 처리를 한 후(③) 다시 그 결과를 tomcat에게 전달해준다(④). 그 후 tomcat이 다..

* JSP란? : Java Server Pages 의 줄임말 HTML위에 Java 코드를 올리는 것이 바로 JSP이다. 프로젝트 생성부터 차근차근 살펴보고자 한다.일단 STS를 켜고 프로젝트를 생성한다. 참고 :Servers는 절대 지우면 안된다. 1. 프로젝트 생성 - (Dynamic Web Project 생성 , Project name : HelloJSP) 2. HelloJSP라는 프로젝트가 생성된다. 3. WebContent 폴더에서 오른쪽 마우스를 클릭하여 jsp파일을 생성한다. 파일 이름은 index.jsp로, 반드시 소문자로 만든다.JSP 의 기본 형식이 보여진다. 이 기본 형식을 잘 기억해두자! 더 자세한 내용은 아래에서 설명하겠다. 4. 내용을 입력한다. 5. 실행을 시키면 아래와같은 화면..