{ "Hello World!" };/JavaScript／jQuery 20

- 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() { 코드 }, 시간간격) 단 한번 일정한 시..

더보기 2022년까지 현재 1초단위로 페이지 자동새로고침해서 저절로 시간이 줄어들게함 파비콘이랑 새로고침 아이콘이 계속 깜빡거리는게 거슬려서 제이쿼리로 div 영역만 새로고침되게 바꿔볼려고 한다...

여러 시행착오를 거쳐 ... 현재 리스트들에서 카테고리명 가져와서, if문으로 원하는 색 주기 완료.. 이제 이걸 그냥 setAttribute했었는데 얘도.. 배열이여서 반복문으로 셋팅해줘야할 것 같다... 어케 바꾸지 하다가 역시 크롬 console창으로 이것저것 불러와보기 스킨 html파일에 위 코드를 이미 업로드 해둔 상태라 category[인덱스번호]하고 . 찍으니깐 style 태그 되길래 색을 입혀봄 ㅎ ^_____________________^ 드디어.....ㅜ ㅜ ㅜ for문 html에 올렸는데 안바뀜.. css가 적용돼서 그런건가,,,(그럴리없지만)해서 background-color 벗겨냈더니 그저 민둥... ㅠ 나중에 해결한다... (+220106) 안먹었던 이유: 그냥 반복문만 혼자 돌..

객체 생성자 함수(Object Constructor Function) - 함수를 new 연산자를 통하여 객체화 시키는 것 - var, let 키워드로 내부에 변수나 내부함수 선언시 외부에서 접근 불가능 > java의 private과 비슷 - this 키워드로 내부 변수나 함수(메서드) 선언시 외부에서 접근 가능 > java의 public과 비슷 새로 생성된 객체의 값 바꾸기 function MyFn2(){//클래스처럼 생각하기 //객체화된 나 자신의 속성 생성 this.userName = '홍길동'; //객체화된 나 자신의 메서드 생성 this.getUserName = function(){ }; } var myFnObj = new MyFn2(); myFnObj.userName = '홍길순'; consol..