this = '나'! this는 this가 속해있는 메소드가 속해있는 객체를 가리킴! 객체의 이름이 바뀌어도 원래의 로직을 유지할 수 있어서 재사용에 도움이 됨. let kim = { name:'kim', first:10, second:20, sum:function(){ return this.first+this.second; } } console.log("kim.sum()",kim.sum()); //kim.sum() 30
Javascript
//내장객체 Math console.log("Math.PI", Math.PI); console.log("Math.random()",Math.random());//객체에 소속되어 있을때는 메소드, 메소드는 본질적으로 함수 console.log("Math.floor(2.6)",Math.floor(2.6)); //나만의 객체 만들어보기 //객체는 그룹핑해서 이름을 붙인것이다 let MyMath = { PI:Math.PI, random:function(){ return Math.random(); }, floor:function(val){ return Math.floor(val); } } console.log("MyMath.PI",MyMath.PI); console.log("MyMath.random",MyMath..
let memberArray = ['지은','연미','뽀미']; console.group('array loop'); let i =0; while(i
객체란? 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인것! let memberArray = ['지은','연미','뽀미']; console.log('memberArray[0]',memberArray[0]);// '지은' let memberObject = { mom:'연미', daughter:'지은', dog:'뽀미' } memberObject.daughter = '귀여운 지으니' //재할당을 해줌 delete memberObject.mom; //mom 이라는 속성을 삭제 console.log('after delete memberObject.mom', memberObject.mom); //undefined console.log("memberObject.daughter",memberObject.daught..
문제는 다음과 같다. 아메리카노 카페라떼 이중에서 function handleClick() { // 아래의 빈 칸(____)을 채우세요. // console.log("working?"); let currentMenu = ____; // TODO console.log(currentMenu + "를 클릭하셨습니다."); 을 구해야 한다. 화면에는 아메리카노와 카페라떼 버튼이 있고, "버튼을 누를 때, 예를 들어 아메리카노를 클릭하셨습니다." 라는 식으로 콘솔에 출력되어야 한다. 힌트가 있다. 바로 function handleClick(event) { console.log(event); } 를 입력해보는 것, 그럼 그 상태에서 둘 중 아무버튼이나 버튼을 누르면.. target:button 이 보인다. 버튼을 ..
DOM 이란? 문서 객체 모델, 즉 DOM은 웹 페이지(HTML이나 XML 문서)의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화 시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스입니다.
scope 함수선언문으로 정의한 함수는 함수 호이스팅이 일어난다.함수 표현식은 불가능 함수 호이스팅: 함수 선언 이전에 호출이 된다. describe('scope 대해서 학습합니다.', function () { // scope는 변수의 값(변수에 담긴 값)을 찾을 때 확인하는 곳을 말합니다. 반드시 기억하시기 바랍니다. it('함수 선언식(declaration)과 함수 표현식(expression)의 차이를 확인합니다.', function () { let funcExpressed = 'to be a function'; expect(typeof funcDeclared).to.equal("function"); expect(typeof funcExpressed).to.equal("string"); functio..
