본문 바로가기
반응형

전체 글136

리액트 56~60강 정리 contextAPI : 부모를 거쳐거쳐 받는것이아니라 바로 바로 데이터를 받을 수 있음. contextAPI는 성능최적화가 힘들다. 매번 새로운 객체가 생기면, 자식들도 객체가 생겨버리기 때문에 굉장히 비효율적이다. 그래서 useMemo로 패싱해주는것이 성능최적화에 도움이 된다. MineSerach.jsx import React, { useEffect, useReducer, createContext, useMemo } from 'react'; import Table from './Table'; import Form from './Form'; export const CODE = { MINE: -7, NORMAL: -1, QUESTION: -2, FLAG: -3, QUESTION_MINE: -4, FLAG_.. 2019. 10. 7.
poiemaweb 복습(Ajax) Ajax : Asynchronous JavaScript and XML 서버로부터 웹페이지가 반환되면 화면 전체를 갱신해야 하는데 페이지 일부만을 갱신하고도 동일한 효과를 볼 수 있도록 하는 것 페이지 전체를 로드하여 렌더링 할 필요가 없고 갱신이 필요한 일부만 로드하여 갱신하면 되므로 빠른 퍼포먼스와 부드러운 화면 표시효과를 기대할 수 있다. JSON ( javascript object notation) 클라이언트오 ㅏ서버간에 데이텨교환을 귀한 규칙, 데이터 포맷임 JSON은 순수한 텍스트로 구성된 규칙이 있는 데이터 구조이다. { "name": "Lee", "gender": "male", "age": 20, "alive": true } 키는 반드시 큰따옴표(작은따옴표 사용불가)로 둘러싸야 한다. JSO.. 2019. 10. 6.
poiemaweb 23강 복습( 클로저) 클로저 클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다. 자바스크립트는 렉시컬 스코프 : 자바스크립트는 함수를 어디서 호출했는지가 아니라 어디서 정의했는지에 따라 상위 스코프를 결정한다. 렉시컬 환경의 외부 렉시컬 환경에 대한 참조에 저장할 참조값을 결정한다 = 함수의 상위 스코프를 결정한다. 렉시컬 환경의 “외부 렉시컬 환경에 대한 참조”에 저장할 참조값, 즉 상위 스코프에 대한 참조는 함수 정의가 평가되는 시점에 함수가 정의된 환경(위치)에 의해 결정된다. = 렉시컬 스코프 함수 객체의 내부 슬롯 함수는 자신의 내부슬롯[[Environment]]에 자신이 정의된 환경, 즉 렉시컬 스코프의 참조를 저장한다. 외부 함수 밖에서 중첩 함수를 호출하더라도 외부 함수의 지역 변수에 접근할 수 있는데.. 2019. 10. 4.
poiemaweb 22강 복습 실행컨텍스트 실행 가능한 코드를 4가지 유형으로 구분 전역 코드 함수 코드 eval 코드 모듈 코드 실행에 앞서 평가 과정을 거치면서 코드 실행을 위한 준비를 한다. 코드 평가 과정에서 실행컨텍스트가 생성되고 변수 함수 클래스 등의 선언문이 평가되어 그 결과가 생성된 실행 컨텍스트에 등록된다. 평가 과정이 끝나면 선언문을 제외한 코드가 순차적으로 실행된다. 이때 코드 실행에 필요한 정보를 실행컨텍스트에서 취득한다. 코드의 실행결과는 실행 컨텍스트에서 관리된다. // 전역 변수 선언 const x = 1; const y = 2; // 함수 정의 function foo(a) { // 지역 변수 선언 const x = 10; const y = 20; // 메소드 호출 console.log(a + x + y);.. 2019. 10. 4.
반응형

티스토리툴바