본문 바로가기
반응형

학습정리/자습59

poiemaweb 14~15강 복습 let, const와 블록 레벨 스코프 var 키워드로 선언한 변수의 문제점 1) 변수 중복 선언 허용 2) 함수 레벨 스코프. 전역 변수를 남발할 가능성을 높인다. 블록레벨 스코프를 지원하지 않는다. 3) 변수 호이스팅 : 변수 선언문이 스코프의 선두로 끌어 올려진 것처럼 동작 let 키워드 변수 중복 선언 금지 블록 레벨 스코프 지원 변수 호이스팅이 발생하지 않는다. var 키워드로 선언한 변수는 런타임 이전에 자바스크립트 엔진에 의해 암묵적으로 선언, 초기화 단계가 한번에 진행 즉, 선언단계에서 실행컨텍스트의 렉시컬 환경에 변수 식별자를 등록하여 자스 엔진에 변수의 존잴르 알린다. 초기화 단계에서 undefined로 변수를 초기화 한다. 반면, let 키워드는 선언 단계 초기화 단계가 분리되어 진행.. 2019. 9. 20.
리액트 31~35강 정리 PureComponent shouldComponentUpdate를 자동으로 구현해놓은 컴포넌트 state들이 바뀌었는지 보고 판단을 해서 렌더링 단점 : 객체나 배열 같은 복잡한 구조가 생기면 pureComponent도 변화감지가 어렵다. 결론 push대신에 스프레드 연산자를 쓴다! (pure컴포넌트가 알아차리게 하기 위해서) 배열 내부에 객체 넣는 것들 안 쓰는것이 좋다. ( 배열안에 객체 안에 배열 등등) -> 자료 구조를 간단하게 하는 것이 좋다. 컴포넌트가 복잡해지면, pureComponent가 안되는 경우도 있음.(hooks를 사용하지 않을때) 원하는 것만 랜더링을 다시해주기 위해 shouldComponentUpdate 한다. hooks를 사용할때는 memo를 사용한다. memo : props나.. 2019. 9. 19.
리액트 26~30강 정리 리액트에서는 push를 사용하지 않는다. 리액트에서는 뭐가 바꼈는지 감지를 하지 못한다.( = 랜더하지말아야지가 된다) -> 스프레드 연산자를 사용한다. 구조분해 문법으로 this.state 나 this.props중복을 없앨 수 있음. const { result, value, tries } = this.state; return ( {result} // this.state.result인데 this.state 생략가능 getNumbers() 를 밖에 사용하는 이유 : 혹시나 다른 곳에서 사용하기 위하여, 훅스로 바꿔도 영향 받지 않음. redux, mobx를 사용하는 것이 깔끔하다. 부모와 자식간의 관계를 알기 위하여 map은 1:1로 짝짓는 것이다. 개발 모드를 배포 모드를 바꾸려면, production으.. 2019. 9. 18.
리액트 21~25강 정리 import 와 require 의 비교 require : 노드의 모듈 시스템 **exports되는 것이 객체나 배열이면 구조 분해 할 수 있다. // import 사용법 import React from 'react'; import ReactDom from 'react-dom' import { hot } from 'react'hot-loader/root'; // require 사용법 const React = require('react'); const ReactDom = require('react-dom'); const { hot } = require('react-hot-loader/root'); 리액트에서 li태그를 사용할 경우 key를 사용해야한다. key를 사용해야해서 리액트에서 반복문이 사용하기 살짝.. 2019. 9. 15.
반응형

티스토리툴바