![]()
초기 전체 코드import React, { useState } from "react";import SelectBox from "../SelectBox/SelectBox";import { getIncomeCategories, getSpendingCategories } from "../../Api/api.categories";export default function AccountTable({ categories }) { const [selectedCategory, setSelectedCategory] = useState(""); const [selectedSubCategory, setSelectedSubCategory] = useState(""); const [subCategories, s..
![]()
위 회원가입에서 필요한 주소를 입력하기 위해 주소 찾기 api를 끌어왔다.원래 행안부에서 제공하는 주소찾기를 사용하려 했으나다음이 더 간편하다는 말을 듣고 머리를 싸매던 중 옮기게 되었다... 공식 문서 사이트: https://postcode.map.daum.net/guide 1. react-daum-postcode 설치yarn add react-daum-postcode 위 명령어로 설치한 다음 원하는 컴포넌트에서 import하여 사용이 가능하다.import DaumPostCode from "react-daum-postcode"; 2. onComplete 메서드 사용onComplete 메서드는 값을 선택했을 때 발생하는 이벤트이다. 아래와 같은 정보를 받아볼 수 있다. 이 중에서 내가 필요한 건 표..
![]()
01. 오라클 spring: datasource: driver-class-name: net.sf.log4jdbc.sql.jdbcapi.DriverSpy url: jdbc:log4jdbc:oracle:thin:@오라클 클라우드 경로 username: 사용자 이름 password: 비밀번호 build.gradle에 의존성 주입 runtimeOnly 'com.oracle.database.jdbc:ojdbc8' implementation 'com.oracle.database.security:osdt_cert' implementation 'com.oracle.database.security:oraclepki' implementation 'com.o..
![]()
사이드 프로젝트를 시작했는데, 프론트 엔드는 리액트로 만들고 백엔드는 인텔리 제이를 이용한 스프링 부트로 설정했다.따라서 프론트와 백이 완전히 분리되어 두 개의 프로젝트가 되었다.이제 둘을 연동하는 작업을 해보자. Window서버: Spring Boot v3.2.4언어: Java 17빌드: GradleIDE: IntelliJ Community프론트: React, VS Code 1. 리액트 폴더 내의 package.json 파일 안에 아래 한 줄을 추가한다.내 포트 번호는 따로 바꾸지 않아 8080 그대로이다. 만약 다른 번호라면 바꾸도록 하자. "proxy": "http://localhost:8080", 2. Spring Boot 안에 테스트 컨트롤러 생성하기. @RestControllerpub..
