분류 전체보기

0329 JSP CSS와 SSS JSP 동작 Java에서 web Service하기 위한 폴더 구성 JSP 파일구조 JSP Tag’s(지시자, 선언, 스크립틀렛, 표현식, 주석)

*JSP(Java Server Page) - SSS(Server Side Script) - Jave EE에서 동적으로 웹 페이지(HTML)를 생성하기 위해 제공하는 기능 - 사용자를 식별하여 사용자에 맞는 HTML페이지를 제공할 수 있음 > 개인화 (JSP를 통해 멱등성>개인화, 현재 접속한 접속자에게 맞는 화면을 제공) - Servlet의 기능 개선 Servlet: -class 안에 HTML코드를 작성하는 방식 -디자이너와 개발자간의 업무구분이 되지 않음 - 제작하여 서비스하기 복잡함 // DD(Deployment Descriptor- web.xml) 가 필요 - 개발자가 compile하지 않음 ( Web Container가 자동 Compile ) - 디자이너와 개발자간의 업무 구분이 어느 정도 가능해..

0328 Servlet CGI java로 Web Service하기 위한 폴더 구조 Servlet 흐름 작성법( 웹 요청방식, DD 등록) 요청 URL Web brower와 WAS

*Servlet / JSP를 만드는 이유? → 동적인 html의 생성 html은 정적임 > 변경되지 않음 서버에 jsp를 하나 만들어놓고, 사용자가 요청하면 동적으로 생성된 html을 응답해줌 (동적: 변경됨) *Servlet - Java EE (Enterprise Edition) 중 웹 서비스를 하기 위해 CGI(가이드라인)를 준수하여 제작된 기능 - CGI (Common Gateway Interface) => 일반언어가 웹 서비스를 하기 위해 공통방식을 정의한 것 CGI -속도가 느림 -구조가 복잡함 -디자이너와 개발자간의 업무구분이 어려움 ================================== - C 언어가 CGI를 준수하여 만들면 C-CGI - Java 언어가 CGI를 준수하여 만들면 Se..

0306~0309 국비 수업 jQuery events (blur, mouseover, mouseout, hover, mousemove, keydown, keyup), tabindex is() each함수 숨기기 보이기(show, hide, toggle, fadeIn, fadeOut, fadeToggle)

*jQuery events -blur : 커서가 빠져나갈 때 $(“selector”).blur(function(){ }); -mouseover : 마우스포인터가 들어왔을 때 $(“selector”).mouseover(function(){ }); -mouseout : 마우스포인터가 나갔을 때 $(“selector”).mouseout(function(){ }); -hover : 마우스 포인터가 들어갔을 때와 나갔을 때의 처리 $(“selector”).hover( function( evt ){ 포인터가 들어갔을 때 코드} // evt: 발생된 이벤트를 함수 안에서 받기 위한 매개변수 선언 , function(){ 포인터가 나갔을 때 코드} ); - mousemove : 마우스 포인터가 움직였을 때 $(“sel..

0303 국비 수업 JavaScript jQueryObject 함수(css, events, effect) HTML Form Control(val, focus, focusin, focusout)

*jQueryObject 함수 *CSS함수 : selector로 선택된 대상에 StyleSheet를 설정 - css() -선택된 대상에 속성 값을 얻을 때 var value=$(“selector”).css(“CSS속성명”); -선택된 대상에 속성 값 하나를 설정할 때 $(“selector”).css(“추가할 속성명”, “속성값”); - addClass() - style에 정의된 class를 선택된 대상에 적용시킬 때 $(“selector”).addClass(“사용할 class명”); // 에 정의되어있음 - removeClass() - 선택된 대상에 부여된 class 속성을 삭제할 때 $(“selector”).removeClass(“제거할 class명”); *events함수 문법) $(“selector”..

0302 국비 수업 JavaScript JSONArray 복합 형태 closure jQuery CDN jQuery 로딩(document, window) jQuery Selector(id, class, tag, multiple, attribute, sub, hover함수)

*JSONArray - JSONObject을 배열로 사용 문법) [ {이름:값,,,}, {이름:값,,,}, {이름:값,,,} ,,,] //배열 안에 JSONObject 객체가 여러 개 정의됨 사용) 1. JSONArray 생성 var jsonArr =[ { name:”차oo”,age:24}, { name:”유oo”,age:25}, { name:”송oo”,age:26} ]; 2. 반복하여 값 얻기 var jsonObj; //json객체 for( var i =0 ; i < jsonArr.length ; i++ ){ //3. 반복 중인 방의 값을 변수에 저장 jsonObj=jsonArr[i]; //4. 값 얻기, 사용 jsonObj.이름 //jsonArr[i].이름 }//end for *복합 형태 - JSON..

0228 국비 수업 JavaScript Storage(sessionStorage, localStorage) JSON JSONObject eval 함수

*Storage - HTML5에서 제공되는 객체 - 접속자의 정보를 접속자의 web browser에 저장하는 기술 - localStorage, sessionStorage 두 가지를 제공 - window객체에서 제공 - 접속자 개인을 식별하는 개인화에 사용됨 - 접속자 컴퓨터에 정보가 저장되므로 접속자가 삭제,변경할 수 있음 (중요정보는 저장X) 멱등성: 웹은 접속한 모든 사람에게 동일한 화면이 동일하게 보임 >개인화 서비스: 접속한 사람이 다를 때 다른 화면이 보이는 것 / 멱등성에서 특정 부분을 바꾸는 것 *sessionStorage -접속자의 웹 브라우저가 열려있는 동안에만 유지되는 storage -접속자의 정보를 다음 번 접속에 사용할 수 없음 (웹 브라우저가 종료되면 삭제됨) -키와 값의 쌍으로 ..

[html/css] div section span의 구분

태그 태그 태그: - block 속성을 갖고 있는 tag - 과 을 모두 tag로 대치해도 기능 상의 문제는 전혀 없음 - semantic tag 중 기본 구조를 구축하기 위한 , 등도 로 대체 가능 article, section, div 태그의 의미: tag : 문서 혹은 요소가 독립적으로 존재할 수 있을 때 사용 tag : 논리적으로 관계 있는 문서 혹은 요소를 분리할 때 사용 : 요소간 논리적 관계와는 상관없이 요소를 나눠야 할 필요가 있을 경우 사용 div와 span의 차이: div span 줄 바꿈 옆으로 붙음 텍스트 표현 시 사각형 박스로 구역 지정 문장 단위로 지정

0227 국비 수업 JavaScript 이벤트처리(익명함수, 기명함수 사용) 자바스크립트의 객체(location, history) 키보드 이벤트처리 popup창 열기 confirm dialog 다음 우편번호 API

*JavaScript 이벤트처리 - inline방식으로 onXxx속성을 사용하여 이벤트를 발생시키고 처리함 - HTML Form Control을 이벤트에 등록하여 처리할 수 있는 방식 -익명함수(anonymous function) 사용 코드를 줄일 수 없기 때문에 권장 x document.getElementById(“아이디”).onclick=function(){ 이벤트처리코드,,, } 찾아낸 태그 태그의 이벤트 속성 -기명함수(named function)사용- 이벤트를 등록하는 방식 document.getElementById(“아이디”).addEventListener(“이벤트종류”, 함수명 또는 무기명함수) 클릭 이벤트 => onclick => on을 뺀 이벤트명인 click 만사용 Javascript함..