DOM 문서객체모델 웹브라우저에서 사용하려고 만든 언어 -> 현재는 다양한 사용처와 플랫폼을 지원함 window 호스트환경 1) DOM(Document Object Model) 웹페이지 내의 모든 콘텐츠를 객체로 나타내줌 - DOM 접근 -> document.documentElement -> document.body 상단 본문 항목1 항목2 확인 하단 createElement.html 1 2 3 insert DIV입니다. clonenode.html 안녕하세요 금요일입니다. removeNode.html todolist.html To do list + todolist_t.html to do list add_circle todoScript.js // 변수 선언 btn input ul let btn = docu..

더보기 UI UserInterface API Application Programming Interface 문자열 배열 객체 수학 stringMethod.html string_ex.html string_t_ex2.html

1. 함수선언문 function myFunc(){ let num = 20; return num; } myFunc(); function muFunc(num1, num2){ return num1 + num2; } myFunc(10, 20); 2. 함수표현식 myFunc2(5, 10); // 불가능, (호이스팅 불가) let myFunc2 = function(num1, num2) { return num1 + num2; } myFunc2(5, 10); // 가능 3. 화살표 함수 무기명 함수는 화살표 함수로 변경할 수 있다. function(num1, num2){ return num1+num2; } 1) function 대신 => => 2) 매개변수가 하나면 () 생략 가능 두 개 이상일 경우 () 생략 안됨 ..

this 객체 프로퍼티에 할당된 함수 -> 메서드 그냥 함수는 윈도우를 바라 봄 let user = { name: 'green', age: 30, say: function(){ console.log('aaa'); } } let user = { name: 'green', age: 30, say(){ console.log(this.name); } } 08methodthis.html menu1 menu2 menu3 menu4 08ex_t.html X 첫번째 이미지입니다. 08ex.html (내가 한 것 . .) x 동기 비동기 console.log(2) console.log(3) console.log(4) console.log(5) console.log(6) console.log(7) for(let i = 0..

남은 슛 횟수 컴퓨터 사람 컴퓨터 슛하기 사용자 2점슛 3점슛

1. 변수 (let, var, const) let: 변수 선언만 하는 것도 가능 _ 블럭스코프 var: 호이스팅; 코드 맨밑에 선언해도 위까지 끌려올려지지만 값까지 올라가진 않음 (undefined) _ 함수스코프 const: 선언과 동시에 할당해야 함; 대문자 _ 블럭스코프 2. 함수 function 빵만들기(재료1, 재료2) { let 빵 = 재료1 + 재료2 + '빵'; return '빵'; } let 빵1 = 빵만들기('밀가루', '옥수수'); let 빵2 = 빵만들기('찹쌀', '팥'); 함수표현식 let 빵만들기 = function(재료1, 재료2){ let 빵 = 재료1 + 재료2 + '빵'; return 빵; } 빵만들기(); 화살표 함수 1. function 대신 => 2. (재료1) 매..

객체 다양한 데이터를 담을 수 있음 서로 연관된 배열과 함수를 그룹화하여 정리전돈하기 위한 것이다 key와 value의 집합체이다 object = { key: value } let name = "green"; let age = 30; let user = { name: 'green', age: 30, isJob: true, } fuction print(user){ console.log(user.name); console.log(user.age); } print(user) 객체 리터럴 방식 let user = {}; let user = { name: "green", age: 30, } - 새로운 key와 value를 추가할 수 있다 user.hasJob = true; - 프로퍼티 삭제(crazy) delet..

윤년 판별하기 25윤년_teacher.html 소수 구하기 primenumber.html

배열 메소드 Array.prototype으로부터 메소드와 Property를 상속받습니다. 1. 원본 배열을 변경하지 않고 참조만 하는 메소드 ⭐ 1) join() 배열의 모든 요소를 하나의 문자열로 반환 2) slice() 시작인덱스 종료인덱스 바로 앞까지의 모든 배열요소를 추출하여 새로운 배열을 반환 3) concat() 배열의 뒤에 인수로 전달받은 배열을 합쳐서 새로운 배열을 반환 4) indexOf() 전달받은 값과 동일한 배열 요소가 처음으로 위치하는 인덱스를 반환 5) includes() 전달받은 값과 동일한 배열요소가 있으면 true, 없으면 false를 반환 2. 원본 배열을 변경하는 메소드 1) push() 배열의 마지막 요소를 추가 2) pop() 배열의 마지막 요소 제거 3) shift..

배열선언 let arr = []; let arr = new Array(); arr[0] arr[1] arr[2] length 길이 배열에 담긴 요소의 갯수 arr.length 인덱스를 통해서 배열요소에 접근 배열요소의 값을 변경 arr[0] = '값'; 배열에 배열요소를 추가 arr[arr.length] = '값' arr[6] = '값' 배열 요소의 추가 arr[arr.length] = '값' arr[6] = '값' 배열 요소를 삭제 delete arr[index] 01array.html 02arrayfor.html