웹6 object.create과 function constructor pattern 차이 object.create - 첫번째 인자에 넘겨준 객체를 바로 상속하는 객체를 빌드 function constructor - constructor의 프로토타입 프로퍼티를 상속하는 새로운 객체 생성 object.create 사용했을 때 장점 - function constructor보다 복잡한 상속 객체를 구현하기에 용이 - object.create는 프로토타입이어야 하는 객체가 어떤 건지 특정해주기 때문 2020. 5. 6. npx create-react-app 이 작동하지 않을 때 *참고 링크: https://stackoverflow.com/questions/59188624/template-not-provided-using-create-react-app Template not provided using create-react-app When I type the create-react-app my-app command in my terminal, it appears to work - downloading all libraries successfully etc. At the end of that process however I get a message that a template w... stackoverflow.com 다음 코드 입력 npm uninstall -g create-rea.. 2020. 4. 30. TypeScript 시작하기 * 이 글은 TypeScript 공식 홈페이지(https://www.typescriptlang.org/)의 내용을 토대로 작성되었습니다. * 이 글에서 TypeScript를 작성할 때 사용되는 에디터는 'VS Code'입니다. * 이 글에서 사용되는 Command Line은 git bash입니다. 1. TypeScript 설치 윈도우 기준 명령 프롬프트에서 다음 명령어를 입력하여 설치할 수 있다. npm install -g typescript npm이 설치되어 있지 않다면 pip install npm 위 명령어로 npm을 먼저 설치할 수 있다. 2. TypeSciprt 연습하기 에디터에서 greeter.ts 파일을 생성하고 다음 코드를 작성한다. ts 확장자를 사용할 뿐 이 코드는 자바스크립트이다. fu.. 2020. 3. 28. React Switch from 'react-router-dom' Switch는 어떤 일을 하는가 는 처음 매칭되는 하나의 루트만을 리턴한다. exact는 정확하게 매칭되는 루트들의 개수를 리턴한다. 예를 들어: Missing 컴포넌트가 Switch 바깥에 있으면 단 하나의 루트만을 리턴한다. exact와 함께 쓰이면 "/animals" 루트는 "/animals/fish"와 같이 "animals"를 포함하는 모든 루트를 잡아내지 않을 것이다. exact 없이 쓰이면 "/animals/fish" 루트는 "animals/fish/cod", "animals/fish/salmon" 등과 같은 Fish 컴포넌트를 리턴할 것이다. exact 없이 문 바깥에 있기 때문에 Order 컴포넌트는 "/animals"를 포함하는 모든 path를 렌더한다. 출처: stackoverflow(.. 2019. 12. 31. 자바스트립트 this, DOM thisthis 변수는 모든 실행 콘텍스트가 얻는 변수이다실행 콘텍스트에 저장되어 있다 this는 전역 오브젝트이다: Window 오브젝트를 가리킴메소드를 요청하는 오브젝트를 가리키는 변수이다: 객체 안에서의 this는 객체를 가리킨다!함수가 실제로 요청될 때까지 값이 할당하지 않는다 DOM: Document Object Model HTML 문서의 구조적인 표현웹페이지를 스크립트에 연결시킬 때 사용됨 HTML 웹페이지는 DOM에 저장되어 있는 내용이다그리고 자바스크립트에 의해 조작될 수 있음 2019. 10. 16. 자바스크립트 작동 방법 Execution Contexts and Execution Stack자바스크립트 엔진이 코드를 실행할 때 일어나는 일1. parser에 의해 코드가 parse 됨.문법 체크, 코드가 유효한지 검사맞으면 신택스 트리 만듦2. 머신 코드로 변환3. 코드가 실행됨 글로벌 실행 문맥은 어떤 함수 안에도 있지 않는 것기본적으로 window object이므로window.name이나 name 이나 전역 변수면 똑같은 거다 함수는global execution context-> first()-> second() (first 안에서 실행되는 함수)-> third() (second 안에서 실행되는 함수)순으로 쌓이며 실행되는 순서는 스택과 같다(pop)즉 third, second, first 순으로 실행됨 Creation .. 2019. 10. 14. 이전 1 다음
