개발일기

useEffect를 사용할 경우, 메모리 누수가 발생하였다면서 다음과 같은 에러문구가 콘솔창에 나오는 것을 종종 확인할 수 있다. Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function 이 경우는 useEffect를 사용했을 때, cleanup function을 반환하지 않았기 때문에 발생하는 오류이다. 다음과 같이 cleanup function을 추가하면 에러가 사라지는 ..

Route exact와 Switch의 간단 정리 위의 소스코드를 바탕으로 경로를 / 로 이동할 경우 Main, Water, Juice 컴포넌트 3개가 전부 렌더링된다. Route는 경로가 부분적으로 일치하는 컴포넌트도 렌더링하는 특성을 가지고 있기 때문이다. 의도치 않은 렌더링을 위해 exact를 사용한다. / 경로로 이동할 경우 Main컴포넌트만, /water 경로로 이동할 경우 Water 컴포넌트만, /juice 경로로 이동할 경우 Juice 컴포넌트만 렌더링되게 된다. 즉, 경로가 완벽히 일치하는 컴포넌트만 렌더링 하게된다.

1. react-router-dom 설치 npm install react-router-dom yarn add react-router-dom React에서 route기능을 사용하려면 우선적으로 react-router-dom을 설치해야 한다. 2. import 부분 import { Route, Router, Switch, Link } from 'react-router-dom'; 라우트 기능을 사용할 때 많이 사용되는 4가지 모듈을 불러온다. Route path : 주소창의 경로를 지정한다. exact : 주소창의 경로와 완벽하게 일치할 때, 이 라우트의 컴포넌트를 보여준다는 의미한다. component : 보여줄 컴포넌트를 의미한다. Route 컴포넌트는 path옵션을 통해 주소창의 주소와 일치하는 컴포넌트..

React routet 설치법 npm install react-router-dom yarn add react-router-dom HashRouter 주소에 해쉬태그가 붙는다(#) -> index.html에서 index.html# 처럼 뒤에 붙는다. BrowserRouter와는 다르게 새로고침하여도 에러가 발생하지 않는다. 검색 엔진이 찾지를 못한다. 주로 정적인 페이지에서 사용된다. // HashRouter로 감싸주어 사용한다. BrowserRouter 태그를 통해 to 속성에 이동할 경로를 추가하여 이동시킨다 새로고침하면 경로를 찾지 못해 에러가 발생한다. HTML5 History API를 사용한다. 주로 동적인 페이지에서 사용된다. 메인 페이지 // BrowserRouter 감싸주어 사용한다. 두 라..

1. 공식 홈페이지 이용하기 https://go.dev/dl/ Downloads - The Go Programming Language Downloads After downloading a binary release suitable for your system, please follow the installation instructions. If you are building from source, follow the source installation instructions. See the release history for more information about Go releases go.dev Go 공식 홈페이지에서 OS에 따라 msi, pkg 파일을 다운하여 설치할 수 있다. 2. Choco 사용..

0. Pydantic Model이란? Pydantic Model을 통하여 클래스 모델에 속해있는 값들에 적합한 자료형을 코드에 선언하고 자료형을 검증하는 것을 도와준다. 선언한 자료형과 일치하는 않는 자료형을 가진 값이 대입되는 경우, 데이터 유효성 오류가 발생한다. ( Validation Error ) 1. Pydantic 설치 from pydantic import BaseModel # python코드 상단에 pydantic의 BaseModel을 import한다. Python 3.6버전 이상부터는 pydantic을 설치하지 않고 import만 하여도 사용가능하다. 그 이하 버전일 경우, pydantic을 pip을 통해 설치를 한 후, 사용할 수 있다. pip install pydantic 2. Pyda..

1. Redis 의존성 설치 pip3 install redis # 패키지 매니저 pip을 통해 redis관련 패키지 의존성 설치 pip을 통해 redis 의존성을 추가했다고 해서, OS에 레디스 서버가 설치되는 것과는 별개이다. AWS RDS와 같은 외부 서버에 설치되어 있는 레디스 서버에 접속하려는 경우에는 의존성 추가만으로도 충분하지만, 만약 로컬에 설치되어 있는 레디스 서버에 접속하려는 경우에는 추가적으로 레디스 서버의 설치가 필요하다. https://phsun102.tistory.com/51 CentOS에 Redis설치 ( wget 활용 ) 0. 기본 설정 다운로드 폴더를 생성 후, 해당 폴더로 이동 mkdir /downloads cd /downloads 1. Redis 파일 다운로드 Redis ..

필수 설치 요소 pip3 install sqlalchemy # ORM을 통하여 DB 쿼리문을 작성하기 위해 설치 pip3 install python-dotenv # DB관련 정보를 입력할 때, 환경변수를 통하여 내용을 입력하기 위해 dotenv 설치 폴더구조 └── app ├── __init__.py ├── apis │ ├── __init__.py │ └── test.py ├── core │ ├── __init__.py │ └── config.py ├── crud │ ├── __init__.py │ └── crud_test.py ├── db │ ├── __init__.py │ ├── connection.py │ ├── models │ │ ├── __init__.py │ │ └── test_model.py..