분류 전체보기 (58) 썸네일형 리스트형 [javaScript] BOM/DOM [BOM(Browser Object Model) : 브라우저 객체 모델] 웹브라우저가 위에서부터 script해석 -> body를 해석 하게 됨. 하지만 body를 먼저 로딩한 후 그에 해당하는 script를 적용하기 위해서 요즘은 window객체에 있는 onload를 활용한다. [DOM(Document Object Model) : 도큐먼트 객체 모델] body와 관련해서 움직이고 있음 window.onload와 함께 쓰여야 한다. [DOM과 관련한 함수] getElementById('id') querySelector("#id") querySelectorAll('td') getElementByTagName('td') setAttribute appendChild createElement createTextN.. [javaScript] innerHTML / innerText 차이 innerHTML : tag까지 나옴 innerText : tag를 제외한 나머지 요소 값만 나옴 예를 들면, 아래와 같은 코드를 살펴보자 안녕하세요 hello [innerHTML의 경우] 결과값: 안녕하세요 태그도 함께 쓰인다 [innerText의 경우] 결과값: 안녕하세요 태그는 쓰이지 않고 text만 나온다 [jQuery] html(), text(), attr() 함수 1. htm( ) - ex) $('a').html( ) : 하나의 p태그만 나옴, 배열형태로 반환 2. text( ) - ex) $('a').text( ) : 모든 p태그 다 나옴 3. attr( ) - ex) $('a').attr('href') : a태그 안에 있는 href 속성 값을 반환 4. remove( ) - ex) $('#id01').remove( ) : id=01인 것 다 지워줘 4-2. remove( , ) - ex) $('p').remove('#id01, .c01') : p태그 중에 id=01인거랑, class=01인거 다 지워줘 5. empty() - $('#id01').empty() 6. $('body h1').addClass('blue') 7. children() //$('#ance.. [javaScript] 고전적 javascript 이벤트 모델 / jQuery 이벤트 모델 [고전적 이벤트 모델 예시: javascript] window.onload = function(){} : body가 'onload되고 나서 script를 실행한다'는 뜻 window.onload = function() { var tags = document.getElementsByTagName('td') tags[0].innerHTML = '아이디' let nodes = document.querySelectorAll('td') nodes[1].innerText = '패스워드' } [현재 많이 쓰는 이벤트 모델 예시: jQuery] $(document).ready(function(){ } : document: body에 써있는 코드가 준비가 되었을때 function실행하라는 뜻 $(document).rea.. [javascript] for문 var p = { 'name' : '홍길동', 'phone' : '010-1111-2222', 'addr' : '경기도 광명시' } console.log(p) var person = { 'name' : '홍길동', 'phone' : '010-1111-2222', 'addr' : '경기도 광명시', 'info' : function() { /* alert('name : ' + this.name + '\n' + 'phone : ' + this.phone + '\n' + 'addr : ' + this.addr + '\n') */ /* let msg = '' with(this) { msg += 'name : ' + name + '\n'; msg += 'phone : ' + phone + '\n'; msg += '.. [javascript] 선언적함수/ 익명함수 javascript에서 함수는 만드는 방법은 크게 두가지가 있다. 1. 선언적 함수 2. 익명 함수 선언적 함수: 말 그대로 함수의 이름을 선언해주는 형태 익명 함수: 함수의 이름이 없는 함수 형태 [선언적 함수 예시] // 선언적 함수 function testFunction() { alert('call...'); } function testFunction2(data) { alert('data : ' + data); } function testFunction3(data1, data2) { alert(`data1 : ${ data1 }, data2 : ${ data2 }`); } [익명 함수 예시] var func01 = function() { alert('익명함수 call func01()...'); } .. [tomcat 설정] apache tomcat 다운받기 [인코딩 설정하기] 1. workspace ms949 > utf-8 2. html euc-kr > utf-8 3. css euc-kr > utf-8 4. jsp euc-kr > utf-8 1. workspace ms949 > utf-8 [window-preference-General-workspace] 2. workspace euc-kr > utf-8 [window-Web-HTML Files] 3. css euc-kr > utf-8 [window-Web-CSS Files] 4. jsp euc-kr > utf-8 [window-Web- JSP Files] elicpse 안에 있는 웹브라우저 tomcat에게 해당하는 웹브라우저를 달라고 해라 server location se.. [간단한 for문] list BoardDAO dao = new BoardDAO(); List boardList = dao.selectAll(); System.out.println("조회된 게시물수 : " + boardList.size() + "개"); for(BoardVO b : boardList) { System.out.println(b); } dao객체를 생성 > selectAll 함수를 실행 > 결과를 List 타입인 boardList로 반환 List 타입인 boardList는 각각의 데이터가 BoardVO타입이기에 b라는 변수를 사용하여 b안에 있는 no, title 등등의 데이터를 가져올 수 있다. for(BoardVO b : boardList){ System.out.println(b.getNo); System.out.pr.. 이전 1 ··· 3 4 5 6 7 8 다음
