본문 바로가기

전체 글69

12.2 useMemo(feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. useMemo useMemo를 사용하면 함수형 컴포넌트 내부에서 발생하는 데이터 값을 저장할 수 있다. 첫 번째 인자로 저장할 데이터, 두 번째는 의존성 배열이다. 아래의 코드는 App.js 코드의 일부분이고 배열을 listItems 상수에 할당하여 props로 보낸다. // App.js const listItems .. 2022. 6. 5.
12.1 useCallback (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. useCallback 컴포넌트 실행 전반에 걸쳐 함수를 저장할 수 있게 하는 훅이다. 렌더링 성능을 최적화 할때 사용하는 훅 선택한 함수를 리액트 내부에 저장하고 선택한 함수 객체가 실행될 때마다 이를 재사용할 수 있게 한다. 첫 번째 인자는 반환할 콜백과 두 번째 인자로 의존성 배열을 갖는다. 리액트에서는 컴포넌트를.. 2022. 6. 5.
12. React.memo (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. React.memo 최적화에 사용한다. props의 값이 바뀌지 않았는데 컴포넌트가 실행되는 경우에 사용한다. React.memo 는 인자로들어간 컴포넌트의 Props 과 이 컴포넌트의 자식의 컴포넌트 Props 모두를 확인하여 기억한 다음, 입력되는 최신의 Props 의 값과 비교하여 값이 바뀌었을 경우에만 컴포넌트.. 2022. 6. 4.
3.기본 개념 이해: Node 서버 생성 (feat. 유데미 Node 완벽 가이드) https://www.udemy.com/course/nodejs-mvc-rest-apis-graphql-deno/ 【한글자막】 NodeJS 완벽 가이드 : MVC, REST APIs, GraphQL, Deno NodeJS 및 Deno.js 완성, Node.js를 이용한 REST API와 GraphQL 구축, 인증 추가하기, MongoDB, SQL 등 활용법! Node.js의 실전 적용과 이론을 가장 종합적으로 다루는 강의 www.udemy.com 이 게시물은 유데미 Node 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. 1. 모듈 불러오기 require을 이용해 경로를 설정하지 않으면 모듈을 불러올 수 있다. const http = require("http"); 위의 코드는 노드에서 많이 쓰이게.. 2022. 6. 4.
2. Js 기초 복습 생략 (feat. 유데미 Node 완벽 가이드) https://www.udemy.com/course/nodejs-mvc-rest-apis-graphql-deno/ 【한글자막】 NodeJS 완벽 가이드 : MVC, REST APIs, GraphQL, Deno NodeJS 및 Deno.js 완성, Node.js를 이용한 REST API와 GraphQL 구축, 인증 추가하기, MongoDB, SQL 등 활용법! Node.js의 실전 적용과 이론을 가장 종합적으로 다루는 강의 www.udemy.com 이 게시물은 유데미 Node 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. 섹션2 JS 간단한 복습은 생략 2022. 6. 4.