프로그래밍 (37) 썸네일형 리스트형 ServletOutputStream 파일을 읽어올 때에는 FileInputStream으로 읽어온 뒤 브라우저에 출력할 때에는 ServletOutputStream을 사용한다. ServletOutputStream의 용도는 게시판에 파일을 올릴 때 사용한다. ServletOutputStream 은 추상클래스이기 때문에 인스턴스를 생성할 수 없다. ServletResponse 클래스에 getOutputStream()이라는 함수를 통해 servletOutputStream 인스턴스를 받아서 사용해야한다. /* ServletOutputStream 사용 예제 */ import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class ImageServlet extends Ht.. Scope 웹 어플리케이션은 page, request, session application 이라는 4개의 영역이 있다. - 각 영역은 데이터를 공유할 수 있는 유효범위가 다르다. - 각 영역의 객체에는 속성(Attribute) 이라는 공유 데이터와 데이터를 공유할 수 있는 유효범위(Scope)가 있다. 1. Application 하나의 웹 어플리케이션과 관련된 영역으로 웹 어플리케이션이 실행되고 있는 동안에 속성을 사용할 수가 있다. 속성을 추가하고 나면 서버가 꺼지기 전까진 속성이 유지된다. 속성은 공유데이터로서 모든 서블릿이 사용할 수 있다. 모든 서블릿이 공유할 수 있기 떄문에 4개의 영역 중 가장 큰 영역을 가진다. interface SevletContext 에 있는 setAttribute(String, O.. CSS # CSS ( CasCading Style Sheets ) : 레이아웃과 스타일을 적용할 수 있으며 자유도가 높음. 1. inline : 간편하게 한 줄에 바로 적용가능하나 유지보수가 힘들다Hello, CSS! 2. internal : 태그안에서 적용한다 # 선택자 : 원하는 태그에 속성을 줄 수 있다. selector { 속성: 속성값; } - selector에는 태그 이름을 쓴다. 3. external : css파일을 적용시켜서 스타일을 바꿀 수 있다. 유지 보수가 편하다 # 스타일 우선 순위 1. inline 2. internal 3. external JSON 1. JSON - JavaScript Object Notation : 자바스크립트의 객체 표현식으로 사람이나 기계 둘다 이해하기 쉽게 만들어져있다. 데이터 용량도 작아서 요즘에는 XML대신 JSON을 사용하여 데이터를 전송하거나 옵션을 저장하는 용도로 쓴다. #JSON에 대한 자세한 설명 - http://www.json.org/json-ko.html 2. JSON 사용방법 위와 같이 { } (중괄호)를 이용해 선언하게 되면 객체가 생성된다. 객체들로 배열을 생성하고 싶다면 다음과 같이 사용하면 된다. 대괄호 안에 객체들을 넣어주면 객체 배열을 생성할 수 있다 배열안에는 객체의 참조값이 저장된다. 3. 사용자 정의 객체 : 함수를 이용해 생성자를 선언하고 객체를 생성할 수 있다. 메소드를 만들 때에는 속성.. Node interface #Attribute 속성을 사용할땐 노드명.속성명 으로 사용한다 parentNode : 현재 노드의 부모의 참조값 childNodes : 현재 노드의 자식들을 NodeList로 가지고 있음. firstChild : 첫번째 자식노드의 참조값 lastChild : 마지막 자식노드의 참조값 previousSibling : 현재 노드 이전의 형제의 참조값 nextSibling : 현재 노드 다음에 있는 형제의 참조값 # Method 1. appendChild(childNode) : 자식 노드를 추가하는 메소드. 매개변수로 받은 노드를 자식 노드로 추가한다. 이미 자식노드가 있다면 순서대로 추가된다. appendChild modified in DOM Level 3 Adds the node newChild to t.. HTML DOM 함수 - document interface # Document interface 1. getElementById(id) : Id를 이용해 Element에 접근할 때 사용하는 함수이다. 태그의 id를 매개변수로 받아서 id에 해당하는 element를 반환해준다. getElementById introduced in DOM Level 2 Returns the Element that has an ID attribute with the given value. If no such element exists, this returns null. If more than one element has an ID attribute with that value, what is returned is undefined. The DOM implementation is exp.. DOM # DOM (Document Object Model) 문서(Document)란 HTML이나 XML문서과 같이 부분적 요소나 내용이 관련된 것들끼리 묶여서 존재하는 구조화된 것 이렇게 구조화된 문서에 접근할 때에 구조적으로 표현하는 방식을 제공하는 것이 DOM이다 W3C의 표준이며 3가지로 나뉜다. Core DOM - 모든 문서 타입을 위한 표준 모델 XML DOM - XML 문서를 위한 표준 모델 HTML DOM - HTML 문서를 위한 표준 모델 웹페이지가 로드될 때 브라우저는 이 페이지의 DOM을 생성하며, 생성된 DOM은 아래와 같은 계층형 트리 구조. 계층형 구조이기 때문에 각 노드에는 부모와 자식이 존재한다. Element가 같은 동등한 위치면 형제(Sibling)이며, 자신보다 상위 계층이면 .. 내장 객체 - String 자바스크립트에서 문자열을 저장하고 싶을 때에는 다음과 같이 문자리터럴을 변수에 담아주면 string 타입의 변수가 된다. var str = "java"; 또한, 문자열을 다음과 같이 선언할 수 있다. var str = new String("java"); new 키워드를 통해 변수를 생성하게 되면 실행속도가 느리기 때문에 사용하지 않는 것이 좋다. var str1 = "java";// string var str2 = new String("java");// object if(str1 == str2){// 내용 비교 document.write("true"); } else{ document.write("false"); } if(str1 === str2){// 내용 및 자료형 비교 document.write("t.. 이전 1 2 3 4 5 다음