기록하는 코더

특정 요소에 css 요소 주기 - toggleClass 특정 요소에 css를 적용하는 연습을 하던 중 버튼을 한번 더 누르면 css 요소를 on/off하는 기능을 넣고 싶어서 toggle() 메소드를 사용해봤다. ... $(function(){ $("button").on('click',function(){ //$("태그1,태그2,태그3..").실행_함수() //선택된 요소는 하나의 문서 내에 여러 개의 요소가 존재할 수 있음 //이들 요소 중에서 선택자에 지정된 요소를 선택할 수 있음 //해당 태그 요소를 선택하여 속성을 바꾸어줌 $("h2, div, span").css("background-color", "yellow").toggle(); }); }); ... 버튼을 클릭했을 때 css 요소만 on/o..

위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다") : 위지위그는 사용자가 보는 것이 그대로 최종 산물에 나타나도록 하는 유저 인터페이스를 말한다. WISIWYG 어플리케이션에서는 사용자가 화면에서 본 것과 출력했을 때의 프린트물이 동일하게 생성된다. 위지윅 에디터 (WYSIWYG Editor) : 위지윅에디터는 편집화면에서 입력한 글자, 그림 등의 컨텐츠 모양 그대로 최종산물이 화면상에서, 또는 출력물에서 나타나도록 하는 에디터 WYSIWYG 에디터는 크게 desktop-based와 JavaScript-based로 나눌 수 있다. Adobe Dreamweaver, Amaya 등과 같이 운영체제 상에서 동작하는 에디터가 desktop-based 이고, T..

내장객체(implicit Object) JSP 페이지에서 사용할 수 있는 JSP 컨테이너 내에 미리 정의된 객체 JSP 페이지가 서블릿 프로그램으로 번역될 때 JSP 컨테이너가 자동으로 내장 객체를 멤버 변수, 메소드 매개변수 등의 각종 참조 변수(객체)로 포함 JSP 페이지에 별도의 import 문 없이 자유롭게 사용 가능 스크립틀릿 태그나 표현문 태그에 선언을 하거나 객체를 생성하지 않고도 직접 호출하여 사용 가능 서블릿 => .java, .class jsp페이지가 서블릿 프로그램으로 번역될 때 (jsp=> _jsp.java) 내장 객체를 멤버변수, 메소드 매개변수 등의 각종 참조변수로 포함 (import할 필요없이 내장객체가 이미 있어서 사용가능!) 내장객체의 종류 ★ request, session..

이전에 썼던 디렉티브 태그를 이어서 [JSP] 디렉티브(Directives Tag) - Include JSP의 태그 (스크립트 태그, 디렉티브 태그, 액션태그) 중 디렉티브 태그에 대해서 써보려고 한다. JSP 태그 스크립트 태그 디렉티브 태그 액션 태그 디렉티브 태그는 JSP 페이지를 어떻게 처리할 damdadi-dam.tistory.com JSP 태그 스크립트 태그 디렉티브 태그 액션 태그 디렉티브 태그의 종류 Page 태그 Include 태그 taglib 태그 Page 태그는 JSP페이지에 대한 정보를 설정한다. 한글이 깨질 경우 page에서 인코딩 설정을 해줘야한다. (default 설정은 'ISO-8859-1'이므로 한글 입력시 'UTF-8'로 변경해줘야함) page 디렉티브 태그 pageEnc..

JSP의 태그로는 스크립트 태그, 디렉티브 태그, 액션 태그로 나뉜다. JSP 태그 스크립트 태그 디렉티브 태그 액션 태그 스크립트 태그는 HTML 코드에 자바 코드를 넣어 프로그램을 수행할 수 있도록 해준다. 스크립트 태그의 종류 선언부 자바 변수나 메소드를 정의 , 선언문에서 쓰는 변수는 전역변수 스크립트릿 스크립트릿 내에서 쓰는 변수는 지역변수 표현부 문자열 형태로 출력하는데 사용 선언부와 스크립트릿은 (;) 세미콜론으로 마무리한다. 선언부에 선언한 클래스의 값을 표현부에 가져와 웹페이지에서 출력할 수 있다. ▶ 출력결과 스크립트릿 내에서 out.print메소드를 이용해 출력 가능하다. 서블릿 => //scriptlet01_jsp.java의 (..Service메소드)에서만 사용됨 // 선언과 동시에..

JSP 태그 스크립트 태그 디렉티브 태그 액션 태그 디렉티브 태그의 종류 Page 태그 Include 태그 taglib 태그 taglib 디렉티브 : 표현 언어 (Expression Language) JSTL 설정시 사용 - uri : 설정 정보를 가진 경로 주소 - prefix : uri 대신 식별해주는 별칭 - $ { } ==> EL (Expression Language) - JSTL ==> , , ** 상단 태그는 page language > tagkub > import 순으로 정리해주는 편이 좋다. ex) tablig 기본예제-1 출력결과 Java 영역에서 VO를 만들어 JSTL 영역으로 가져오는 예제 1. 자바 영역에서 VO를 만들어주기 package kr.or.ddit.vo; // 자바빈 클래..