Daily coding

* 서버로 연결하는 방법 1. 서블릿으로 설정할 자바 파일을 Java Resources 폴더에 클래스를 추가한다 2. 서블릿 클래스는 HttpServlet 클래스를 상속하고, doGet, doPost 메소드를 오버라이딩한다. ( get 방식, post방식 ) 3. html 코드와 자바의 servlet 코드를 연결하기 위해서는 반드시 web.xml 설정파일이 필요하다 4. web.xml 파일은 webContent의 WEB-INF폴더에 web.xml을 만들고 5. Apache.Tomcat 파일의 conf폴더에 있는 web.xml에서 소스를 가져다 쓰면된다 ( 부분) ( 클라이언트 (html)파일에서 servlet 파일로 이동하기 위해서는 web.xml파일에 serlvet 등록을 해두어야 함) * web.xm..

Web Java DB server : : 클라이언트의 요청에 따라 웹 페이지를 가져오거나 데이터를 가져오는 등의 응답을 보내는 역할 수행 - WAS : Web Application Syetem - 웹 서버 안에 들어가있음 *server + container - Server는 크게 server와 container로 구성되어 있다. - container는 session과 folder를 가지고 있음(파일 저장용) - server 는 Client의 요청을 받아(request) 필요한 데이터를 전송(response)하는 역할을 수행한다 - server에는 JSP 와 Servlet 이 있다 ( 같은 기능을 수행하며, 돌아가는 프로그램 및 언어가 다르다) ( Servlet : java / JSP : javaScrip..

* responseText; - responseText 프로퍼티는 서버에 요청하여 응답으로 받은 데이터를 문자열로 반환 - Json도 xml에서 파생되었기 때문에 xml 클래스를 사용하여 객체를 만든다. - onreadystatechange 상태가 4(=200)일 때 함수를 실행하는데, 함수의 파라미터로 json 데이터를 넘겨주고 싶을때 responseText 프로퍼티를 사용한다. //JSON 파일을 서버로 전송하고 받아오기 * JSON.parse( jsonData ); - respondText로 넘어간 json형식의 문자열 데이터는 배열 형식으로 넘어옴 * key - value : - json은 key와 value가 짝을 이루는 형태이다. - 변수명 [인덱스][key] = value - for-each..

JSON : Java Script Object Notation : 데이터를 저장, 전송, 불러오기 - xml에서 유래 - key : value 의 한쌍으로 이루어짐(pair) HashMap(java) - : (콜론)으로 데이터명과 데이터값을 배치 * JSON 데이터 만들기 1. 1차원배열 var arr = [ 1, 2, 3 ]; 2. 2차원배열 => json과 유사 var arr2 = [ [1,2,3], [4,5,6] ]; 3. JSON var arr = [ // [ ] 로 묶이면 2차원배열 { "name" : "홍길동", "age" : 24 }, { "name" : "일지매", "age" : 17 } ]; 4. JSon 데이터 불러오기 : 2가지 대표적인 방법이 있음 1. arr[0].key값 docu..

* XML 파일( 또는 url )을 서버로 전송하기 위한 단계 * XML 데이터를 불러오기 위한 함수 만들기 * 태그명만 가져오는 함수 * 자식노드이름을 출력하는 함수 (번호,이름,주소,방문)

* XML 데이터는 DOMParser 객체를 이용하여 문자열로 변환할 수 있다 1. 데이터 파싱하기 // xml 데이터형식을 가진 문자열 데이터를 생성하여 변수에 넣기 var xmltext = "" + // root tag 만들기 (=head), 2개 "" + // node : ... "탈무드" + "man" + "2001" + "" + "" + //반드시 위아래 xml태그의 종류와 개수가 똑같아야 함 "이솝이야기" + "woman" + "2004" + "" + ""; // 파싱을 위한 객체 생성 var parser; // 문자열을 xml로 변환하여 담을 변수 선언 var xmlDoc; // 파싱하기 parser = new DOMParser(); xmlDoc = parser.parseFromString(..

XML : 파일 읽어오기 XML 파일을 읽어오기 위한 단계 1. http 통신을 하기위한 객체 생성 (서버와 교류함 - 비동기 통신) var xhttp = new XMLHttpRequest(); - XMLHttpRequest() : 비동기 처리를 하기위한 객체 생성 xhttp.onreadystatechange = function () { if( this.readyState == 4 && this.status == 200 ) { // 파일에서 읽어들인 부분을 서버로 보내고, 다시 데이터를 서버로부터 받는 부분 // this.responseText : 서버로부터 txt파일을 받아옴 } } onreadystatechange : XMLHttp 소속 함수 - xhttp.open ("GET", "url", true..

XML : eXtensible Markup Language 확장 표시 언어 Data -> 배포 (교통정보, 가로수 등) file, DB(X) * data.txt 파일로 데이터 전송할 때 이름 : 홍길동 나이 : 24 주소 : 서울시 ----------- 홍길동/24/서울시 ... -> 데이터를 읽는 방식이 전부 다 달라서 불편하기 때문에 데이터를 보내고 읽는데 편하게 처리하기 위해 통합된 타입이 xml XML : 전부 다 태그로 되어있음 html과 코드가 유사 아래처럼 작성함 홍길동 24 서울시 ====> parsing : 원하는 데이터만 끄집어 냄 (parser:parsing을 위한 툴): 자바/자바스크립트 모두 파싱 가능 => XML : 여러개의 데이터를 취급하고 배포하기 위한 형식(form) - 웹..

focus( ) : 해당 태그로 커서가 옮겨갔을 때 호출 = mouseover( ) blur( ) : 해당 태그에서 포커스가 벗어났을 때 호출 = mouseout( ) dblclick( ) : 더블클릭 시 호출 이름: 이메일: 여기가 p tag 1입니다 여기가 p tag 2입니다 hide() : 태그 감추기 show() : 태그 보여주기 toggle() : 번갈아가며 show / hide * mouseenter(): 적용한 개체에 마우스를 올리면 실행, mouseover와 비슷하게 작동하지만, mouseover는 자식객체에도 함수의 적용이 되어 안쪽에 위치한 자식객체로 마우스커서를 옮기면 함수 적용이 되지 않는다 그러나 mouseenter는 적용한 그 객체의 바운더리 안에 있을 때 실행이 되기 때문에 안..

// file을 읽어왔다고 가정 // 테이블에 넣을 데이터 정의 var woman = [// 테이블에 넣을 배열 임의적으로 작성하기 ["", ""],// --> 열 목록에 들어갈 것이기 때문에 빈칸 ["aaa", "01:06:11"], ["bbb", "01:08:31"], ["ccc", "01:16:55"] ]; var man = [ ["", ""], ["AAA", "01:07:11"], ["BBB", "01:08:55"], ["CCC", "01:10:32"] ]; // 테이블 th와 td데이터 삽입하기 $(function () { //$("tr:even").css("background-color", "green"); // even : 짝수에 함수 적용하기 , odd :홀수 // 위의 코드는 짝수번째 인..