ETC (9) 썸네일형 리스트형 [Error] Cannot update a component while rendering a different component 문제 상황React에서 Recoil을 사용해 전역으로 컴포넌트의 토글 기능을 구현하는 중 다음 에러가 발생했습니다. Warning: Cannot update a component (`ClockTool`) while rendering a different component (`MapToolbox`). 구글링 해본 결과 상태 업데이트가 동기적으로 수행되어 다른 컴포넌트 렌더링 중에 상태가 변경되었을 때 발생한다고 합니다. 이는 React의 렌더링 순서와 비동기 처리를 적절히 이해하고 관리해야 해결할 수 있는 문제였습니다. 해결 방법해결 방법은 컴포넌트 랜더링을 끝낸 후에 다른 컴포넌트를 업데이트하는 것입니다.대표적으로 useEffect를 사용한 해결 방법과 setTimeout을 활용한 해결방법이 있습니다... [Error] JDK 버전 안바뀌는 문제 개요 JDK 21 버전을 사용 중이었지만 JDK 17 버전으로 변경하고자 했습니다. 버전 변경 시도 (실패)1. 현재 버전 체크2. jdk 17 다운로드3. 환경변수 설정 4. 현재 버전 체크 해결 방법1. 우선 순위알아보니 다른 Path 경로에서 먼저 jdk 버전을 설정한 경우이후에 적용한 jdk 버전은 적용되지 않을 수 있다는 글을 봤다.그래서 Path 경로의 % JAVA_HOME% bin를 제일 위로 올려봤다.2. 현재 버전 체크 [IDE] 인텔리제이 깃 클론 (IntelliJ Git Clone) 개요인텔리제이에서 Repository를 깃 클론하는 방법입니다. 깃 클론 방법1. 주소 복사 2. File -> New -> Project from Version control 3. Repository URL -> URL 붙여 넣기 -> Clone 4. Git Clone 완료 [CSS / JS] CSS , JS 경로에 쿼리스트링을 사용하는 이유 개요웹사이트 유지보수를 하면서 한 번씩 css와 js파일을 불러올 때 경로 끝에 다음 사진과 같이 '? v=1.2'와 같은 쿼리스트링을 본 적이 있을 겁니다. 이 쿼리스트링이 왜 필요한지,그리고 어떻게 활용되는지 알아보겠습니다 요약우선 본론부터 말하면 캐시 관리를 위해서입니다.웹 브라우저는 성능 향상을 위해 파일을 로컬 캐시에 저장하는데, 이렇게 되면 웹사이트가 업데이트되어도 사용자가 최신 버전의 파일을 받지 못하는 경우가 생길 수 있습니다. 바로 그럴 때 사용자가 항상 최신의 스크립트나 스타일시트를 사용할 수 있도록 보장해 주는 게 바로 파일 경로에 주는 쿼리스트링입니다. 설명1. 캐시란 무엇인가?웹 브라우저는 웹사이트의 로딩 속도를 높이기 위해 이미 방문했던 페이지의 데이터를 로컬에 저장하는 방식을 .. 이전 1 2 3 다음 목록 더보기
