웹프로그래밍 137

기본구조 파해치기1 - 디렉티브

요약 1. 디렉티브는 페이지에 대한 설정 정보를 지정할 때 사용한다.2. 디렉티브는 ''로 끝난다.3. '' 사이에 속성이 들어간다. 디렉티브의 종류 - page JSP 페이지에 대한 정보를 지정한다. JSP가 생성하는 문서의 타입, 출력 버퍼의 크기 에러 페이지에서 필요로 하는 정보를 입력한다. 속성 설명 language JSP 스크립트 코드에서 사용되는 프로그래밍 언어를 지정한다. contentType JSP가 생성할 문서의 타입을 지정한다. import JSP페이지에서 사용할 자바 클래스를 사용한다. session JSP 페이지가 세션을 사용할 지의 여부를 지정한다. "true"일 경우 세션을 사용하고 "false"일 경우 세션을 사용하지 않는다. buffer JSP 페이지의 출력 버퍼 크기를 지정..

JSP실행해보기

요약 1. root 폴더 비우고 index.jsp 생성ps. 저는 c:\ProgramFile에 톰켓을 설치하지 않고 C:\드라이브에 곧바로 설치했습니다.ps2. 확장명 보이기 ->alt 누르기 -> 도구 -> 폴더옵션 -> '알려진 파일형식의 파일 확장명 숨기기' 체크해제 2. 톰켓 실행톰켓 설치폴더 --> bin -> startup 또는톰켓 설치폴더 --> bin -> tomcat9 3. 결과 확인 4. 톰켓 종료 톰켓 설치폴더 --> bin -> shutdown 잘 안되는 분들은 아래 동영상 참조 대문자 소문자구분, 띄어쓰기 철저, 프로그램은 멍청해서 글자하나 띄어쓰기 ;세미콜론을 :요렇게 적어도 에러뜸.

JSP 데이터타입과 형변환

JSP 데이터타입 타 입 설 명 값의 범위 char 문자형 지원하는 모든 유니코드 byte 정수형 -128 ~ 127 Short 정수형 -32768 ~ -32767 int 정수형 -2147483658 ~ 2147483657 long 정수형 -9223372036854775808 ~ 9223372036854775807 float 실수형 32비트 double 실수형 64비트 boolean 참/거짓 true, false String 문자열 아래참조 char 문자타입 한 글자만 들어간다. 두 글자 이상 쓰면 에러가 남유니코드를 사용해도 됨 특별한 값 입력 \ → \\탭 → \tNew Line → \nCarriage Return → '\r작은 따온표 → \'큰 따온표 → \" 정수 타입과 값 과 형변환 소수점을 사..

JavaScript - 키입력 관련 이벤트

키입력 이벤트onKeyDown 누르면 발생onKeyPress 누르거나 누르고 있어도 발생 사용해보기한줄로 끝내기onKeyPress="if(event.keyCode==13){window.location.herf=''}" 함수사용하기function enter(){ if(event.keyCode==13){ 원하는 코딩 }} 키코드값 KeyCodebackspace8tab9enter13shift16ctrl17alt18pause/break19caps lock20escape27page up33page down34end35home36left arrow37up arrow38right arrow39down arrow40insert45delete46048149250351452553654755856957a65b66c67d68..

티스토리 - 긴글쓰기(접기/펼치기) 디자인하기

접기 펼치기 사용후기 접기 펼치기 기능을 사용한 순간 접기, 펼치기 옵션을 보고오 진짜 좋은기능인데? 라고 생각하며 사용해 보았다.하지만.. 뭐지? 나는 분명히 펼치기에 더보기를 입력했는데 이런 영혼없는 디자인은? 충격과 공포에 우쩔가? 생각하다가 자바스크립트와 CSS를 사용한 접기 펼치기 기능을 사용해 봤으나. Tistory 기능 때문인지 ... 글쓰고 저장하는 순간 이상하게 꼬여버렸다 ㅜ^ㅜ 그렇다면? 결론은.... 접기 펼치기 기능을 고쳐야 한다는 것. 플로그인을 살펴보고 HTML/CSS를 뚫어지게 쳐다보다가 빙빙도는 코드때문에 난감해 하다가.꾸미기 -> Html/css 편집 ->파일 업로드하기를 살펴본 순간 실마리가 풀리게 되었다 ^-^ iconMore과 iconLess에 영혼없는 디자인을 보고 ..

CSS 박스 모델링

박스 스타일 모든 HTML 요소는 box를 고려합니다. CSS에서 박스 모델은 디자인과 레이아웃에서 다루게 됩니다. CSS 박스모델은 기본적으로 html 요소들을 감싸고 있습니다. 그래서 margins, boder, padding, content를 고려합니다. 박스모델은 우리가 요소에 벽을 추가하는 것에 따라 다릅니다. 그리고 요소의 공백을 정의합니다. 그림으로 설명하면 아래와 같습니다. 용어 설명 Content - 텍스트와 이미지가 표시되는 상자의 내용 Padding - Content 주위의 여백을 설정합니다. Padding 영역은 투명합니다. Border - border영역은 padding 영역을 감싸고 있습니다. Margin - Border 주변의 여백을 설정합니다. Margin영역은 투명합니다. ..