자바스크립트4 0061. TypeScript 공부하기10 - JavaScript 클래스, 생성자, 인스턴스, 메서드, 프로퍼티, 상속 섹션 6. 클래스 1강. 자바스크립트의 클래스 소개 1) allow.Js : ts 환경에서 js 파일 사용하도록 설정하기 src폴더에 .js파일을 만들면 tscongfig에 오류가 난다. "include" 옵션을 "src"로 설정했기 때문에 src 디렉토리 내의 모든 타입스크립트 파일을 타입스크립트 컴파일러가 관제하고 있다. 모니터링 중 ts 파일이 아닌 js 파일이 생겼기 때문에 오류가 나는 것이다. 그래서 여기에 "allowJs": true를 추가한다. 그러면 오류가 사라진 것을 확인할 수 있다. 2) class let studentA = { name: "초보", grade: "A+", level: 5, study() { console.log("열심히 코딩함"); }, introduce() { con.. 2024. 2. 11. 0035. JavaScript 공부하기10 - 객체지향 상속, prototype, 표준 내장 객체, Object 섹션 22. 객체지향 - 상속 1강. 상속이란? 상속(inheritance) 객체지향에서 아주 중요한 개념 객체의 로직을 그대로 물려받는 또 다른 객체를 만드는 기능을 의미한다. 다만, 그대로 물려받는 것이 아니라 기존 로직을 수정하고 변경한 파생된 새로운 객체를 만들게 해 준다. 로직 재활용 가능 //original function Person(name) { this.name = name; this.introduce = function() { return 'My name is ' +this.name; } } var p1 = new Person('innovation'); document.write(p1.introduce()+" "); function Person(name) { this.name = nam.. 2024. 1. 9. 0026. JavaScript 공부하기 1 - 크롬 개발자 도구, 콘솔, 숫자와 문자, 변수 (Feat. 생활코딩) 지난 시간까지 React를 배웠다. 그런데 다 배우고 나서 에러를 잡다가 느끼는 것은 역설적이게도 '자바스크립트를 배워야겠다'는 것이었다. 그래서 일단 오류를 잡는 것을 뒤로하고 JS 강의를 듣기로 했다. 이번에도 인프런에서 강의를 듣는데, 생활코딩 - 자바스크립트(JavaScript) 기본 강의이다. https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard [지금 무료] 생활코딩 - 자바스크립트(JavaScript) 기본 강의 - 인프런 생활코딩의 자바스크립트 언어 기본 수업입니다. 기본 문법을 통한 자바스크립트 기본에 .. 2024. 1. 2. 0014. Front-end 공부하기5 - State and Lifecycle(★중요★), React Developer Tools 섹션 6. State and Lifecycle 1강. State와 Lifecycle의 정의 State는 리액트의 핵심 개념, 완벽하게 이해될 때까지 들을 것 1) State State : 상태 = 리액트 Component의 상태 = 리액트 Component의 데이터 = 리액트 Component의 변경 가능한 데이터 개발자가 정의한다. 주의점! : 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함! 관련 없는 값까지 state에 포함시키면 불필요한 경우에 컴포넌트가 다시 렌더링 되어 성능을 저하시킬 수 있음 state는 따로 복잡한 형태가 있는 것이 아니라 그냥 하나의 JavaScript 객체이다. 이렇게 정의된 state는 정의 이후 일반적인 JavaScript 변수를 다루듯이 직접 수정.. 2023. 12. 15. 이전 1 다음
