패스트캠퍼스31 [JS] this 이번 글에서는 this의 사용법에 대해서 알아볼 것이다. 일반 함수(normal)는 호출 위치에 따라 this 정의 화살표 함수(Arrow)는 자신이 선언된 함수 범위에서 this 정의! const flyda = { name : 'flyda', normal : function () { console.log(this.name) //호출 위치에서 this 정의 }, arrow : () => { console.log(this.name) // 자신이 선언된 함수 범위에서 this 정의, 지금 안에서 무엇을 지칭하는지 정확하게 알 수 없음. } } flyda.normal() // flyda flyda.arrow()//undefined const amy = { name : 'Amy', normal : flyda.n.. 2022. 4. 15. [JS] 클래스 - 생성자 함수 (prototype) 다음과 같이 여러 번 비슷한 코드가 반복되는 경우 생성자 함수를 사용할 수 있다. 생성자 함수란 new키워드를 사용하는 함수이다. const flyda = { firstName: 'Flyda', lastName: 'Yang', getFullName : function () { return `${this.firstName} ${this.lastName}` } } console.log(flyda.getFullName()) const amy = { firstName: 'Amy', lastName: 'Hwang', getFullName : function () { return `${this.firstName} ${this.lastName}` } } console.log(amy.getFullName()) cons.. 2022. 4. 15. [JS] 데이터 타입 확인 함수 실습 내용 프로젝트에서 데이터 타입을 확인하는 함수를 js파일로 작성한 뒤 import로 가져와서 사용하는 방법을 실습한다. 코드는 다음과 같다. html 파일 hello!! main.js 파일 console.log(typeof "hello dada") console.log(typeof 123) console.log(typeof true) console.log(typeof undefined) console.log(typeof null) console.log(typeof {}) console.log(typeof []) 크롬의 개발자 도구 콘솔 창을 살표보면, 먼저 main.js 파일에서 typeof를 통해서 각 데이터의 타입을 확인할 수 있다. 하지만. typeof의 경우 null, object, arra.. 2022. 4. 14. [JS] Uncaught typeError: Failed to execute 'scrollTo' on 'window': the provided value is not of type 'scrollToOptions'. 해결방법 1. 발생 에러 gsap으로 scrollTo를 이용하여 페이지 하단에서 위로 화살표를 클릭하면 자동으로 최상단으로 스크롤이 되는 기능을 개발하다가 다음과 같은 에러가 발생했다. 2. 코드 에러가 발생한 코드 부분은 다음과 같다 먼저 HTML 코드는 다음과 같다. arrow_upward css코드 다음과 같다. #to-top{ width: 42px; height: 42px; background-color: #333; color: #fff; border: 2px solid #fff; border-radius: 10px; cursor: pointer; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 30p.. 2022. 4. 13. 이전 1 2 3 4 5 6 7 8 다음
