JavaScript (61) 썸네일형 리스트형 Angular cli 로 컴포넌트 생성 방법 ng generate component [이름] 줄여서 : ng g c [이름] Angular 빌드 아웃풋 경로 angular.json 설정파일을 확인해봅시다. angular.json - architect - build - options - outputpath 빌드 된 것들이 나오는 것을 확인 할 수 있다. Angular 프로젝트 생성 안녕하세요. Tay 입니다. angular 프로젝트를 만들어보며 앵귤러에 대해서 배워보도록 하겠습니다. 1. node, npm 설치 2. angular cli 설치 npm install -g @angular/cli 3. angular 프로젝트 설치 ng new project_name 4. angular 프로젝트 실행 ng serve - 실행이 완료 되면 localhost:4200 에서 확인이 가능하다. 이 글은 개인 공부목적으로 작성되었습니다. 정보가 잘못 되거나 궁금한 사항은 댓글로 부탁드립니다!! 읽어주셔서 감사합니다. hasOwnProperty : 객체의 프로퍼티나 메서드 검사 hasOwnProperty 함수는 자바스크립트 표준 API 함수이다. 객체.hasOwnProperty("인자") - 해당 객체에 인자로 넘긴 문자열의 이름의 프로퍼티나 메서드가 있는지 체크해준다. 있으면 true; 없으면 false; 자바스크립트 함수 리턴 규칙 자바스크립트 함수는 항상 리턴값을 반환한다. 규칙 1) 일반 함수나 메서드는 리턴값을 지정하지 않을 경우 undefined 값이 리턴된다. 규칙 2) 생성자 함수에서 리턴값을 지정하지 않을 경우 생성된 객체가 리턴된다. 단, 리턴할 객체를 명시한 경우 해당 객체가 반환된다. 규칙 3) 생성자 함수에서 리턴값을 객체가 아닌 불린, 숫자, 문자열의 경우로 설정한 경우 리턴값을 무시하고 this 로 바인딩 된 객체가 리턴된다. slice : 배열을 자르거나, arguments 객체를 배열로 만드는 방법 먼저 함수로 받은 인자들을 arguments 유사배열로 확인할 수 있다. 그것을 Array.prototype.slice.apply 를 통해서 배열로 리턴해보자. slice 메서드는 slice(start, end) 형태로 start 와 end 값을 받아서 start 인덱스 부터 end -1 인덱스까지 잘라서 리턴한다. 0 또는 인자를 넘기지 않을 경우 이 메서드(slice) 를 호출한 배열 전체를 복사 하여 새로운 배열을 추가한다. function myFunction() { console.dir(arguments); var args = Array.prototype.slice.apply(arguments); return args; } var arrA = myFunction(1, 2, 3); var arrB .. 자바스크립트 정리하며 배우기[25] - This[4] : call 과 apply 메서드를 이용한 명시적인 this 바인딩 안녕하세요. Tay 입니다. 이제까지 호출 방식에 따라서 바인딩 되는 this 를 확인해봤습니다. 이번에는 명시적으로 this 바인딩을 지정하는 방법에 대해서 알아보겠습니다. apply 메서드 function.apply(thisArg, argArray); thisArg : 함수 내부에서 사용한 this 에 바인딩 할 객체 argArray : 함수 호출시 넘길 인자들 배열 1) index.html 2) apply_call.js function Person(name, national, gender) { this.name = name; this.national = national; this.gender = gender; } let kim = {}; Person.apply(kim, ["geuntae", "kor.. 생성자 함수 - 강제 인스턴스 생성 , new 키워드 빠짐 방지 방법 생성자 함수 사용시, new 키워드를 빼먹은 것을 방지하기 위한 코드 function A(arg){ // if (!(this instanceof A)) if(!(this instanceof arguments.callee)) return new A(arg); this.value = arg ? arg : 0; } var a = new A(100); var b = A(10); // forgot new keyword console.log(a.value); console.log(b.value); console.log(window.value); 감사합니다. 이전 1 2 3 4 ··· 8 다음
