반응형 Web8 React useEffect와 useLayoutEffect 차이점 react에서 많이 사용되는 기본 훅인 useEffect와 useLayoutEffect의 차이점에 대해서 알아보려고 한다. 기본적으로 useEffect의 기능은 화면이 렌더될 때 디펜던시 항목의 내용이 변경되었으면 useEffect의 내부의 내용을 실행시키는 기능을 한다. 아무것도 없는 공란일 경우는 처음 렌더될 때 한번 만 수행하게된다. 위의 기능은 useLayoutEffect도 동일하다고 봐도 무방하다. 그렇다면 무슨 차이가 있는걸까? 코딩되는 내용도 이름만 다르고 사용되는 방식은 아래와 같이 동일하다. 코드작성 import { useEffect, useLayoutEffect } from 'react'; useEffect(()=>{ doFunc(); }, [dependecy]); useLayoutEf.. 2023. 11. 26. Recoil 새로고침 데이터 유지하기(feat. recoil-persist) Recoil을 사용하면서 새로고침시 기존 정보가 초기화 되는 부분을 보완하기 위한 작업 새로고침해도 데이터를 유지하기 위해서 recoil-persist 라이브러리를 활용한다. npm 링크 : https://www.npmjs.com/package/recoil-persist recoil-persist Package for recoil to persist and rehydrate store. Latest version: 4.2.0, last published: a year ago. Start using recoil-persist in your project by running `npm i recoil-persist`. There are 4 other projects in the npm registry usin.. 2023. 6. 9. Next.js 빌드 에러 Next.js 환경에서 개발을 진행하다 빌드시 에러로그만 봐서는 알기 어려운 경우를 만났습니다. 해당 에러는 이전 버전과 비교해보면서 차이점을 파악하여 원인을 알 수 있었는데 원인은 바로 파일의 위치가 원인이 됬습니다. [ Next.js의 룰 ] Next.js 는 기본적으로 src/pages 경로에 파일들을 넣어 페이지를 관리하게끔되어있는데 pages에 sample.js 또는 sample.ts 화면을 생성해두면 별도의 라우팅 작업없이 로컬주소/sample url로 접근하면 바로 해당 화면으로 접근이 가능한 구조입니다. 이런 구조를 가지고 있기때문에 페이지 내에서 사용되는 컴포넌트 파일이 pages 경로 아래에 포함되게 되면 실행시에는 문제가 없어보이지만 빌드시에는 에러를 만나게 됩니다. [ 해결방법 ] .. 2023. 3. 24. Recoil 사용하기(feat. react) Recoil는 React를 위한 상태 관리 라이브러리다. Recoil 공식 홈페이지 https://recoiljs.org/ko/docs/introduction/getting-started/ Recoil 시작하기 | Recoil React 애플리케이션 생성하기 recoiljs.org React를 사용하는 환경에서 흔히 Redux를 사용하여 상태관리를 많이하는데 최근들어 Recoil의 사용이 점차 늘어나는 추세인듯 하다. 그 이유로는 1. 단순한 사용방법 2. React를 만든 Facebook에서 직접 만든 것이라 호환성이 다른 상태관리 라이브러리보다 좋다 정도로 파악했다. Redux를 사용해본 사람들은 어느정도 느꼇겠지만 초반에 적용하기위한 공부와 경험이 꽤나 필요하고, 사용하는 방법이 꽤나 까다롭다. 그.. 2023. 2. 14. Maven Gradle 차이 Maven 아파치 소프트웨어 재단에서 개발하는 Java 기반 프로젝트의 라이프사이클 관리를 위한 빌드 도구. 이에 따라 컴파일과 빌드를 동시에 수행, 테스트를 병행하거나 서버 측 Deploy 자원을 관리할 수 있는 환경을 제공한다. 또한 라이브러리 관리 기능도 내포하고 있다. Java로 개발하다 보면 다양한 라이브러리를 필요로 하게 되는데, settings.xml 또는 pom.xml 파일에 필요한 라이브러리만 적으면 Maven이 알아서 다운받고 설치해주고 경로까지 지정해준다. 장점 컴파일과 빌드를 동시에 수행할 수 있다. 서버의 Deploy 자원을 관리할 수 있는 환경을 제공한다. pom.xml 파일을 통해 관리하므로 개발, 유지보수 측면에서 오픈소스 라이브러리, 프로젝트 등 관리가 용이하다. IDE에 .. 2022. 11. 14. 운영중인 서버에 JAVA버전 다른 Tomcat 설정 기존 JAVA5 버전으로 사용중인 서버에 신규 서비스를 올려야 하는 상황에서 톰캣을 다른 JAVA 버전으로 올리기 위한 작업 내용 입니다. ■ JAVA 설치 JAVA8 버전 설치 설치 경로 : /usr/java8 ■ 톰캣 설치 톰캣 다운로드 https://tomcat.apache.org/download-80.cgi apache-tomcat-8.5.81.tar.gz 압축해제 명령어 실행 gzip –d apache-tomcat-8.5.81.tar.gz tar xvf apache-tomcat-8.5.81.tar ■ 톰캣 설정 1. JAVA 경로 수동지정(기존 운영 서버 JAVA_HOME 버전과 상이함으로 별도 지정 필요) /usr/local/lib/apache-tomcat-8.5.81/bin/setclassp.. 2022. 8. 8. 이전 1 2 다음 반응형
