본문 바로가기

프로그래밍 놀이터/Web175

Chap 05. 필수 이해 요소 Chap 05. 필수 이해 요소 * JSP의 처리 과정 클라이언트의 요청 -> 서블릿 없는 경우 -> JSP 페이지 -> 컴파일된 자바 소스 코드 참조 -> 서블릿이 있는 경우 -> 서블릿에 요청 전달 -> 요청결과 전송 * 출력 버퍼와 응답 JSP 페이지는 생성된 결과를 곧바로 웹 브라우저에 전송하지 않고, 출력 버퍼( buffer ) 라고 불리는 곳에 임시로 출력 결과를 저장했다가 한번에 웹 브라우저에 전송한다. buffer 를 이용하는 장점은 다음과 같다.- 데이터 전송 성능 향상- JSP 실행 도중 버퍼를 비우고 새로운 내용으로 대체하여 전송할 수 있다.- 버퍼가 다 차기 전까지 헤더를 계속 변경할 수 있다. -page 디렉티브에서 버퍼 설정하기 : buffer 속성과 autoFlush 속성 bu.. 2015. 1. 4.
Chap 03. JSP 로 시작하는 웹 프로그래밍 Chap 03. JSP 로 시작하는 웹 프로그래밍 * JSP 페이지 구성 요소 디렉티브 ( Directive )스크립트 : 스크립트릿( Scriptlet ), 표현식( Expression ), 선언부( Declaration )표현 언어( Expression Language )기본 객체 ( Implicit Object )정적인 데이터표준 액션 태그( Action Tag )커스텀 태그( Custom Tag ) 와 표준 태그 라이브러리 ( JSTL ) -디렉티브 pageJSP 페이지 정보 지정문서 타입, 출력 버퍼 크기, 에러 페이지 등 입력taglib태그 라이브러리 지정include특정 영역에 다른 문서를 포함 -스크립트 요소 표현식( Expression ) : 값 출력스크립트릿( Scriptlet ) : .. 2015. 1. 3.
Chap 02. 웹 프로그램 시작하기. Chap 02. 웹 프로그램 시작하기. * 웹 프로그래밍 절차. 1. 개발환경 구축2. 웹 어플리케이션 코드 개발 및 테스트3. 완성된 웹 어플리케이션을 서비스 환경에 배포. * 개발 환경 구축 -필요한 프로그램JDK웹 컨테이너 ( 톰캣, 제티, GlassFish )코드 편집기 ( UltraEdit, AcroEdit, 이클립스 ) -웹 컨테이너 설치.http://tomcat.apache.org 에서 다운로드 받아 압축을 푸는 것으로 설치가 완료된다.JAVA_HOME 이 필수 환경변수로 지정되어야 한다. -톰캣 폴더와 파일 설명bin : 톰캣 실행 종료시키는 스크립트 파일이 위치 - CATALINA_HOME 환경변수를 설정하면 어디서든 바로 실행가능startup.bat : 톰캣을 독립 프로세스( 별도 명령.. 2015. 1. 1.
[sql] How can I return rows with a specific value first? [sql] How can I return rows with a specific value first? SELECT *FROM UsersORDER BY (city = 'New York') DESC 위와 같이 하면 city 값이 New York 인 녀석들이 가장 먼저 나오게 된다. Order by, SQL, [sql] How can I return rows with a specific value first? 2014. 5. 2.
css3 box-sizing property. css3 box-sizing property. 참조 : http://ko.learnlayout.com/box-sizing.html CSS 의 Box model 에서 말하는 width 값은 content box에 해당한다. 해당 view ( box ) 가 차지하는 총 width 의 값은 padding, border 값을 포함하게 되어 직관적이지 않게 되어,기존에는 원하는 width 를 맞추기 위해 padding 을 줄이거나 border 값을 줄이는 방법 등으로 width 를 조절해 나갔다. CSS3 의 box-sizing: border-box 로 지정해주면,안드로이드의 view 체계와 비슷하게 margin 값을 뺀 border-box 를 해당 view 의 width 로 잡게 되어 훨씬 직관적이고 좋다. b.. 2014. 4. 9.
Bootstrap All Functions #5 Bootstrap All Functions #5 Typography Tutorial - class="unstyled" bootstrap 의 style 제거 - class="dl-horizontal" horizontal style dl Glyphicons with bootstrap 3 - Glyphicons 란? icon font 를 말한다. Glyphicons with bootstrap 3 - Obtaining Glyphicons dist/fonts folder 에서 dist folder 를 찾을 수 있다. glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-half.. 2014. 4. 4.
Bootstrap All Functions #4 Bootstrap All Functions #4 Layout Tutorial - Bootstrap Fixed Layout class="container"class="row" Layout Tutorial - Bootstrap Fluid Layout class="container-fluid"class="row-fluid" Responsive Design - How does responsive web design work size 마다 알맞은 css 를 적용해야 한다. Responsive Design - Diving deep into a Responsive Web Design CSS 스크린에 따른 responsive web 을 위해서는 css 파일에 @media 를 명시해주어야 한다. 예를 들어@media (.. 2014. 3. 25.
Bootstrap All Functions #3 Bootstrap All Functions #3 Grid System Introduction. 기본은 940px 에 12columns.responsive 로 724px ~ 1170px 사이로 조정된다. percent 로 계산하는 fluid grid system 도 있다. grid 에 관련된 css 는 row 와 spanx (x = 1~12) 가 있다. css 에서 아래와 같은 문법은 span 으로 시작하는 모든 class 에 css 적용 [class*="span"]{ ...} 기본 grid 에 responsiveness 주기 2가지 환경에서 reponsiveness 가 발동한다.1200px 이상일 때,768px~979px 일때. Offsetting Columns : default grid offsetx .. 2014. 3. 24.
[기초강좌] HTML IFrames - w3schools 번역 [기초강좌] HTML IFrames - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_iframe.asp iframe 은 웹 페이지 안에서 다른 웹 페이지를 표시할 때 사용된다. iframe 추가하는 syntax 는. URL 은 다른 페이지 주소가 들어간다. Iframe - Set Height and Width height 와 width 속성은 iframe 의 높이와 너비를 결정하는 데 사용된다. 기본적으로 높이와 너비값은 pixel 단위로 된다. 하지만 80% 와 같은 percent 단위로 가능하다. 눈으로 직접 보기. Iframe - Remove the Border frameborder 속성은 ifram.. 2014. 3. 23.