hikr90 님의 블로그

# 액션 태그- HTML에 스크립트릿을 통한 자바 코드를 사용하지 않기 위하여 사용하는 태그명칭형식의미인클루드 액션 태그Jsp를 현재 Jsp에 포함하는 태그포워드 액션 태그서블릿에서 RequestDispatcher 클래스 포워딩 기능을 대신하는 태그  # 1 인클루드 액션 태그- 공통적인 기능을 수행하는 Jsp를 타 Jsp에서 그대로 재사용하기 위한 목적- Flush는 Jsp 실행 전 출력 버퍼 비움 여부를 지정한다.           # 1.1 실행 과정(1) 브라우저 요청 시 Jsp 파일을 컴파일한다.(2) 컴파일 시 가 지시하는 Jsp를 요청(3) 요청된 Jsp을 컴파일한다.(4) 컴파일된 Jsp가 응답을 보낸다.(5) JSP는 브라우저에서 요청한 응답 결과를 출력한다.  # 1.2 디렉티브와 액션..

# Padding- 안쪽 여백을 두는 기능으로서, 테두리로부터 텍스트안에 여백을 준다.- 속성값에따라서 특정 방향에서만 여백을 주는 것이 가능하다.- 좌우에 auto 값을 주는 경우 가운데 정렬이 된다. (단, 너비가 지정되어있어야한다.) 속성예시{padding : 20px;}모든 방향 20px padding 적용{padding : 20px 50px;}위와 아래 20px, 좌우 50px padding 적용{padding : 20px 50px 30px;}위 20px, 좌우 50px, 아래 30px padding 적용{padding : 10px 20px 30px 40px;}위부터 시계방향으로 20, 30, 40px padding 적용 종류예시{padding -top: 20px;}위 방향에 padding 20..

# CSS- Casede Style Sheet의 약자로,  웹 페이지의 스타일을 정의한다.- 태그, id, class 등의 단위로 페이지 내 여러 영역의 스타일을 동시에 지정할 수 있다.- 따로 외부 스타일 시트를 생성하여 프로젝트 내의 모든 태그를 한 곳에서 지정하는 것도 가능하다. (1) 스타일 태그 사용(2) 태그 내 직접 사용 style속성2:Value속성2"> [참고] 스타일 방식(1) 인라인 스타일- Html요소에서 스타일, 속성에 직접적으로 스타일을 거는 방식ex) 테스트(2) 익스터널 스타일- CSS 파일 등을 사용하여 Html에서 삽입하여 사용하는 방식ex) (3) 인터널 스타일- Head 태그 사이에   [참고] 접근 방식(1) 태그로 접근-  태그 {속성:속성 값}ex) h1{colo..

# 시멘틱 태그- 의미가 있는 태그- 개발자가 html 문서의 구조 등을 쉽게 파악 가능하도록 돕는다.- 음성낭독기 기능이 존재한다. 일반 태그에서 속성을 조정하여 시각적으로 똑같이 구현할 수 있으나개발자의 가독성을 높이고 시각장애인이 음성낭독기를 통해서 정보를 얻을 수 있으므로 습관을 들이는 것이 좋다.  주요 태그- 웹사이트(html)는 실제로 header, section, footer의 영역으로 구성되어있다.- div에서 따로 매번 id를 잡지 않고 태그만으로 좀 더 빠르고 간결하게 html문서를 관리하기위한 목적으로 사용된다.태그의미header머리말을 나타내는 태그hgroup제목과 부제목을 묶는 태그nav메뉴 부분을 나타내는 태그main컨텐츠를 포함하는 태그section제목별로 나눌 수 있는 태그..

# Block, Inline 요소- 블록 요소는 사용 시 브라우저의 너비만큼 가로 영역을 확보하며 p나 h태그등이 여기에 속한다.- 인라인 요소는 자신이 포장하고 있는 영역만큼만 가로 영역을 확보하며 B태그등이 여기에 속한다.- 태그의 가로 영역이 브라우저의 너비만큼 차지하는가로 구분된다.  [예시] 블록요소와 인라인 요소의 차이요소설명예시BLOCK- 브라우저의 너비만큼 가로 영역을 전부 사용하는 태그- 기본적으로 줄바꿈이 발생한다.- 높이, 너비의 지정이 가능- TEXT-ALIGN등의 문자 정렬이 가능P, H, HR, BLOCKQUOTE, DD, DIV, DL, FORM,HEADER, PRE, SECTION, TABLE, UL(LI)INLINE- 자신이 포장하고있는 영역만큼만 가로 영역을 확보하는 태그..

# Eclipse 설치(1) https://www.eclipse.org/ 에 접속 후 [Download] 선택 (2) [Download Packages] 선택​(3) 컴퓨터 환경에 맞는 파일 선택​​(4) Apache Tomcat Install(4.1) Apache.org 사이트에서 ctrl + f로 tomcat 검색 후 선택​(4.2) Tomcat8 Download (4.3) core.zip Download 후 이클립스가 저장된 경로에 압축 해제​(4.4) 압축 해제 뒤, Tomcat의 conf 폴더에서 Server 메모장 실행 뒤- Connector port=”9090” 으로 변경 ​​(5) Tomcat 지정- Window > Preference > Server > Runtime Environment..

# Html- 웹문서간 이동이 가능한 웹문서를 구성하는 언어이다.- 웹 문서는 Html, CSS, Javascript 로 구성된다. (Jsp는 웹사이트를 좀 더 동적으로 구현하는데 사용된다.)- 웹페이지는 크게 헤더와 바디 영역으로 되어있으며 여러 태그(속성)를 통해서 문서를 구성할 수 있다.  Html의 기능기능의미Web Form입력 형태를 보다 다양하게 제공Video동영상 재생을 위한 api 제공Audio음성 재생을 위한 api 제공Offline Web인터넷 연결이 없는 상태에서도 정상적인 기능을 지원하는 api 제공Web Database표준 sql을 사용하여 데이터를 저장할 수 있는 기능 제공Web Storage웹 애플리케이션에서 데이터를 저장할 수 있는 기능 제공Canvas2차원 그래픽 그리기 및..