내장 객체(implicit objects) 의미 자주 사용되는 기능을 JSP 컨테이너가 객체 형태로 제공한 것 묵시적으로 이미 정의되어 있는 변수(자바 객체) 사용 별도의 선언이나 초기화 없이 사용 가능 요청 파라미터 읽어오기, 응답 결과 전송하기, 세션 처리하기, 웹 어플리케이션 정보 읽어오기 등 예 : request, response, session, application, out, page 등 request 객체 요청 : 클라이언트가 웹 서버에게 특정 페이지의 전송을 요구하는 것 웹 컨테이너는 요청 정보를 서블릿에게 제공하기 위해 request 객체를 만들어 서블릿의 서비스 메서드 인자로 제공 클라이언트의 요청을 표현하는 JSP 내장 객체로 HttpServletRequest 유형 기능 클라이언트와 ..
ALL
지시어(Directive) JSP 페이지에 대한 설정 정보를 웹 컨테이너에 지시 JSP 페이지의 번역과 실행 과정에서 사용되는 정보 지시어의 종류 include JSP 페이지의 특정 영역에 다른 문서를 포함 시킬 때 사용 정적인 include 번역 과정에서 복사하여 삽입시킬 텍스트나 코드를 지정 page JSP 페이지에 대한 정보를 지정 taglib JSP 페이지에서 사용할 태그 라이브러리(액션태그, 사용자정의 태그 등 태그들의 집합)를 선언함 태그 라이브러리의 위치와 접두어를 지정
Green Orange Purple Green Orange Purple 눌러봐 글자색을 바꿔 글자색바꾸기 글자색되돌리기 닫기
JavaScript의 특징 브라우저에서 실행이 되는 언어로 html문서와 같이 사용한다. 문법에 맞게 내용을 작성하면 컴파일해서 2진수로 변환된다. 메모리에 로딩을 후 변역해서 컴퓨터가 실행한다.(화면에 결과를 보여준다.) 소스파일을 메모리에 바로 올려서 실행해서 화면에 에러표시가 안된다. 순차문으로 써진 순서대로 실행이 된다. 함수형 언어이다. 플랫폼(운영체제)에 상관없이 다 실행이 된다. 따로 파일로 만들어서 불러올 수 있다. JavaScript의 문법 변수 형식) var 변수명 = 저장할값; => 함수안에서 사용. 재할당 가능. 재선언 가능 형식) let 변수명 = 저장할 값; => ES6 이상. 블록안에서만 사용, 재할당 가능, 재선언 불가능 형식) const 변수명 = 저장할 값; => ES6 ..
스크립트 요소 동적인 컨텐츠를 만들기 위해 프로그램 작성에 사용되는 요소 스크립트릿, 표현식, 선언 선언문, 스크립트릿, 표현식의 쓰임을 알아보는 예제 스크립트릿에서 선언한 변수 str2는 선언문에서 선언한 변수 str1은 선언문(Declaration) JSP 코드에서 사용될 변수 또는 메소드의 선언문 스크립트릿이나 표현식에서 사용되는 서블릿 클래스의 메서드 멤버 변수를 선언하기 위한 것 메서드나 변수는 사용 전에 먼저 선언되어야 함 선언문에서 변수 선언 출력결과 : 선언문에서 메소드 선언 id 변수의 내용 : getId()메소드의 실행 결과 : 스크립트릿(Scriptlet) JSP 페이지에 삽입되는 Java 코드 조각 서블릿 클래스의 서비스 메서드를 작성할 때 반영 됨 스크립트릿과 선언문에서 선언된 변..
JSP 개요 JSP 기술 JSP 동적으로 웹 컨텐츠를 만들기 위한 기술 서버 측 스크립트 언어 : HTML 안에 자바 코드를 포함시킬 수 있음, 서블릿 코드를 작성하는 편리한 방법을 제공 JSP 언어의 확장 메커니즘 표현 언어(EL)의 사용 JSTL 같은 태그 라이브러리 사용 JSP 문서 템플릿 데이터 정적 데이터, HTML, XML 형식의 텍스트 응답 결과가 그대로 출력되는 텍스트 JSP 요소 동적인 데이터의 추가 JSP 태그로 표현되는 프로그래밍적 요소 적절한 Java 코드로 변역되어 동적 컨텐츠가 만들어짐 JSP 페이지의 구성 요소 스크립트 요소(scripting elements) 지시어(directives) 액션 태그(action tags) 내장 객체(implicit objects) 표현 언어(e..
CSS의 개요 및 특징 HTML 속성의 디자인적 한계를 극복하기 위해 CSS가 개발됐다. 디자인의 시간이 줄어들고, 문서의 로딩속도가 빨라 진다. 스타일 : 문서의 글꼴, 크기, 간격등의 출력형태(레이아웃)에 영향을 미치는 요소 스타일시트 : 스타일의 내용만을 별로로 모아서 head태그 영역에 선언한 형태 CSS 적용방법 1. 인라인방식(style속성을 이용) 특정한 태그에만 스타일을 적용시키고 싶을 때 사용한다. 형식) style="속성명:값;속성명2:값2~" ex) style="font-family:궁서체;background:yellow;color:red" 동일한 태그에 같은 스타일을 하나하나 적용하는건 좋은 방법이 아니다. 동일한 태그에 임베디드방법과 중복이 되는 경우 인라인 방법이 우선순위가 높다..
시맨틱(semantic) 태그 시맨틱태그의 의미 '의미를 가진다' 각 태그가 스스로 의미를 가진다 시맨틱태그가 필요한 이유 1. 접근성을 높이기 위해서 : 소스 코드만으로 본문, 제목 등 해당부분을 쉽게 파악 할 수 있다. 2. 문서 구조를 정확하게 나눠 놓으면 여러 기기의 다양한 화면에서 웹 문서를 표현하기가 쉽다. 3. 검색엔진에 본문에 맞는 키워드가 알맞게 상위노출 될 수 있다. 주요 시맨틱태그 1. : 특정 영역의 머릿말로 사이트소개, 메인메뉴(상단메뉴), 사이트로고 등의 부분이다. 주로 맨 위쪽이나 왼쪽에 위치한다. 2. : 같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만든다. 보통 상단메뉴와 연결하는 사이트의 메뉴(좌측) 부분으로 헤더나 푸터, 사이드 바 안에 ..
HTML기본구조 HTML 문서의 특징태그 내부에 또 다른 태그를 사용 할 수 있다. 태그는 대소문자 구분이 없다. 파일저장시 확장자명은 ~.html or ~.htm 태그 내부에 속성을 사용 할 수 있다. 속성으로 태그의 자세한 설정을 줄 수 있다. html문서에 문자, 이미지, 동영상, 음악파일도 올릴 수 있다.HTML 태그들내용 제목 1~6 숫자에 따라 작은 제목 줄바꿈(엔터) 단락구분(엔터2번) br, p태그를 사용하지 않아도 띄어쓰기 줄바꿈 적용 선 긋기 굵게 이탤릭체(기울림) 이탤릭체(기울림) 글씨밑줄 형광펜 가운데 위치 글꼴 크기 색깔 이미지에 대한 설명글 하이퍼링크 순서없는목록 순서있는목록 빈칸(공백으로 데이터갯수 표시)***************************..
https://smkim9202.tistory.com/25?category=890215 [Internet] 웹호스팅 Github Web hosting 업체를 이용하는 이유 - 웹서버를 운영하기 위해서 늘 켜져있는 컴퓨터가 필요하고, 웹서버 프로그램을 설치하고 그 사용법을 공부해야한다. 또한 집 밖에서 인터넷을 통해 웹서버에 smkim9202.tistory.com 이전에 생활코딩에서 웹호스팅 하는 방법을 배우면서 Github이라는 클라우드 서비스를 사용하는 법을 배웠다. 하지만 깃과 깃허브가 정확히 뭔지 잘 몰라서 잘 활용을 못하는 것 같아서 무엇인지 공부해봤다. 깃(Git)이란? 프로그래머들이 버전 관리를 편리하게 하기 위해 사용하는 도구. 깃을 사용하면 개발 과정에서 특정 시점의 상태를 지정 후 다시 ..
