{ "Hello World!" }; 87

jQuery - 웹 호환성, 애니메이션 효과 등 쉽게 구현 할 수 있도록 만들어진 자바스크립트 라이브러리 - 외부 파일을 읽어서 실행해야 한다 - jQuery 함수로 시작이 된다. - 라이브러리 셋팅하기 https://jquery.com/ ( 경량화된 min버전으로) - jquery 라이브러리가 셋팅되어 있어야 사용할 수 있다. 제이쿼리 함수 - 실행시 제이쿼리 객체가 반환된다. - 제이쿼리의 메서드가 prototype에 명시되어 있다. - 실행 후 제이쿼리 객체가 반환되어야 제이쿼리의 메서드를 체이닝 기법으로 사용할 수 있다 //실행되지 않고 jquery 함수가 출력됨 console.log(jQuery); console.log($); //var $ = jQuery; //jquery 함수 실행 후 jqu..

사용자의 다양한 요구사항을 고려하여 데이터베이스를 생성하는 과정 설계 과정 > 오류가 발견 > 변경 필요 > 이전 단계 설계 내용 변경 가능 1단계 : 요구사항 분석 목적 데이터베이스 용도 파악 ex) 쇼핑몰 결과물 요구 사항 명세서 - 쇼핑몰에 가입하려면 아이디,비밀번호,이름 등을 입력해야 한다. - 가입한 회원에게는 등급과 적립금이 부여된다 - 회원은 회원아이디로 식별한다 - 상품에 대한 상품번호,상품명, 재고량,단가 정보를 유지해야한다 - 상품은 상품번호를 식별한다 - 회원은 여러 상품을 주문할 수 있고, 하나의 상품을 여러 회원이 주문할 수 있다. - 회원이 상품을 주문하면 주문에 대한 주문번호, 주문수량, 배송지, 주문일자 정보를 유지해야한다. 등 주요작업 - 실제로 사용할 사용자 범위 결정 -..

콜백 함수 - 이벤트에 등록된 함수는 콜백함수이다. 콜백함수 테스트 더보기 한국스마트정보교육원 onmousemove - 마우스가 움직일 때 textMove라는 id를 가진 div의 top,left의 값을 마우스 좌표로 줘서 마치 마우스를 따라다니는 것처럼 보인다 콜백 데이타의 target 속성 확인 btn001 더보기 ajax 수업 request.done메서드 콜백데이터 이해 안돼서 예시 // html 콜백테스트 function myCallback() { this.type=''; this.target=''; this.eventTarget=''; } myCallback.prototype.eventInfo = function(eventTarget, type, target) { this.type = type;..

- DOM(Documnet Object Model) 문서 객체 - document API를 활용, html 요소를 검색하여 이벤트 등록 및 문서 제어가 가능하다. API(Application Programming Interface) - 응용 프로그램 프로그래밍 인터페이스 Interface - 프로그램과 프로그램 혹은 사용자와 프로그램과 의사소통을 하기위한 구조(툴) JAVA와 다름 API - 메서드,속성 라이브러리 - 완성된 프로그램 > 외부에서 메서드,속성(API) 호출 프레임워크 - 프로그래밍을 쉽게 할 수 있게 구조(라이브러리) 제공 > 직접 코드 작성 id 검색 - html 요소 중 id 속성의 값을 가진 대상을 검색 - 찾고자 하는 id값과 일치하는 대상을 찾을 수 있다. - api : docu..

아래에 제시된 양식을 작성하고 데이타를 입력하여 유효성검사를 실시하고, memberJoinProcess.jsp에 전송하여 그 결괏값을 출력하도록 하여라. 폼 양식 : 회원명, 회원아이디, 회원패스워드, 회원패스워드 확인, 성별, 이메일, 휴대전화번호 관심 교과목(java, html, css, javascript) 더보기 회원명 : 회원아이디 : 회원패스워드 : 패스워드 확인 : 성별 : 남 여 이메일 : 휴대전화번호 : 관심 교과목 : java html css javascript 가입 더보기 회원명 회원아이디 회원패스워드 성별 이메일 휴대전화번호 관심교과목 처음 짠 javascript 코드 function memberJoinCheck() { /* 폼 이름 변수 지정, action 경로 지정 */ var ..

on 속성이벤트 - 모든 태그에는 접두사 on이 붙은 속성이 있다. - 접두사 on 속성은 자바스크립트와 연계된다. - 접두사 on 속성은 사용자의 행위에 관련된 속성이다. - 두개이상 사용 가능 자주 쓰이는 이벤트 onclick : 사용자가 클릭했을 때 난 버튼이 아닌데 버튼 네이버이동 함수연계 onchange : 사용자의 행위에 의해 값이 변경 되었을 시 :: 값 선택 :: 1 2 3 onblur : 커서 활성화가 없어 졌을 때 onkeyup : 키를 눌렀다가 땠을 경우 Form - form 태그에 name속성에 값을 지정하면 해당 지정된 값을 윈도우 객체에 등록해준다. - form의 하위 요소가 있다면 form객체 하위에 등록을 name 키 명칭으로 하위 요소 객체를 등록해준다. 남 여 전송 더보기..

날짜 객체 정보를 가져올 때 : GET메서드 정보를 수정할 때 : SET메서드 - 월과 요일은 숫자 0부터 시작 - Milliseconds() :밀리초 1000 -> 1초 (하루: 1000*60*60*24) 수학 객체 메서드 및 상수 Math. abs() 절댓값 max() 최댓값 min() 최솟값 pow(숫자, 제곱값) 숫자의 거듭제곱값 random() 0~1사이의 난수 round() 소수점 첫째 자리에서 반올림하여 정수 반환 ceil() 소수점 첫째 자리에서 무조건 올림하여 정수 반환 floor() 소수점 첫째 자리에서 무조건 내림하여 정수 반환 sqrt() 제곱근값 PI 원주율 상수 반환 배열 객체 - 하나의 공간을 쪼개어 데이터를 저장하는 기법 - 배(나눌 배), 열(열거 열) 배열 기본형 var ..

- 브라우저에 내장된 객체 - 계층적 구조 - 최상위 window 객체가 있다. window 객체 메서드 종류 open('URL','새 창 이름','새창옵션') URL페이지를 새 창으로 나타냄 close() 현재 창 종료 alert(data) 경고창 prompt('질문','답변') 질의응답창 (결괏값: 문자형) confirm('질문내용') 진행여부확인창 (결괏값: 확인-true, 취소-false) moveTo(x, y) 지정한 새 창의 위치를 이동 resizeTo(width, height) 지정한 새창의 크기 변경 setInterval(function() { 코드 }, 시간간격) 지속적으로 일정한 시간 간격으로 함수 호출 setTimeout(function() { 코드 }, 시간간격) 단 한번 일정한 시..