CreateGallery.js [ 전체코드 ]더보기import React from "react";import { useState } from "react";import axios from "axios";import { useCookies } from "react-cookie";import Nav2 from "../components/Nav2";import DatePicker from "react-datepicker";import "react-datepicker/dist/react-datepicker.css";import '../css/CreateGallery.css'let CreateGallery = () => { let [cookies, setCookies, removeCookies] = useC..
지난 글에서 올렸던 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 상태 변수를 작성해줬습니다.초기 상태는 빈 배열로 설정됩니다. ..
너무 오랜만인듯...정처기 실기와 방통대 과제를 끝내고 돌아왔습니다.그동안 갠프젝을 안했던건 아닌데 상대적으로 투자할 시간이 확 줄어서ㅠㅠ이제 정처기가 끝났으니 그동안 못했던 기록들을 천천히 기록해보겠습니다. JWT를 이용하는 방식을 다시 한 번 정리하자면(1) 유저가 로그인할 때 (2) 서버가 인증 정보를 보내주는데, 암호화나 시그니처 추가가 가능한 데이터 패키지안에 인증 정보(accessToken과 refreshToken)를 담아 보내줍니다.(3) accessToken과 refreshToken이 이후 유저 인증에 사용되는데 (4) 이 정보를 클라이언트에 저장해둡니다. (5) 이 accessToken을 유저에게만 보여줄 수 있는 정보에 접근할 때 서버에 보내면 (6) 서버는 그 토큰이 유효한지 확인하..
💡 운영체제 개념 운영체제 (OS ; Operating System) 컴퓨터 시스템의 자원들을 효율적으로 관리하며, 사용자가 컴퓨터를 편리하고 효과적으로 사용할 수 있도록 환경을 제공하는 여러 프로그램의 모임 다중 사용자와 다중 응용 프로그램 환경 하에서 자원의 현재 상태를 파악하고, 자원 분배를 위한 스케줄링 담당 CPU, 메모리 공간, 기억장치, I/O 장치 등 자원 관리 I/O 장치, 사용자 프로그램 제어 운영체제의 목적 (1) 처리 능력 (Throughput) : 일정 시간 내에 시스템이 처리하는 일의 양 (2) 반환 시간 (Turn Around Time) : 시스템에 작업 의뢰한 시간 ~ 처리 완료 시간 (3) 사용 가능도 (Availability) : 시스템 사용할 필요가 있을 때, 즉시 사용..