Springboot-React(21)
-
네이버 로그인 3
AuthContext.js로그인한 멤버의 정보를 저장하는 context 새로고침을 하더라도 로그인한 정보가 풀리지 않음import { createContext } from "react";const AuthContext = createContext({ loginMember : null, // 로그인한 멤버 정보를 저장할 변수 setLoginMember : () => {} //로그인한 멤버 정보를 업데이트할 변수 //setLoginMember -> loginMember로 전달})export default AuthContext; AuthProvider.jsAuthContext에 저장된 값을 Provider가 감싸고 있는 모든 js에 저장된 값이 적용될 수 있도록 감싸는 jsimport Reac..
2024.08.13 -
프로필 사진 올리기 2
Profile.jsimport React, { useEffect, useState } from "react";import axios from "axios";import '../css/Profile.css';const Profile = () => { const uploadAPI = "http://localhost:9015/profile/upload"; const watchingAPI = "http://localhost:9015/profile/watching"; const [files, setFiles] = useState([]); const [username, setUsername] = useState(''); const [profile, setProfile] = useState..
2024.08.09 -
프로필 사진 올리기 1
ProfileServiceImplpackage com.kh.service;import java.io.File;import java.util.List;import java.util.UUID;import java.util.stream.Collector;import java.util.stream.Collectors;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.beans.factory.annotation.Value;import org.springframework.stereotype.Service;import org.springframework.web.multipart.MultipartFile;imp..
2024.08.09 -
이미지 여러개 올리기 2
App.jsimport React, { useEffect, useState } from 'react';import axios from 'axios';import './App.css';function App() { const [title, setTitle] = useState(''); const [content, setContent] = useState(''); const [files, setFiles] = useState([]); const [posts, setPosts] = useState([]); const imageUploadToJava = () => { // Form : 특정 값을 가져와서 넘겨줄 때 사용하는 객체 const formData = new FormData()..
2024.08.06 -
이미지 여러개 올리기 1
mysql CREATE TABLE IF NOT EXISTS posts ( id INT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255) NOT NULL, content VARCHAR(255) NOT NULL, image_url VARCHAR(255), created_at DATETIME DEFAULT CURRENT_TIMESTAMP); Post-Mapper.xml select * from posts insert into posts (title, content, image_url) values (#{title}, #{content}, #{imageUrl}) PostService + PostServiceImpl//PostServi..
2024.08.06 -
네이버 로그인 2
스프링 부트쪽 작성 application.propertiesserver.port=9011#com.kh로 시작하는 패키지에 문제가 생기면 볼 수 있도록 확인하는 코드logging.level.com.kh=debugserver.servlet.session.tracking-modes=cookie#코드의 수정이 있을 때 자동으로 새로고침spring.devtools.livereload.enabled=true#코드의 변경이 있을 때 자동으로 다시 시작. mapper.xml 수정 해도 새로고침 하지 않고 바로 적용spring.devtools.restart.enabled=true#자동 캐시 지우기spring.thymeleaf.cache=false#네이버 로그인을 위한 키 작성하기naver.client-id = 클라이언트..
2024.07.30