한바다

☑ 게시물 가져오기[리액트 코드 작성]function App() { const [title, setTitle] = useState(""); const [content,setContent] = useState(""); const [files, setFiles] = useState([]); const [posts, setPosts] = useState([]); const Java에업로드 = () => // Form 특정값을 가져와서 넘겨줄때 사용하는 객체 const formData = new FormData(); Array.from(files).forEach((file) => { formData.append("files",file); }); formData.append("title",title);..

✅ PropertySource 경로발생 오류[수정 전 코드]@PropertySource("classpath:/configs.properties")[수정 후 코드]해당어노테이션 경로에서 바라보고 있는 config설정 파일명이 mybatis-config.xml이기 때문에@PropertySource("classpath:/config.properties")로 올바른 경로를 지정해줘야 한다.✅ 경로에 . 누락 -hikari로 시작하는 모든정보 가져오기 구문 오류[수정 전 코드]@ConfigurationProperties(prefix="spring datasource.hikari")[수정 후 코드]@ConfigurationProperties(prefix="spring.datasource.hikari")▶ sprin..

☑️ 리액트-스프링부트-db 연결 오늘은 리액트 - 스프링부트 - mySQL을 "회원가입"으로 연결해보았다.◼️ mySql에 'NaverUsers' table 생성CREATE TABLE NaverUsers ( user_id INT AUTO_INCREMENT PRIMARY KEY, id VARCHAR(50) NOT NULL, email VARCHAR(100) NOT NULL UNIQUE, name VARCHAR(100) NOT NULL, password VARCHAR(255) NOT NULL, profile_image VARCHAR(255), created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP);◼️ 리액트 작성 화면이다.function..

☑️ APP.js 리액트 impot 주의 사항 import구문에서 끝단에 'CustomerWrite'파일에 1번 제목과 2번 제목이 똑같아야 한다그리고 path="" 에 쓰인 제목은 NavBar.js에서 에서 같아야 한다 🔸 괄호에 따른 return 사용 유무const 기능 = () => { return 리턴값; //return 구문이 필수가 아니고, 작성할수 있다는 의미}const 기능 = () => { //리턴 없음}괄호가 {} 시작되면 실행구문으로 return으로 다시 돌아오고괄호가 () 소괄호이면 돌아올 필요 없다!또한 map도 열리는 괄호가 { 일 경우 return으로 해주고 ( 일 경우는 return없이 진행한다[예시구문]{userList.map((item,index) => { retu..

🔴WebConfig 란?WebConfig 파일은 웹 구성에 대해 지정하는 내용이 담겨져 있는 설정파일로스프링 부트에서 WebMvcConfigurer 인터페이스를 구현하여 WebConfig 파일을 작성한다.@Configuration // 개발 설정public class WebConfig implements WebMvcConfigurer { // WebMvcConfigurer mapping을 재설정 @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") // http://localhost:3000/ 뒤에오는 모든 주소값 허용 .allowedOrigins("http://localhost:3000")..

☑️ 네이버 개발자 센터로 접속하여 Application 등록을 해준다https://developers.naver.com/main/ NAVER Developers네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음developers.naver.com: 약관 동의 - 계정정보등록 - 애플리케이션등록(API 이용신청)[로그인 오픈API 서비스 환경]환경추가 : PC웹 - 위 환경추가까지 완료 했다면 로고 이미지 등록 후 "네이버로그인검수요청"클릭 해준다- 검수요청 가기 클릭 : 검수요청가이드 확인 체크/ 제공 정보 활용처 확인에 첨부여부 체크- 추가 제출 서..