차이 3

JSP (2) - Scriptlet : 스크립틀릿, 주석문, 지시자

0. Scriptlet이란? JSP파일에서 Java코드를 쓸 때, 사용되는 코드 블럭을 말함. 종류는 아래와 같다. 1) 선언 2) 처리 3) 출력 1. 선언 - 멤버변수 선언 혹은 메서드를 선언하는 영역 [예시코드] 2. 처리 - Servlet으로 변환하면 service() method가 되는 영역 - 요청 처리 Logic을 구현 3. 출력 - 표현식이라고도 함 - 데이터를 브라우저에 출력할 때 사용 - 문자열 뒤에 세미콜론(;) 작성 X : [예시코드] 아래 두 라인은 같은 결과를 출력함 4. 주석 [html주석과 jsp주석의 차이점] jsp파일에는 html주석과 jsp주석 모두 사용할 수 있다. 두 주석의 차이는 두 파일의 실행 시점이 다름을 이해하면 된다. jsp => servlet일 때 % 태그..

HTML5의 Semantic Tag

1. Semantic Tag란? - HTML4에서는 를 통해 화면을 구성 - HTML5에서는 "의미있는 태그"를 만들어 사용함 - 웹페이지 가독성을 높이고, 웹페이지 자체를 거대한 DB처럼 사용하기 위함 - 태그 이름만 다르고, 기능적인 차이는 없음 2. 암묵적 규칙 - 지키지 않아도 Error가 나지는 않지만, 권장되는 규칙 semantic tag 설명 header 헤더(문서의 머리 부분)을 의미 nav 문서 간의 이동을 담당하는 navbar를 의미 aside 본문 이외의 내용을 의미 section 본문의 여러 내용(article)을 포함하는 태그 article 본문의 주 내용을 의미 footer 문서의 밑 부분인 제작정보, 저작권 등을 표시

Programming/HTML 2022.03.13

7. Positioning

- element의 위치를 지정 1. width, height 속성 - block의 너비와 높이 크기를 설정 - block element만 적용됨 (=inline element는 적용X) - default값 width = 자신의 상위 block에서 허용하는 내부 width 크기만큼 100% 채움 height = 0%, block속의 내용물의 크기 2-1. position 속성 - 위치 옮기기 위한 기준점 잡기 속성 값 의미 static default값으로 일반적인 내용물의 흐름, 기준이 없으므로 배치 불가능 relative 일반적인 내용물의 흐름, 자기 자신을 기준으로 배치 absolute 상위 element를 기준으로 절대적인 위치 지정 fixed 사용자가 보는 뷰를 기준으로 배치 (항상 화면상의 지정..

Programming/CSS 2022.03.13