반응형

온라인 강의/실전형 리액트 훅 10개 [Nomad] 4

120. useEffect() 훅 사용하기

선생님이 올려주신 프로젝트를 다운로드 받고 login 할 때 아래 코드도 실행되게끔 작성한다 브라우저에 내장된 localStorage를 이용하는 것이다 localStorage.setItem('isLoggedIn', '1'); 그러나 아래의 코드에는 문제가 한 가지 있다 바로 localStorage에서 isLoggedIn 정보를 가져오고 setIsLoggedIn 가 실행되는 순간 App.js 가 다시 실행되고 그럼 또 다시 localStorage 정보를 받아오는 그런 무한 루프가 발생한다 그래서 이러한 경우에 useEffect를 사용할 수 있다 import React, { useState } from 'react'; import Login from './components/Login/Login'; impo..

#0.2 Introduction to Nooks #0.3 Requirements #04. Workflow

Hook을 만들고 npm (오픈 소스)에 등록해볼 예정이다. 많은 사람들이 자신들이 만든 hook을 공유하고 npm에 등록하여 홍보하고 있다. 그만큼 유용한 hook들을 사용하기를 바라는 마음에서 개발하는 것이다 아래와 같은 훅들을 만들어볼 예정이다 #03.Requirements node js와 react가 필요하다 setState와 같은 것들은 만들어본 경험이 있어야 한다 #04. Workflow 이번에는 VSCode가 아닌 Code Sandbox에서 만들 것이다 CodeSandbox: Code, Review and Deploy in Record Time CodeSandbox is a cloud development platform that empowers developers to code, colla..

반응형