001cloudid

jQuery 웹 문서에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈 소스 기반의 자바스크립트 라이브러리 DOM 조작을 간편하게 사용하기 위해 만들어짐 속성을 대부분 메소드화 시켜 사용하고 간단한 메소드 형태로 지정이 가능함 문서객체선택이 간단함 사용방법 1) jQuery 플로그인 연결(다운로드 후 lib 추가) -> https://jquery.com/download/ 접속 후 Download the compressed, production jQuery 3.7.1 우클릭 다른 이름으로 저장 -> 외부링크로 사용 (...생략...) 불러오기 준비 구문 (...생략...) (...생략...)) (...생략...) 라이브러리를 연결 후 불러들이는 또 다른 방법 jQuery -> $ 변경, document..

공지창 스크림의 중앙에 배치하기 현재 시각 현재 시간 보기 현재 시간 보기 문서 객체 모델(DOM) green skyblue pink 1. 정적 생성 : html 문서에 태그로 직접 작성하여 생성하는 방법 제목 태그1 2. 동적 생성 : 자바스크립트로 문서 객체 요소를 생성하는 방법 document.write()메소드 createElement()메소드

2) 브라우저 객체(BOM) 이전 시간에 이어서 window 객체 문서를 열면 팝업 창이 표시 열기 문서를 열면 팝업 창이 표시 공지 사항 항목1 항목2 항목3 항목4 항목5 닫기 navigator 객체 브라우저 정보 history 객체 location 객체 주소 이동 screen 객체

객체(object) 프로그램에서 인식할 수 있는 모든 대상, 데이터를 저장하고 처리하는 기본 단위, 자바스크립트에서 필요한 시스템 1) 내장 객체 JS 엔진이 구동되는 시점 바로 제공, 객체를 생성시켜서 사용 자바스크립트 엔진에 내장되어 있는 객체들로 문자, 날짜, 배열, 수학 객체 등이 있음 형식) new 객체(); ex) let 사용할객체명 = new 객체(); 작성된 인스턴스 사용 : 인스턴스명 뒤에 마침표를 붙이고 객체의 프로퍼티나 메소드 이름을 작성 2) 브라우저 객체 브라우저에 내장된 객체로 웹 브라우저 전체를 관리하는 시스템 3) 문서 모델 객체 브라우저 객체에 렌더링되어 보이는 웹 문서를 관리하는 시스템 4) 브라우저 객체의 하위 객체 웹 문서의 모든 요소를 해석하고 분석하여 조작할 수 있..

인라인 방식(attribute 방식) 문서 로딩 이벤트 마우스 이벤트 버튼을 클릭할 때 이벤트 키보드 이벤트 폼 이벤트 목록1 목록2 목록3 form 태그에 지정하는 reset, submit 아이디 : 비밀번호 : Red Orange Yellow Green Blue Purple @charset "UTF-8"; a:link, a:visited{ color: black; text-decoration: none; } ul{ list-style: none; width: 500px; margin : 10px auto; /*auto 중앙정렬*/ padding: 0; } li{ display: inline-block; width: 35px; border: 1px solid #ccc; padding: 10px 15px..

※함수를 호출 먼저 호출한 후 함수 정의 수행된다. 함수 선언문 형식에 의한 함수 생성 방법으로 정의한 함수는 함수 호이스팅이 이뤄짐 함수를 정의하기 전 호출을 해도 에러가 발생하지 않음 하지만 함수를 정의하고 호출하는 식으로 하는 것이 유지보수가 편함 매개변수값이 없는 즉시 실행 함수 (...생략...) (...생략...) 매개변수값이 있는 즉시 실행함수 (...생략...) (...생략...) 매개변수값이 있는 즉시 실행 함수

변수 변수명만 존재 : 적용범위를 제한하지 않고 사용가능(전역 변수) mul = 10*20; mul = 20*30; mul = 10; var : 동일한 변수명으로 중복 선언 가능, 선언된 변수에 재할당(변경) 가능 var mul = 10*20; var mul = 20*30; mul = 20; let : 동일한 변수명으로 중복 선언 불가능, 선언된 변수에 재할당 가능 let mul = 10*20; let mul = 20*30; //중복선언오류 mul = 30; const : 동일한 변수명으로 중복 선언 불가능, 선언된 변수에 재할당(변경) 불가능(상수화), 변수 선언시 반드시 데이터 값을 초기화 const mul = 10 * 20; const mul = 20 * 30; //중복선언오류 mul = 20; /..

변수 선언과 할당 호이스팅 : 함수 line

1부터 10까지 짝수만 더하기 ​ 구구단 출력 꾸미기 JAVASCRIPT- css - gugudan.css 생성 @charset "UTF-8"; div{ background-color: #eeeeee; display: inline-block; padding: 0 20px 30px 20px; margin: 15px; border : 1px solid #ccc; line-height: 2; } h3{ text-align: center; font-weight: bold; } chapter04_2.html 구구단 출력 1부터 10까지 짝수만 더하기 자리 배치도 만들기2

큰따옴표로 묶은 문자열 안에 또 다른 문자열을 넣으려면 작은 따옴표로 표기함. 배열(복합 유형) 여러 개의 데이터값을 하나의 변수명(배열명)으로 묶어서 선언 배열[] 배열명["값1", "값2",...] 배열 내부의 데이터 타입이 서로 다를 수 있음. DOCTYPE html> 배열과 조건문 배열 //var 변수명 = 배열명[값1, 값2, 값3,...]; //var 배열명 = []; (빈 배열 선언) var spring ="봄"; var summer ="여름"; var fall = "가을"; var winter ="겨울"; var season = ["봄", "여름" ,"가을" ,"겨울"] for(var i = 0 ; i < season.length ; i++){ console.log(season[i] + "..