개발(라이브러리,프레임워크)79 Hooks 동기 state로 관리하면 재사용하기가 어려웠음. 상태를 this.state를 다른데서 다르게 관리 해야하니까.. 계층 변화 없이 상태 관련 로직을 재사용할 수 있도록 도와준다. 복잡한 컴포넌트 경우 상태관련 로직을 한 공간안에서 묶여있기 때문에 작게 분리하는 것은 불가능 하며, 테스트 하기도 어려움. 또한 상태라이브러리는 많은 추상화, 파일들의 건너뛰기를 요구 하며 재사용하기 어려워졌다. 정리: class의 단점을 보완하면서 / 라이프사이클 등과 관련된 함수를 재사용 가능하도록 한다. 규칙 최상위에서만 hook을 호출해야 한다. 반복문, 조건문, 중첩된 함수내에서 hook실행 x React함수 컴포넌트 내에서만 hook을 호출해야 한다. State Hook 일반 import React from 'rea.. 2022. 1. 9. Lodash uniquBy Lodash uniquBy 사용 import _uniqBy from 'loadsh/uniqBy' ... _uniqBy(Search, 'imdbID') //imdbID 속성의 이름으로 고유화 시켜준다 ... 2021. 11. 13. 라우팅 리액트 라우팅 대표적인 라우팅 패키지 설치 npm i react-router-dom 코드 작성 import { BrowserRouter, Route } from 'react-router-dom'; import About from './pages/About'; import Home from './pages/Home'; import Profile from './pages/Profile'; function App() { return ( ); } export default App; Route 컴포넌트에 Path와 Component를 설정하여 나열 BrowserRouter 로 Route들을 감싸줌 브라우저에서 요청한 경로에 Router의 path가 들어있으면 해당 component를 보여준다. 문제 결과를 보면 .. 2021. 9. 26. [NGINX] EC2서버에 HTTPS 설정 이거 우리서버는 apt-add ....xxx 이게 안된다. yum으로 사용해야한다. YUM epel 저장소 추가 yum install epel-releasecertbot 설치 yum install certbot일반 서버일 경우 443 포트 방화벽 오픈 (우리는 사용 x) 아래 방식처럼하지만 우리는 AWS에서 인바운드 설정을 통해 443포트를 열어줄 수있다. firewall-cmd --permanent --add-service=https firewall-cmd --reload //not found 가 뜨면 설치 yum install firewalld systemctl unmask firewalld systemctl enable firewalld systemctl start firewalldnginx sto.. 2021. 9. 25. 이전 1 ··· 3 4 5 6 7 8 9 ··· 20 다음 반응형
