본문 바로가기
반응형

학습정리/자습59

poiemaweb 18~19강 복습 프로토타입 자바스크립트는 객체 기반의 프로그래밍 언어 이며, 자바스크립트를 이루고 있는 거의 모든 것이 객체이다. 객체 지향 프로그래밍 여러개의 독립적 단뒤, 즉 객체 들의 집합으로 표현하려는 프로그래밍 패러다임 다양한 속성 중에서 프로그램에 필요한 속성만을 간추려 내어 표현하는 것을 추상화 라고 한다. 객체지향 프로그래밍은 객체의 상태를 나타내는 데이터와 상태 데이터를 조작할 수 있는 동작을 하나의 논리적인 단위로 묶어 생각한다. 상태 데이터와 동작을 하나의 논리적인 단위로 묶은 복합적인 자료 구조를 객체라 한다. 객체의 상태 데이터를 프로퍼티 / 동작을 메소드 라고 한다. 상속은 어떤 객체의 프로퍼티 또는 메소드를 다른 객체가 상속받아 그대로 사용할 수 있게 하는것 프로토타입 객체 : 객체간 상속을 .. 2019. 9. 30.
리액트 41~45강 정리 메소드 안에서 함수를 호출할때 this.onClickBtn('바위')}>바위 () => 이부분을 가져다가 // 변경 이전 onClickBtn = (choice) => {... // 변경 후 onClickBtn = (choice) => () => {... 이렇게 바꿔준다. 리액트에서 많이 쓰는 패턴. ***괄호안에 e 를 써서 사용하는 경우에 사용하기도 함. Hooks에는 라이프사이클 메소드가 없음. Hooks의 라이프사이클이 없지만, 흉내를 낼 수 있음. **클래스의 경우 componentDidMount나 componentDidUpdate에서 모든 state를 조건문으로 분기 처리한다. //Hooks형 import React, { useState, useRef, useEffect } from 'react.. 2019. 9. 30.
poiemaweb 16~17강 복습 생성자 함수에 의한 객체 생성 Obejct 생성자 함수 new연산자와 함께 object 생성자 함수를 호출하면 빈 객체를 생성하여 반환. 생성자 함수에 의해 생성된 객체를 인스턴스라 한다. 객체 리터럴에 의한 객체 생성 방식의 문제점 단 하나의 객체만을 생성한다. 따라서 동일한 프로퍼티를 갖는 여러개 객체를 생성할때는 매번 같은 프로퍼티를 기술해야하기 때문에 비효율적이다. 생성자 함수에 의한 객체 생성방식의 장점 객체를 생성하기 위한 클래스 처럼 프로퍼티 구조가 동일한 객체 여러개를 간편하게 생성할 수 있다. this : 자기 참조 변수 this 바인딩은 함수 호출 방식에 따라 동적으로 결정 일반함수 : 전역 객체 메소드로서 호출 : 메소드를 호출한 객체 생성자 함수로서 호출 : 생성자 함수가(미래에) .. 2019. 9. 23.
리액트 36~40강 정리 useMemo, useCallback 은 useEffect를 배워야 가능. Hooks에서는 class에서 this의 속성들을 ref로 표현해준다. state랑 ref랑 차이가 뭐냐 state 를 set을 하면 return부분이 다시 실행된다. ref의 useRef는 return부분이 다시 실행되지않는다. 불필요한 렌더링은 막아야한다!! 값이 바뀌기는 하지만 랜더링이 필요없을때 ref를 써준다. ref는 current로 접근한다! if와 for문은 return안에서 잘 사용하지 않는다. 자식컴포넌트로 만드는것이 제일 좋음. 배열안에 jsx문법담아서 리턴하는것도 유효한 문법이다. import React, { Component } from 'react'; // 실행순서 // 클래스의 경우 -> construc.. 2019. 9. 22.
반응형

티스토리툴바