Project 댕린이집

📌 툴 변경 이유?지난 글에서 계속 java.lang.ClassNotFoundException: Cannot find implementation for com.example.demo.mapper.UserMapper 오류가 난다고 했었는데요. 구글링 하며 온갖 방법을 다 써봐도 (의존성 설정 순서도 중요하다고 해서 다 해봤는데도....ㅠㅠ) 해결이 되지 않았습니다.이클립스의 문제라고 하는 글들도 있어서 결국 선택한 해결 방법이 Tool을 바꾸는 것이었습니다. ( 해결이라고 해도 되나 싶네요. ) 그렇게 다들 인텔리제이 인텔리제이 할 때 학생용 이메일을 잊어버렸고, 유료로 쓰자니 취준생에겐 꽤 부담이 되어서 그간 흐린 눈 했었는데요.이번에 방통대 편입을 하면서 새로운 학생용 메일이 생겼습니다! 👍 htt..

📌 Entity와 DTO기본적인 개념에 대해 다시 한 번 복습해보겠습니다.Entity엔티티는 데이터베이스 테이블에 매핑되는 객체입니다.주로 데이터베이스의 상태를 나타내고 비즈니스 로직을 포함할 수 있습니다.보통 JPA(Java Persistence API)와 함께 사용되어 데이터베이스와 상호 작용합니다.데이터베이스의 구조를 반영하고, 데이터베이스 연산(CRUD)을 수행하는 데 사용됩니다.DTODTO는 데이터를 전송하기 위한 객체입니다.주로 클라이언트와 서버 간의 통신에서 사용됩니다.클라이언트로부터 받은 요청이나 서버에서 보내는 응답에 사용됩니다.엔티티와는 달리 비즈니스 로직을 포함하지 않으며, 주로 데이터 전송을 위한 필드를 갖습니다.  📌MapStruct자바 언어용 객체-객체 매핑 라이브러리입니다...

공부를 안한 게 아니고요...날마다 일어나는 새로운 오류에 정신을 못차리고 있습니다. 이제 회원관리 구현하는데 이게 무슨...ㅠㅠ아무튼 며칠 시달리다가 겨우 해결한 오류를 기록해보겠습니다. 일단 회원가입 기능을 구현하는데 react에서 axios를 사용해 POST 메서드로 요청을 보내면 계속 PropertyValueException 오류가 났습니다.   에러 메세지 org.hibernate.PropertyValueException: not-null property references a null or transient value : com.example.demo.entity.UserEntity.email 디버깅을 해보면 값이 안들어오고 죄다 null인 모습을 볼 수 있습니다..그 와중에 password는..

에러 메세지 Resolved [org.springframework.web.HttpMediaTypeNotSupportedException: Content-Type 'application/x-www-form-urlencoded;charset=UTF-8' is not supported]  회원가입 로직을 테스트하는 중에 해당 문제가 발생했습니다.클라이언트에서 POST 방식으로 요청을 보낼 수 있는 API를 만들어서 전달했는데, 요청 시 아래와 같은 Exception이 발생하는 이슈입니다.   원인 해당 코드에서는 객체를 JSON 형식으로 전송하려고 하는 반면, 요청의 콘텐츠 타입이 'application/x-www-form-urlencoded'로 설정되어 있는 것이 원인입니다. RestAPI의 경우 보통 JS..

ERD 최종_진짜최종_진짜진짜최종.jpg 같은 느낌....이렇게 간단한 ERD를 5번이나 수정하고 있습니다..! 오늘은 도대체 어떤 문제 때문에 ERD를 또 수정했는지 기록해보도록 할게요.    1️⃣ 문제스프링부트에 MySQL을 연결해 회원가입 기능을 테스트 하던 도중 다음과 같은 에러가 발생했습니다. 2️⃣ 오류메세지java.sql.SQLSyntaxErrorException: Unknown column 'ue1_0.user_id' in 'where clause'DB에 컬럼이 없어서 SQL 명령어 실행이 실패 했다는 내용입니다. 3️⃣ 원인아무리 DB를 보고 Entity를 봐도 분명 해당 컬럼들이 다 작성되어 있는데 도대체 왜 컬럼이 없다는 거지? 하고 한참을 헤매었습니다.원인은 간단했는데요!바로 Li..

API 서비스 (아이디 중복 확인 구현) 개발 후 테스트를 진행하던 중에 계속해서 403 오류가 났습니다. 이에 대한 해결 과정을 잊어버리기 전에 기록해봅니다. ⭕ build.gradle에서 Springboot version 3.2.1로 업그레이드 3.2.0의 고질적인 문제라고 하여 아래의 두 가지를 수정해주었습니다. build.gradle 파일에서 Springboot 버전 3.2.1 로 업그레이드 plugins { id 'java' // java 프로젝트로 설정 id 'org.springframework.boot' version '3.2.1' // 3.2.1 버전의 스프링 부트로 설정 id 'io.spring.dependency-management' version '1.1.4' // 스프링 부트의 의존..

Register.js 전체 코드 더보기 import React from "react"; import '../css/Register.css'; import Nav from "../components/Nav"; import { useState } from "react"; import axios from "axios"; let Register = () => { let [user,setUser] = useState({ userId : "", password : "", name : "", birth : "", email : "", phone : "", addr1 : "", addr2 : "" }); let dupIdCheck = () => { axios.post('http://localhost:8082/api/v..

오늘은 React로 로그인 UI 구현한 것을 기록하겠습니다. 회원가입 폼 대로 비슷하게 구현한 단순 UI이기 때문에 특별한 건 없네요..! 로그인 Login.js 컴포넌트 생성 pages 폴더 아래에 Login.js 컴포넌트 생성 css 폴더 아래에 Login.css 생성 import해주기 import React from "react"; import '../css/Login.css'; import Nav from "../components/Nav"; 로그인 폼 & 아이디, 비밀번호 입력할 input창 생성 class Login extends React.Component { render() { return ( 로그인 Login ) } } export default Login; 흔한 로그인 ui 이기 때문에..

시큐리티 공부+적용과 동시에 리액트로 각 페이지들 UI를 구현하려고 합니다. 회원관리 페이지들부터 구현해보겠습니다! 회원가입 Register.js 컴포넌트 생성 pages 폴더 아래에 Register.js 컴포넌트 생성 css 폴더 아래에 Register.css 생성 💻 Register.js 초기 코드 import React from "react"; import '../css/Register.css'; class Register extends React.Component { render() { return ( Register ) } } export default Register; 💻 Register.js 폼 작성 Register.js import React from "react"; import '../c..

1️⃣ API 명세서란? 백엔드 개발자가 설계한 API의 호출과 응답 관련 정보를 정리해 프론트 개발자에게 전달하는 문서입니다. 해당 문서를 바탕으로 프론트 개발자는 API의 사용 방법을 파악하고, 호출과 응답을 테스트하며, 서비스를 구현합니다. 2️⃣ API 명세서를 쓰는 이유? 백엔드는 API 문서가 있어야 기능을 정의하고 작업할 수 있고, 프론트엔드는 이를 바탕으로 백엔드에서 어떤 값이 올 지 알고 작업할 수 있습니다. 한 마디로 표준화된 API 명세서는 개발자 간의 협업을 촉진하고, 외부 개발자가 소프트웨어를 쉽게 이해하고 활용할 수 있게 합니다. 3️⃣ API 명세서 작성 도구 OpenAPI (Swagger), Postman, GitBook 등이 있습니다. 이러한 도구들은 가독성 높은 형식으로 ..