오늘도 기록it

class함수 this 일반함수는 호출 위치에서 따라 this 정의! 화살표 함수는 자신이 선언된 함수 범위에서 this 정의! ES6 classes 상속(확장)

arguments 객체 화살표 함수 객체 데이터를 반환할 경우 소괄호를 써줘야 한다. const doubleArrow = x => ({ name : 'Heropy'}) 즉시실행함수 [ Immediately - Invoked Function Expression ] 호이스팅[Hoisting] 타이머 함수 //setTimeout(함수, 시간) : 일정 시간 후 함수 실행 //setInterval(함수, 시간) : 시간 간격마다 함수 실행 //clearTimeout() : 설정된 Timeout 함수를 종료 //clearInterval() : 설정된 Interval 함수를 종료 콜백함수

데이터 타입 확인 getRandom.js 파일을 만들고 main.js 에 불러와서 사용할 수 있다. 산술연산자, 할당연산자 비교연산자 논리연산자 삼항연산자 조건문 switch 문 반복문 변수 유효범위 var 함수 레벨의 유효범위에서 실행 [의도하지 않은 범위에서 사용 가능 메모리 누수 가능성 사용X] let, const 는 블록 레벨의 유효범위에서 실행 형 변환 if 안에 값이 들어갈 경우 참으로 되는 값과 거짓으로 되는 값

const a = 'Hello ~'; //split : 문자를 인수 기준으로 쪼개서 배열로 전환. //reverse: 배열 뒤집기 //join: 배열을 인수 기준으로 문자를 병합해 반환. const b =a.split('').reverse().join(''); //메소드 체이닝... console.log(a); //Hello~ console.log(b); //~olleH

Document Object Model, Application Programming Interface //자바 스크립트에서 html을 제어하기 위한 명령들 Box!! defer을 쓰면서 밑에까지 전부 읽은 후 js를 실행시켜서 오류 방지 //HTML 요소 (Element) 1개 검색/찾기 const boxEl = document.querySelector('.box'); //찾은거 하나만 반환 // HTML 요소에 적용할 수 있는 메소드! boxEl. addEventListener(); //인수를 추가 가능! boxEl.addEventListener(1, 2); //1 - 이벤트(Event, 상황) boxEl.addEventListener('click',2); //2 - 핸들러(Handler, 실행할 함수..

if. else 조건의 결과에 따라 다른 코드를 실행하는 구문 if let isShow = true; let checked = false; if(isSHow) { console.log('show!'); //show! } if(checked) { console.log('checked!'); //X } else let isShow = true; if(isShow) { console.log('show!'); //X } else { console.log('hide?'); //O }

function helloFunc() { console.log(1234); //실행코드 } //함수 호출 helloFunc(); //1234 function returnFunc() { return 123; } let a = returnFunc(); 반환 console.log(a); //123 function sum(a, b) { //a와 b는 매개변수(Parameters) return a+b; } //재사용 let a = sum(1,2); let b = sum(7, 12); let c = sum(2, 4); //결과 console(a, b, c); //3, 19, 6 //이름있는 함수 function hello() { console.log('Hello~'); } //익명 함수 let world = fun..

String (문자 데이터) - 따옴표를 사용 let myname="kim"; let email='kim@naver.com'; let hello =`hello ${myname}?!` console.lg(myName); // kim console.lg(email); // kim@naver.com console.lg(myName); // hello kim?! Number (숫자 데이터) - 정수 및 부동소수점 숫자를 나타냅니다. let number=123; let opacity=1.57; console.log(number); //123 console.log(opacity); // 1.57 boolean (불린 데이터) true, false 두 가지 값밖에 없는 논리 데이터 let checked = true;..

HTML html 을 클릭하면 html의 파일에 있는 text가 이라고 작성된 부분에 나타나게 됩니다. WEB HTML CSS JavaScript

object create iterate Property & Method