지원로그

redux는 자바스크립트 상태 관리 라이브러리로 리액트에서 가장 많이 사용된다. useState를 사용하여 상태를 관리할 경우 루트 컴포넌트에서 종속 컴포넌트로 props를 전달하게 된다. 이 방식은 컴포넌트의 구조가 간단하다면 문제가 발생하지 않는다. 하지만 프로젝트의 규모가 커지거나 복잡해져서 그 하위의 하위의 하위 컴포넌트로 state를 전달해야 한다면, props를 계속 내려줘야 하고 전달받은 props가 어느 컴포넌트에서 온 것인지 알기 힘들어진다. 심지어 해당 state가 필요 없는 컴포넌트에서도 하위 컴포넌트로 전달해주기 위해 props를 받는 상황이 발생할 수도 있다. 이러한 종속성을 탈피하기 위해 프로젝트 루트레벨에서 state를 관리해주는 것이 리덕스이다. store에 state를 저장..

JpaRepository 생성하기 Repository란? entity에 의해 생성된 db테이블에 접근하는 함수(ex: findAll, save 등)들을 사용하기 위한 인터페이스이다. CRUD를 어떻게 처리할지 정의하는 계층이다. PlaceRepository 인터페이스를 생성하는 코드는 다음과 같다. package com.goingto.back; import org.springframework.data.jpa.repository.JpaRepository; public interface PlaceRepository extends JpaRepository{ } 리포지터리로 만들기 위해 JpaRepository 인터페이스를 상속했다. 상속할 때는 제네릭스 타입으로 엔티티의 타입과 해당 엔티티의 PK 속성 타입을..

H2 데이터베이스 자바로 작성된 파일 기반의 RDBMS이다. 작은 크기와 빠른 속도를 특징으로 하며 주로 개발용이나 소규모 프로젝트에서 사용된다. 실제 운영시스템은 좀 더 굵직한 Oracle, MSSQL 등의 DB를 사용하는 것이 일반적인 개발 패턴이다. 사용방법 build.gradle 파일의 dependencies에 runtimeOnly 'com.h2database:h2' 를 추가해준다. src/main/resources/application.properties 파일을 다음과 같이 수정해준다. #DATABASE spring.h2.console.enabled=true spring.h2.console.path=/h2-console spring.datasource.url=jdbc:h2:~/local spri..

Context란? Context API를 사용하면 상위 컴포넌트에서 props로 상태와 함수를 전달받지 않고도 Context로 한 번에 원하는 값을 받을 수 있다. 따라서, 유지 보수성이 높고 사용자 정보와 같이 전역적으로 사용할 데이터가 있을 때 유용한 기능이다. Context 만들기 createContext 함수를 사용해서 Context를 만들어준다. 파라미터에는 기본 상태를 지정한다. 무조건 상태 값만 있어야 되는 건 아니고 actions에 정의한 것처럼 함수를 전달할 수도 있다. Consumer와 Provider 사용하기 Consumer를 사용하여 Context의 상태 값을 조회하고 Provider로 Context의 값을 변경할 수 있다. 이때 Provider에서는 Context의 값을 명시해줘야..