MyStory

-JSP Directive Elements jsp directives는 웹 컨테이너에게 JSP 페이지를 어떻게 corresponding servlet으로 변환시키는지 말해주는 메세지이다. jsp directives는 container에게 directon과 instruction을 제공함. jsp directives는 servlet class의 전체적인 구조에 영향을 줌. directive의 세가지 유형 page directive include directive taglib directive Syntax of JSP Directive JSP page directive : the page directive defines attributes that apply to an entire JSP page JSP pa..

-JSP(HTML + Java) Introduction Servlet technolgy 와 같이 웹 어플리케이션 을 만들기 위해 사용됨. JSP는 JSTL과 같이 Servlet보다 더 많은 기능을 제공하기 때문에 Servlet의 확장된 개념이라고 할 수 있음. 서블릿이란 java 프로그래밍을 웹 어플리케이션에서 구현하기 위한 기술. java로 구현된 CGI(Common Gateway Interface)라고 함. JSTL : JSTL(JavaServer Pages Standard Tag Library) + EL HTML 코드 내에 java 코드인 스크립틀릿 를 ${student}로, 문을 , 문을 로 대체하여 사용함 예전에는 스크립틀릿을 많이 사용했지만 가독성이 떨어지고 뷰와 비즈니스로직의 분리로 인해 현..

APM 환경 : apache (웹서버)+ php + mysql --> dothome 사용, ftp로 파일 전송 WAS(Tomcat) + jsp + mysql(db4free.net) --> local heroku --> deploy WAS(자바를 해석해서 웹서비스 ) 대표적 서버가 Tomcat (무료) deploy를 하기 위해 heroku(parse 서버)사용 spring framework : 전자정부 프레임 워크 : 나라에서 하는 프로젝트가 이걸 베이스로 프로젝트를 함 STS4는 스프링 부트를 개발하기 위한 환경 STS4는 메이븐이 장착된 툴 메이븐은 빌드 툴 : jdk에 기본적으로 들어가는 클래스와 패키지 포함. 프로젝트의 전체적인 라이프 사이클을 관리하는 도구 필요한 라이브러리를 특정 문서(pom.x..

-jQueryTraversing 이번 시간에는 돔 트리로 원하는 위치에 ele 추가, 수정, 삭제하는 법! html은 돔 트리 구조이다. ex) 태그 기준으로 했을때 부모 개념은 태그 Traversing up the DOM tree parent() parents() parentsUntil() $("span") : 태그로 되어있는 모든 element 1) $("span")의 부모는 : 태그 2) $("span")의 부모는 : 태그 parents()는 위에 있는 모든 부모들 parentsUntil("div")은 div를 만날때까지 모든 부모들 Traversing down the DOM tree children() find() children() find() Traversing Sideways in The D..

-jQuery(오픈소스) 자바 스크립트로 만든 라이브러리 (자주 사용하는 기능들을 중심으로 만든 함수) -> 그래서 import 과정이 필요함 external 방식으로 자바 jquery를 사용할 수 있도록 자바 스크립트를 간단하게 해줌 접근방법 $ $(document) 이 element에 접근하겠다. ready는 현재 바디에 있는 모든 요소가 다 로딩된 후게 실행되는 함수 $("p") p라는 태그의 요소에 클릭을할건데, 클릭하면 hide해라 같은 이름의 태그 (p)만 추가하면 똑같이 기능함 jQuery사용 방법 1. html(사용자에게 보여줄 페이지) 먼저 작성 2. 제이쿼리관련된 라이브러리 import 3. 제이쿼리 작성 그래도 (vanilla js) pure javascript는 할 줄 알아야함 -..

1. js_ajax.html ; 유저에게 보여지는 웹페이지 2. ajax_info.html ; 내부에서 접근하는 파일 3. 결과화면

JavaScript BOM ; the Browser Object Model -JS window 모든 글로벌 자바 객체, 함수, 변수는 자동적으로 window object의 멤버가 됨 Global variables, global functions, and the document object(of the HTML DOM) are properties of the window object. window size window.innerHeight : 윈도우 브라우저의 길이( toolbar, scrollbar 포함 x) window.innerWidth : 윈도우 브라우저의 너비( toolbar, scrollbar 포함 x) other methods window.open() - open a new window win..

-JavaScript DOM HTML DOM로 자바 스크립트는 HTML document의 모든 element를 접근하여 바꿀 수 있음 THE HTML DOM (Documen Object Model) 웹 페이지 로드 -> 브라우저는 페이지의 DOM을 생성 What is the HTML DOM? ; HTML DOM은 HTML elements를 get, change, add or delete 에 대한 것 -JavaScript - HTML DOM Methods HTML DOM 메소드는 perform 할 수 있는 HTML Elements 에 대한 action HTML DOM propeties는 set or change 할 수 있는 HTML Elements의 값 The DOM Programming Interface..

-JS Type Conversion Number() 메소드느 숫자로 변환, String() 메소드는 문자열로 변환, Boolean() 메소드는 boolean 값으로 변환 자바스크립트의 5가지 data type - string - number - boolean - object - function 3가지 객체 타입 - Object - Date - Array 값을 포함하지 않는 2개 - null - undefined constructor : 모든 자바스크립 변수의 생성자 함수를 반환. String(), toStrng() : 숫자를 문자열로 바꿔줌 Number() : 문자열을 숫자로 바꿔줌 -JS Bitwise 비트 AND a & b 피연산자를 비트로 바꿨을 때 각각 대응하는 비트가 모두 1이면 그 비트값에 1..

-JS Variables var carName = "Volve"; // String var a = 50 // Number -숫자의 합을 display var x = 5; var y = 10; document.getElementById("demo").innerHTML = x + y; -alert box(경고창)에 결과를 보임 var x = 5; var y = 10; var x = x + y; alert(z); -한 줄에 여러개의 변수 선언 var = "John" ,lastName = "Doe", age = 35 ; -alert box(경고창)에 50을 띄움 alert(10 * 5); -assingment operator x = 10; y = 5; x *= y; -Data Types var length = ..