웹 기초

앞으로 배우게 될 과목들:HTMLCSSJavascriptJ Query, AjaxFront-End - HTML, CSS, JavaScript(클릭에 동작을 부여)Back-End - spring, django, PHP, node JS, JSP(Java Server Page

image의src속성은 꼭 와야하는 속성(필수속성)alt(대체문자) 속성 - 그림 대신 나오는 문자, 이미지가 제대로 동작했을 때는 실행이 안됨title 속성 - 그림에 마우스를 올리면 뜨는 것(title)image 에서는 text-align : center;이 지정되

리스트: 항목들을 나열하는데 사용번호없는 리스트(unordered list) : <ul>번호있는 리스트(ordered list) : <ol>정의 리스트(definition list) : <dl>리스트 항목 안에도 텍스트, 이미지, 링크, 다른 리스트를

테이블끼리 떨어뜨리기 - margin테이블 안의 선을 겹치는 방법:border-collapse : collapse;td에 테이블 열 병합 : rowspan (<td rowspan="열 병합 개수">)td에 테이블 행 병합 : colspan (<td colsp

<iframe>웹 페이지 안에서 다른 웹 페이지를 표시하고자 할 때 사용익스플로러가 페이지 안에 프레임을 놓기 위해 사용하던 태그였고 w3c는 iframe을 HTML 4.01부터 도입하여 현재는 거의 모든 부라우저가 iframe을 지원<a href="" ta

HTML에서 모든 함수는 number타입function proc(){ }

=> onclick확인 => onclick=document.getElementById('color') =>단수로 가져옴document.getElementsByTagName('input') => 복수(배열)로 가져옴다중 스타일 시트공통적으로 사용되는 스타일은 요소의 스

속성 설명color 텍스트 색상font-weight 볼드체 설정padding 요소의 가장자리와 내용간의 간격font-size 폰트의 크기backgroud-color 배경색 border 요소를 감싸는 경계선font-style 이탤릭체 설정backgroud-ima

테이블 스타일속성 설명border 테이블의 경계선border-collapse 이웃한 셀의 경계선을 합칠 것인지 여부 separate|collapse|initial|inherit;width 테이블의 가로 길이height 테이블의 세로 길이border-spacing 테

이미지 절대주소/프로젝트명/폴더명/파일.png웹사이트 만들기 - 10/15 수업시간 전까지자바스크립트의 용도이벤트에 반응하는 동작을 구현할 수 있다.AJAX를 통하여 전체 페이지를 다시 로드하지 않고서도 서버로부터 새로운 페이지 콘텐츠를 받거나 데이터를 제출할 때, 사

객체 리터럴 Circle

자바스크립트confirm() 함수 객체객체(object)는 사물의 속성과 동작을 묶어서 표현하는 기법객체의 2가지 종류내장 객체(bulit-in object): 생성자가 미리 작성되어 있다. 사용자 정의 객체(custom object): 사용자가 생성자를 정의한다. 내

스크립트 객체Array 객체의 메소드메서드 설명push(a,b,c,…) 배열 끝에 요소를 추가한다.pop() 마지막 요소를 제거하고 리턴한다.shift() 배열 처음의 원소를 제거하고 리턴한다.unshift(a,b,c,…) 배열 처음에 요소를 추가한다.reverse()

Date객체date객체.getTime() => date객체의 시간을 milisecond단위로 반환date객체.toLocaleDateString() => 연.월.일을 반환– 요일 – getDay()-> 0~6– 배열, getDay()test_date3 – 날짜수 계산

Math 객체 속성속성 설명E 오일러의 상수(약 2.718)LN2 자연 로그(밑수:2)(약 0.693)LN10 자연 로그(밑수:10)(약 2.302)PI 파이 상수(약 3.14)SQRT1_2 ½의 제곱근(약 0.707)SQRT2 2의 제곱근(약 1.414)Math 객체

새로운 HTML 요소 생성텍스트 노드를 갖는 요소와 갖지 않는 요소로 구분요소노드와 텍스트 노드를 생성한 후에 텍스트 노드를 요소 노드에 붙임메소드 설명createElement(tagName) 태그요소 생성 createTextNode(text) 텍스트 노드 생성 ap

jQuery는 자바스크립트를 쉽게 쓸 수 있도록 만든 라이브러리jQuery 파일을 다운로드하는 방법1\. jQuery는 http://www.jquery.com에서 다운로드 다운로드 후 사용2.구글이나 마이크로소프트에서 제공하는 CDN을 사용하여 jQuery

<jQuery core7>html() / text()내용 속에 html태그가 포함되면 html(), 포함되지 않으면 text()innerHTML - getter, setter의 역할 모두 가능textContent - getter, setter의 역할 모두 가능$(

자식필터요소를 자식으로 갖는 부모의 구룹안에서 해당 자식을 찾는다 $(“td:first-child”) : td를자식으로 하는 tr 그룹에서 첫번째 자식Form상태필터입력양식의 현재 상태에 따라 선택되어진다 Form상태4-1기타 필터Visibility 필터 :

필터링 메소드내용 확인 및 변경 메소드 들조작관련(Manipulation) 메소드들선택 요소내부에 추가하는 메소드 들선택 요소 외부에 추가하는 메소드들A appendTo B - A요소를 B뒤에 붙인다.A prependTo B - A요소를 B앞에 붙인다.조작관련

가져오기val() => input타입의 값을 가져올 때attr() => 속성을 가져올 때html() => html태그 포함해서 가져올 때text() => 텍스트만 가져올 때속성attr() => 실제 값을 가져옴pror() => 상태element가 가지는 실제적인 상태(

이벤트관련 메소드 bind형식 - 기존에 미리 만들어진 요소만 이벤트 핸들러가 적용됨 delegate형식 - 기존의 미리 만들어진 요소뿐만 아니라 새롭게 생성되는 요소에도 똑같은 이벤트 핸들러가 적용되어 실행된다 => bind형식 - on / delegate형식 -

ojdbc.jaribatis.jaribatis설정파일SqlMapConfig.xml - DB설정, => dbinfo.properties vo에 대한 alias, => mapper 파일 => DB table의 crud처리를 위해서 mapper파일에 접근하기 위해서 Sq

mvc : model21\. 요청페이지(html, jsp) - front end - 2\. controller - service - dao - mapper(SQL문 실행) 3\. 결과를 다시 역순으로 전송4\. 수행결과를 view페이지로 forwardmodel - V

IBuyerService, IBuyerDao => 인터페이스 생성

member.xml

우편번호검색색 결과에서 원하는 행을 클릭하면 우편번호와 주소를 부모창으로 전달한다자식창에서 부모창에 데이터를 전달하는 방법//순수 자바 스크립트 코드부모영역의 출력할 객체를 나타내는 이름 .value = 자식창에서 만든값opener.document.memberFo

=> keyup으로 실시간으로 정규식검증

main.jsp board.js BoardServiceImpl List.do list.jsp

등록버튼을 눌렀을 때 해당 textarea를 찾아서 값을 가져오기textarea.val()방법1) this의 previous 형제를 찾기방법2) this의 parent를 찾고 거기서 textarea 자식을 찾기select reply_renum_seq.currval fr

append 새로 만들어서 붙이기있던 것을 옮기기(이동)p태그 append 이동jsp는 board앞에 /있어야 함servlet으로 갈 때는 /없어도 됨on delete cascade -> 게시글을 지울 때 댓글도 다 지울 수 있음