JavaScript

console.log() 함수를 이용하는 방법document.write() 함수를 이용하는 방법alert() 함수를 이용하는 방법: console.log() 는 주로 디버깅 시에 필요한 정보를 출력할 때 사용함디버깅 : 개발 시 문법적으로 보면 전혀 문제가 없는데도 어

: 데이터를 저장하는 공간. 데이터가 변할 수 있음.물건을 보관했다가 필요할 때 다시 꺼내 사용하는 일종의 창고라고 생각하면 됨.보관하는 내용이 물건이 아니라 데이터라는 점.※ 특히 자바스크립트는 변수에 숫자와 문자 뿐만 아니라 함수와 클래스까지 저장이 가능함.: 데이

=============================코드=============================let name을 줄 시

특정 정보를 사용자에게 메세지 창으로 알려 주기 위해 주로 사용됨ex) window.alert("알림 내용 또는 경고 내용");alert("알림 내용 또는 경고 내용"); 확인 또는 취소 버튼이 나타나는 알림창boolean 타입ex) window.confi

코드============================= 실행=============================

관계(비교) 연산자 >=, >, ` == (동등연산자) 동등연산자는 비교 대상 값의 자료형이 다른 경우 강제로 형을 바꾼 뒤에 비교함 좌변항과 우변항을 비교하여 값이 자료형과 상관없이 데이터가 같다고 한다면 true 값을 반환하고, 데이터가 틀리면 false 값을 반

=============================코드=============================

=============================코드=============================

형식) (조건식) ? 참인 경우 실행문 : 거짓인 경우 실행문=============================코드=============================

: if문, if ~ else문, 다중 if ~ else문, switch ~ case문: while문, for문=============================코드=========================================================

다중 if~else문과 유사한 구조를 가지고 있음다중 if~else문을 switch~case문으로 변경할 수 있는 경우는 조건식이 특정한 값과 일치되는 경우(==)만 switch~case문으로 변경할 수 있음즉, 조건식이 == 인 경우를 제외하고 나머지 관계연산자(>=

난수를 발생시켜서 추첨을 통해 경품을 받게 만들어보자<요구사항>1 ~ 10 사이의 숫자를 랜덤하게 뽑아보자3번 : 냉장고 당첨 / 5번 : 노트북 당첨 / 8번 : TV 당첨그 외의 번호는 "꽝"Math.floor(Math.random() \* 마지막 숫자) +

=============================코드==========================================================코드=============================

let 배열명 = new Array(원소1, 원소2, ... 원소n);let 배열명 = 원소1, 원소2, ... 원소nlet 배열명 = new Array(); ※ 자바스크립트에서 배열은 모든 데이터 타입(자료형)의 데이터를 다 담을 수 있음===============

자바에서는 배열의 크기가 한 번 정해지면 배열의 크기를늘리거나 줄일 수 없었음.하지만, 자바스크립트에서는 배열 객체에 요소를 추가할 수 있음=============================코드=============================

sort() : 배열의 요소를 정렬하는 함수 ==> 오름차순으로 정렬reverse() : 배열의 요소를 정렬하는 함수 ==> 내림차순으로 정렬=============================코드=============================

: 기능을 정의해 놓은 것함수는 하나의 로직을 재사용 할 수 있도록 하는 것으로 코드의 재사용성을 높여줌 형식)코드 중복 제거 및 코드 재사용 가능유지보수 용이성 사용자 정의 함수 : 사용자(개발자)가 직접 만들어 놓은 함수내장 함수 : 자바스크립트에서 자체적

무명함수는 이름이 없는 함수를 말함. 이벤트 처리 등에 주로 사용됨.함수를 무명으로 만드는 경우에는 주로 함수를 재사용하지 않는 경우에 사용됨=============================코드========================================

자바스크립트에서는 함수도 하나의 자료형임따라서 매개변수로 함수를 전달할 수 있음이렇게 매개변수로 넘어가는 함수를 콜백함수라고 함=============================코드=============================

자바스크립트에서 자체적으로 제공해주고 있는 함수를 말함예를 든다면 지금까지 사용해왔던 alert()와 prompt() 함수가 대표적인 내장함수임: 일정 시간이 지난 후에 함수를 한 번만 실행하는 함수: 일정 시간마다 함수를 반복해서 실행하는 함수: 일정 시간 후 함수를

자바스크립트에서의 객체자바에서의 객체 개념과 유사함속성 + 기능 자바스크립트에서 객체 생성 방법형식)=============================코드==========================================================코드=

=============================코드=============================

=============================코드=============================

: 자바스크립트에서 제공해주고 있는 객체예) Date, Math 객체가 대표적인 내장 객체Date 객체 : 날짜와 시간과 관련된 정보를 제공해주는 객체getYear() : 기준 년도가 1900년을 기준으로 하고 있음 즉, 1900년을 0으로 인식을 함 getDay()

Math 객체 : 수학 내장 객체. 거의 대부분이 함수로 구성되어 있음 abs(숫자) : 해당 숫자의 절대값을 반환하는 함수 max(숫자1, 숫자2, ... 숫자n) : 숫자 중에서 가장 큰 값을 반환하는 함수 min(숫자1, 숫자2, ... 숫자n) : 숫자 중

BOM(Browser Object Model) : 브라우저 객체 모델 자바스크립트가 브라우저와 소통하기 위해서 만들어진 모델임. BOM 객체의 최상위 내장 객체는 window 객체임. window 객체의 주요 함수 open() : 새로운 창을 띄우고자 할 때 사용하

location 객체 자바스크립트가 실행되고 있는 현재 웹 브라우저의 주소 창에 표시된 주소 값과 관련된 내용을 다루는 객체 사용자 브라우저 주소 창의 url에 대한 정보(속성)의 새로고침 기능을 제공해주는 객체 location 객체의 주요 속성 및 함수 locat

history 객체 브라우저가 페이지를 변경한 이력이 저장되어 있는 객체 사용자가 방문한 사이트 중 이전에 방문한 사이트와 다음에 방문한 사이트로 되돌아 갈 수 있는 속성과 함수를 제공하는 객체 history 객체의 속성과 함수 length : 방문 기록에 저장된 목

DOM(Document Object Model) : 문서 객체 모델웹 문서에서 자바스크립트를 사용하는 가장 큰 이유는 어떤 조건에 맞거나 사용자 동작이 있을 때 웹 문서 전체 또는 일부분이 동적으로 반응하게 하기 위함.이렇게 하려면 웹 문서에 담겨 있는 모든 요소를 따

: 선택자 하나에 접근하는 방법형식) document.querySelector(선택자): 여러 개의 선택자에 접근하는 방법형식) document.querySelectorAll(선택자): 웹 브라우저 창에 보이는 내용을 가져오는 속성: 선택자 안에 있는 태그와 내용을 함

=============================코드=============================콘솔창에 확인해보면 값이 출력되는 것을 확인할 수 있음!

참고자료 예시 코드============================= 실행============================= 예시2 이미지 태그

문서에서 특정한 요소를 찾는 방법 1. getElementById("id이름"); > 문서에서 특정 id를 가진 요소 찾기 코드============================= 실행=============================

코드============================= 실행=============================

예시1=============================코드=============================첫번째 창에 입력 후 복사 누르면예시2입력되지 않은 값이 있다면 입력하도록 알림메시지를 띄우고 입력됐다면 회원가입 클릭 시 홈페이지로 이동이 될 수 있도록

자식노드 찾는 방법 코드============================= 실행============================= 부모노드 찾는 방법 코드============================= 실행=========================

=============================코드==========================================================코드=============================변경 전변경 후 (1초마다 총 10장의 이미지가 변경됨