분류 전체보기474 this 함수별 정의 구분: this 일반(Normal) 함수는 호출 위치에 따라 this 정의 화살표(Arrow) 함수는 자신이 선언된 함수 범위에서 this 정의 const happy = { name: 'Happy', normal: function() { console.log(this.name) }, arrow: () => { console.log(this.name) } } happy.normal() happy.arrow() const amy = { name: 'Amy', //happy의 함수 자체가 할당되는 구조 (소괄호()를 입력안했기 때문에 함수를 호출하는 것이 아니다 normal: happy.normal, arrow: happy.arrow } amy.normal() amy.arrow() // 생성자 함.. 2021. 5. 28. 생성자 함수 (prototype) 생성자 함수는 첫글자를 대문자로 하는 파스칼 케이스로 입력되어야한다. prototype 속성을 이용하여 각 생성자 함수에서 공통으로 사용되어지는 함수를 생성할 수 있다. 그렇게 되면 메모리관리를 효율적으로 관리할 수 있다 onst happy = { first_name: 'Happy', last_name: 'oh', getFullName: function () { return `${this.first_name} ${this.last_name}` } } console.log(happy) console.log(happy.getFullName()) const amy = { first_name: 'Amy', last_name: 'Clarke', getFullName: function() { return `${th.. 2021. 5. 27. vscode extension https://youtu.be/bS9yTI2fC0w 2021. 5. 27. 나중에 확인 https://velog.io/@rockjeon/VScode-%EC%9D%B5%EC%8A%A4%ED%85%90%EC%85%98-%EC%B6%94%EC%B2%9C-%EB%B0%8F-%EB%8B%A8%EC%B6%95%ED%82%A4 [ VScode] 익스텐션 추천 및 단축키 익스텐션이랑 간단한 단축키 정리 / 개발하면서 더 추가할듯~Material Theme눈에 편안하게 배경색 설정할 수 있다.Material Icon Theme아이콘 설정Beautify자동 정렬 기능 설정 가능 / prettier 도 있는데 나한 velog.io https://youtu.be/waePYqd8LiM 2021. 5. 27. 콜백 함수 콜백함수: 실행 위치를 보장해주는 함수, 함수의 인수로 사용되는 함수 화살표 함수를 이용한다 // setTimeout(함수, 시간) function timeout(cb) { setTimeout(() => { console.log('안녕하세요'); // 원하는 출력 위치에 콜백함수 입력 cb(); }, 4000); } // timeout() // 콜백함수 설정 timeout(() => { console.log('콜백함수') }) console.log('먼저 출력') 2021. 5. 26. 타이머 함수 타이머 함수 setTimeout(함수, 시간): 일정 시간 후 함수 실행 setInterval(함수, 시간): 시간 간격마다 함수 실행 clearTimeout(): 설정된 Timeout 함수를 종료 clearInterval(): 설정된 Interval 함수를 종료 // 3초뒤 실행하는 함수 const timer = setTimeout(function () { console.log('안녕!!') }, 3000) // 화살표 함수 setTimeout( () => { console.log('화살표 함수 안녕!!') }, 3000) // h1태그를 클릭하면 timeout이 종료되도록 선언 const h1El = document.querySelector('h1') h1El.addEventListener('clic.. 2021. 5. 26. 이전 1 ··· 50 51 52 53 54 55 56 ··· 79 다음
