Oracle 55

부트스트랩 - 클래스를 넣으면 스타일이 적용된다

서블릿을 써서 서버랑 연동하는걸 할거임 화면디자인,레이아웃 관련 다배우고 b4를 보기 (좀 더 업그레이드 된것) 스타일을 주는것 부트스트랩에서 클래스를 많이 정의해놓음 그걸 설정하면 그트아리로 쫙 나옴 css로 ul을 세로에서 가로로 둔것도 부트스트랩에서 클래스 지정해주면 알아서 다 된다 www.w3schools.com/bootstrap/default.asp Bootstrap 3 Tutorial Bootstrap 3 Tutorial Try it Yourself Examples This Bootstrap tutorial contains hundreds of Bootstrap examples. With our online editor, you can edit the code, and click on a bu..

JSON , AJAX

증복된거 추가 안되게끔 여러개선택 등록눌렀을때 초기화 공백 추가안되게 www.w3schools.com/js/js_json_intro.asp JSON Introduction JSON - Introduction JSON: JavaScript Object Notation. JSON is a syntax for storing and exchanging data. JSON is text, written with JavaScript object notation. Exchanging Data When exchanging data between a browser and a server, the data can only be text. J www.w3schools.com JSON 자바 스크립트 오브젝트(객체) 노테이션(..

jquery

이벤트: 웹페이지에서 발생하는 사용자의 동작들 이벤트를 주는걸 바인딩이라고 한다. 이벤트연결 : $(selector).on() 이벤트 제거 : $(selector).off() 선택된 요소와 하위요소에 한개이사이벤트바인딩 $(selector).on(event, 자식셀렉터, 데이터, function(){}, map) 이벤트랑 function만 필수임 on("click"과 .click(의 차이 $(p).click은 사용자가 뭔가 이벤트를 다른걸 해서 다른 p태그가 생겼을때 새로생기는 p태그에ㄴ는 먹히지않음 on("click"은 아직없고 앞으로 생성되는 p태그에게도 적용이되는거임 $(selctor).one(은 이벤트가 한번만 수행되고 제거됨 (off쓸필요가없다) intro{를 스타일에 해놓고 마우스올리면 그 스..

jquery

톰캣설치 런타임모드는 최종테스트떄 쓰는거.. 자신있을떄쓰는것 디버그모드로 돌리기 포트9090 으로 바꾸고 start는 45초안에 안켜지면 그냥 종료시켜버리는거.. 시간을 적게설정하면 서버가 올라오다가 시간초과로 그냥 죽는 경우가 많음 600으로 넉넉히 잡아주자 publish는 컴파일과 비슷한뜻임 선택된거는 리소스가 변경될때마다 퍼블리시 보통 두번째껄로.. 디버그모드로 돌리고, view도 이 모양으로 보기 선택자 - 엘리먼트 관련 *모든요소 h1 h2 는 1의 자식중 모든 2요소 h1>h2는 h1의 바로 아래 자식요소 중 모든 h2요소 띄기는 h1의 밑의 손자 고손자 모두 뽑는 >는 직계자식! 손자말구 h1+h2는 h1 바로 다음에 오는 형제요소 중 h2요소 h1~h2 h1의 다음에 오는 형제(같은레벨wn..

jQuery

var let const ajax json ... 두개 다 할거임 jQuery 기존의 자바스크립트 : document.getElementById()을 $('#result') $기호가 제이쿼리쓰겠다는 표시임 jQuery.com에서 제이쿼리 다운로드 안되는디..? 우클릭해서 다른이름으로 저장하면된다 구글이나 마이크로소프트에서 제공하는 CDN 이용하는 방법 프젝새로만들자 $(...)안에 선택자를 넣어서 원하는 요소를 선택하고, 선택된 요소에대하여 여러가지 조작. $(Selector).action(); ex ) $('h2').css("background","blue") 메소드체이닝도 가능하다. 물고물고해서 계속호출하기.. 스크립트는 head에 붙이는게 일반적.. 그럼 요소들이 바디에 있기때문에 실행이안됨 페이지..

dom

저파란부분에도 뭔가가들어가있다고 치기떄문에...안나오는거 HTML 요소생성 텍스트 노드를 갖는 요소 텍스트와 갖지않는 요소로 구분 createTextNode(text) createElement(tagName) 을 써주면 태그요소가 생성된다 마찬가지로 remove도 있음 여기를 클릭하세요 이 두 속성은 서버로 전송되기떄문에 매우 중요하다 키와 밸류값과 같음.. 실행 카푸치노 아메리카노 라뗴 돼지 우주 자식요소추가했으니 삭제도 해보자 document.getElementById("div의 아이디").removeChild(document.getElementById("p1의 아이디")); div안의 p1을 삭제하는것

BOM DOM

HTML문서를 객체로 표현한것을 DOM (DOCUMENT OBJECT MODEL) 웹브라우저를 객체로 표현한것을 BOM (BROWSER) 브라우저객체모델 (BOM) 최상위객체는 WINDOW이고 그아래로 NAVIGATOR, LOCATION, HISTORY, SCREEN, DOCUMENT,FRAMDS WINDOW. 메소드 WINDOW.OPEN() , CLOSE(), ALERT() 윈도우는 최상위객체, 기본이기떄문에 생략가능 OPEN()과 OPENER속성은 써보기 VAR POP = WINDOW.OPEN(URL,NAME,SPECS); NAME은 팝업창마다 네임을 지어주는거임 POP.CLOSE(); setTimeOut(function,milliseconds) 은 호출되는 함수의 이름, 함수호출하기전에 흘러야하는시..

String

날짜계산하는거 꼭 한번 해보기 String 객체 length : 문자열의 길이 str = "I LOVE KOREA" < 공백까지 센다 trim이랑 indexOf(찾는밸류,시작위치) 가장 많이 씀 concat() 이어붙이기 toLowerCase() replace(찾는값,값) search(찾는값) match(정규식) substr(시작위치,갖고올글자수) substring(위치1,위치2) 두위치사이의 문자열추출 (위치2는 포함x) 두개의 섭스트링이 헷갈림.. 첫번쨰게 더 쓰기쉽다. split(구분할글자,limit) "010-1234-2344".split("-")[0] 하면 "010"이 나옴 필드에서 쓰는 변수명 정하기 테이블명은 T_MEMBER < 테이블명은 대문자로 혹은 TB_MEMBER 컬럼명은 member..

반응형