WEB/Java Script 37

[Java Script] 배열 / 배열의 길이 / 배열안의 값 호출/ 배열에 삽입

const array =[1,2,3,4,5]; console.log(array); const array2 = [1, 'blabla',{}, 4]; console.log(array2[0]); console.log(array2[1]); console.log(array2[2]); console.log(array2[3]); const object = [ {name: '멍멍이'}, {name: '야옹이'} ]; console.log(object[0]); console.log(object[0].name); [] 이 괄호 사이에 있는 것을 배열이라고 한다. 여러 자료형들을 한 배열에 넣을 수 있다. index는 0 부터 시작을 한다. 객체 배열도 만들 수 있다. 객체에서 값을 호출하려면, 배열[인덱스].키 이렇게 호..

WEB/Java Script 2021.04.23

[Java Script] getter함수 , setter함수

getter setter const numbers ={ a:1, b:2 }; numbers.a = 5; console.log(numbers); 객체에 값을 대입하면 값이 변한다. 당연히 const numbers ={ a:1, b:2, get sum(){ console.log('sum 함수가 실행됩니다!'); // getter에서는 특정 값이 무조건 반환되어야한다. return this.a + this.b; } }; console.log(numbers.sum); // 조회만 했을 뿐인데 실행이 된다. numbers.b = 5; console.log(numbers.sum); 이제는 getter함수를 보자 객체 안에 getter함수를 정의해주었다. getter에서는 무조건 return이 있어야한다. const..

WEB/Java Script 2021.04.22

[Java Script] 논리 연산자를 이용한 조건문 평가 / if && || ! / 삼항 연산자/ switch

// 표현식 && 표현식 if(true && true){ //둘다 true일 때 true } // 표현식 || 표현식 if(true && false){ //둘 중 하나가 true일때 true } // !표현식 if(!false){ // 표현식이 ! 반대일때 true이면 true } 삼항 연산자 조건? 조건이 참이면 실행되는 표현식: 조건이 거짓이면 실행되는 표현식 let n = 5; console.log(n% 5=== 0? '5의 배수입니다.': '5의 배수가 아닙니다'); switch let n = 5; switch(n%5){ case 0: { console.log('5의 배수입니다.'); break; } default: console.log('default' + n); } break를 써주어야한다. ..

WEB/Java Script 2021.04.22

[Java Script] 데이터 타입 / Boolean Null Undefined Number String Symbol

Boolean 타입 true, false Null 값을 가지고 있지만 비어있는 값을 가지고 있다. Undefined 값이 없다는 뜻이다. 이렇게 a와 b를 같냐고 비교해보면 같다고 나온다. 그래서 더욱 정확하게 비교할 수 있도록 ===을 사용해서 값과 타입까지 같은지 비교한다. Number String 더하기를 사용할 수 있다. const a = 'Mark'; const d = `${a} Leeee`; console.log(d, typeof d); 이런 기호를 많이 쓴다. Symbol const a = Symbol(); const b = Symbol(37); const c = Symbol('Mark'); const d = Symbol('Mark'); c 와 d는 다른 것이다.

WEB/Java Script 2021.04.22

[Java Script] 상수/ 변수/ const / let/ var / 변수의 유효 범위/ 블록 스코프/ 함수 스코프/

상수 : const 값을 한번 선언하면 변할 수 없다. 변수 let 값을 계속 변화할 수 있다. const sum = 5 + 10; let result = false; if(sum %3 === 0){ cosole.log('야호3'); result = true; } if(sum %5 === 0){ cosole.log('야호5'); result = true; } console.log(result); 변수와 상수의 유효범위 const, let 블록 스코프 {} 이 안의 영역이 유효하다 { // 이 블럭 안에서는 name은 이 안에서 사용 가능하다 const name = 'Mark'; conosle.log(name); } //이 밖에서는 name을 사용할 수 없다. // 하지만 밖에서 정의한 변수는 안에서는 사..

WEB/Java Script 2021.04.22

[Java Script] 버튼으로 웹 페이지 야간 모드, 낮모드 만들기/ 배경색 바꾸기

왼쪽부터 기본- night 버튼 눌렀을때 - day 버튼 눌렀을때의 모습입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 hello my page 안녕하십니까. Colored by Color Scripter cs document.querySelector('body')이 부분은 body태그 전체를 선택한다는 뜻입니다. button을 누르는 이벤트(onclick)이 발생하면 밑에 javascript가 실행됩니다.

WEB/Java Script 2020.12.29