JavaScript31 this this : 메서드 내부에서 객체에 접근할 수 있는 지시자? 예약어? let company = { name: "nhn", where: "pangyo", companyName() { alert(this.name); // this 는 현재 메소드의 객체인 company를 나타낸다. } }; company.companyName(); 동일한 코드는 다음과 같이 작성할 수 있다. let company = { name: "nhn", where: "pangyo", companyName() { alert(company.name); return company.name; // this. 대신 user 사용 } }; company.companyName(); 다만 후자의 경우, 원하지 않는 형태의 동작을 할 수도 있다. 예를.. 2020. 12. 31. JS Object에서 .forEach 루프와 .map() 루프 사이의 주요 차이점 forEach 배열의 요소를 반복합니다.(공통점) 각 요소에 대해 콜백을 실행하며 값을 반환하지 않습니다.(차이점) const a = [1, 2, 3]; const doubled = a.forEach((num, index) => { return num*=2; }) console.log(doubled)// doubled = undefined map 배열의 요소를 반복합니다.(공통점) 각 요소에서 함수를 호출하여 결과로 새 배열을 작성하여 각 요소를 새 요소에 매핑합니다.(차이점) const b = [1, 2, 3]; const doubledmap = b.map((num, index) => { return num*=2; }) console.log(doubledmap)// doubledmap = [2,4,6].. 2020. 11. 5. 타입스크립트 정리하기 6. 함수 본 글의 모든 내용은 https://goalkicker.com/ 에서 다운로드한 TypeScript Notes For Professionals 를 번역한 내용입니다. 본 글의 목적은 본인의 학습 및 참고자료로 사용하기 위함입니다. 6. 함수 6-1. 기본 파라미터와 옵션 파라미터 옵션 파라미터 타입스크립트에서는 모든 파라미터가 사용되어야한다. 파라미터 이름 끝에 ?를 추가하면 해당 파라미터를 옵션 파라미터로 설정할 수 있다. 단, 첫 번째 파라미터는 항상 반드시 사용되어야 하는 파라미터이며, 옵션 파라미터로 설정할 수 없다. function buildName(firstName:string, lastName?:string){ //.... } function buildNameInvalid(firstName?.. 2020. 4. 19. 타입스크립트 정리하기 5. Enum 본 글의 모든 내용은 https://goalkicker.com/ 에서 다운로드한 TypeScript Notes For Professionals 를 번역한 내용입니다. 본 글의 목적은 본인의 학습 및 참고자료로 사용하기 위함입니다. 5. Enum 5-1. 특정한 값을 가진 Enum enum의 기본값은 각 요소가 풀어질 때 숫자 값이 할당된다. enum MimeType { JPEG, PNG, PDF } MimeType의 PDF를 사용하게 되면, 값은 2가 된다. 이 때, 각 요소에 값을 할당할 수 있다. enum MimeType { JPEG = 'image/jpeg', PNG = 'image/png', PDF = 'application/pdf' } 이제 MimeType의 PDF를 사용하게 되면, 값은 'ap.. 2020. 4. 19. 타입스크립트 정리하기 4. 배열 본 글의 모든 내용은 https://goalkicker.com/ 에서 다운로드한 TypeScript Notes For Professionals 를 번역한 내용입니다. 본 글의 목적은 본인의 학습 및 참고자료로 사용하기 위함입니다. 4. 배열 4-1. 배열에서 Object 찾기 - find() 사용 const inventory = [ {name: 'apples', quantity: 2}, {name: 'bananas', quantity: 0}, {name: 'cherries', quantity: 6} ] function findCherries(fruit) { return fruit.name === 'cherries'; } inventory.find(findCherries); // {name: 'cherri.. 2020. 4. 19. 타입스크립트 정리하기 3. 타입스크립트의 주요타입 본 글의 모든 내용은 https://goalkicker.com/ 에서 다운로드한 TypeScript Notes For Professionals 를 번역한 내용입니다. 본 글의 목적은 본인의 학습 및 참고자료로 사용하기 위함입니다. 3. 타입스크립트의 주요 타입 3-1. String Literal Types String Literal Types는 문자열이 가질 수 있는 특정 값을 한정할 수 있다. let myFavoritePet: "dog"; myFavoritePet = "dog"; // OK myFavoriyePet = "rock"; // Error: Type '"rock"' is not assignable to type '"dog"'. 타입의 이름을 주어 enum과 같은 역할을 할 수 있다. type .. 2020. 4. 13. nodejs res.download 사용법 1. router router.get('/download', function(req,res,next){ let filename = "tmp/file.txt"; res.download(filename, filename_client, function(err){ if(err){ res.json({err:err}); }else{ res.end(); } }) } 2. JS function download(){ window.location.assign("/download"); } 2020. 1. 30. Angular 시작하기 - 1 1. 템플릿 문법 - 앵귤러의 템플릿 문법은 HTML과 JS의 문법을 확장한 것으로 볼 수 있다. - angular-cli를 활용하여 간단하게 컴포넌트 또는 프로젝트를 생성할 수 있다. 1) 컴포넌트 만들기 ng generate component product-list(컴포넌트 명) 또는 ng g c product-list ng 명령어를 활용하여 컴포넌트를 쉽게 만들 수 있다. ng generate component product-list 를 축약한 명령어가 ng g c product-list이다. 이 명령어를 실행시키면 src/app/product-list 디렉토리가 생성되고, 내부에 ts, html, css 파일이 생성된다. 기본적으로 실행되는 내용이 모두 포함되어 있기 때문에 간편하게 사용이 가능하.. 2019. 7. 10. 요즘 대세(?) TypeScript에 대해서 1. 자바스크립트의 한계 과거 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 만들어진 태생적 한계로 좋은 점도, 나쁜 점도 많다. 1-1. 자바스크립트의 특성 Prototype-based Object Oriented Language Scope와 this 동적 타입(dynamic typed) 언어 혹은 느슨한 타입(loosely typed) 언어 2. 타입스크립트란 무엇인가. TypeScript 또한 자바스크립트 대체 언어의 하나로써 자바스크립트(ES5)의 Superset(상위확장)이다. C#의 창시자인 덴마크 출신 소프트웨어 엔지니어 Anders Hejlsberg(아네르스 하일스베르)가 개발을 주도한 TypeScript는 Microsoft에서 2012년 발표한 오픈소스로, 정적 타이핑을 지원하.. 2019. 7. 9. 이전 1 2 3 4 다음 반응형
