발전하는 개발자

[연습문제] 1. 간단한 메소드 만들기 // 문제 : 사람.sayHi(); 작성시 콘솔창에 '안녕 나는 손흥민' 출력되게 하기 // 손흥민을 하드코딩하지 않고 object의 name에 해당하는 손흥민이 출력되도록 var 사람 = { name = '손흥민', //정답 sayHi : function(){ console.log('안녕 나는 ' + this.name ) } // arrow function에서는 this.name(손흥민)이 출력 안됨 } 사람.sayHi(); 2. 오브젝트 내의 데이터를 전부 더해주는 메소드 만들기 // 문제 : 자료.전부더하기();라고 쓰면 자료.data안의 값을 모두 더해서 콘솔창에 출력되도록 var 자료 = { data : [1,2,3,4,5] } // 정답 자료.전부더하기 ..

[arrow function이란] function(){} 대신 사용 () => {} 꼴로 쓰면 됨. var 함수 = (a) => { return a + 10 } [특징] 1. 함수 본연의 기능(코드 축약 및 재사용, 입출력(수학의 함수 기능))을 잘 표현 2. 소괄호 생략 가능(파라미터가 1개일 때) var 함수 = a => { return a + 10 } 3. 중괄호 생략 가능(코드가 1줄일 때) var 함수 = a => return a + 10 4. 외부의 this값을 그래도 내부의 this값으로 사용 arrow function은 함수 안에서 this값을 재정의하지 않음. [예시] 1.forEach 콜백 함수 // function 사용 [1,2,3,4].forEach(function(a){ conso..

JavaScript 사용 이유 1. HTML 요소 변경 2. 동작을 실행 시키고 싶을 때(addEventListener) 안녕 버튼 문법 1. 변수 : 자료 저장 var let const 변수 중복 선언 가능 불가 스코프(변수 유효 범위) 함수 레벨 블록 레벨 재할당 가능 불가 선언과 동시에 초기화 안해도 됨 해야함 [변수 선언] var name = 'kim'; var age = 20; [array 자료형] 여러 개의 데이터 저장 var name = ['kim', 'park']; array 자료형은 인덱싱(자료이름.[자료번호];)이란 방법으로 데이터를 가져온다. 자료번호는 0부터 시작 name[1]; -> name데이터의 첫번째 데이터를 가져온다. park이 출력됨 [object 자료형] key:valu..