지난 글에서 올렸던 galleryService 중 업로드되는 파일의 저장경로와 파일명 지정하는 부분을 자세히 살펴보겠습니다. 먼저 application.properties에 업로드된 파일을 저장하는 경로를 지정해주었구요.중간에 폴더 이름에 한글이 있으면 깨지는 현상이 나타나길래 전부 영어로 설정해주었습니다. 그 후, galleryService에서 @Value 어노테이션을 사용하여 part.upload.path 속성의 값을 가져와서 uploadPath 변수에 할당합니다. 업로드할 파일들을 저장할 위치를 지정하는 속성 값을 가져오는 것 입니다. // 업로드 할 위치 @Value("${part.upload.path}") private String uploadPath; @Service@Log4j2pub..
[ 화면 UI ]먼저 다른 페이지들처럼 React의 pases 폴더 안에 CreateGallery.js 라는 이름의 파일을 생성해주고 App.js에서 라우터에 등록해주었습니다. 💡 useState 훅 사용 useState Hook을 사용하여 컴포넌트의 상태를 관리하고 useCookies Hook을 사용하여 accessToken 쿠키 값을 가져와 cookies 상태 변수를 관리하기 위해서import를 해줍니다.import { useState } from "react";import { useCookies } from "react-cookie"; accesstToken 쿠키 값을 가져오고,업로드 할 파일 목록을 관리하기 위해 files 상태 변수를 작성해줬습니다.초기 상태는 빈 배열로 설정됩니다. ..