| 회원가입페이지 CRUD구현 | 아이디 중복 검사(Read) 아이디 입려후 focus out을 하면 AJAX POST로 DB조회 후 중복되는게 없으면 True 없으면 False를 반환 async : true = 비동기 (Asynchronous, 요청을 보낸 후 응답결과와는 상관없이 다음방식이 동작하는 방식) async : false = 동기 (Synchronous, 요청을 보낸 후 응답결과를 받아야지만 다음 동작이 이루어지는 방식) register.js // 아이디 중복확인 let idck=false; function overlap(){ if(user_id.value==''){ user_id.classList.remove('pass'); }else{ $.ajax({ type : 'GET', // 타입 ..
스프링 부트 프로젝트 안에서 타임리프로 프론트 개발을 진행 했었는데 html, css, js 변경시 일일이 재빌드 해주는 것이 불편하여 수정이 발생하면 자동으로 리로드 되며 새로고침 되는 기능. OS 는 MAC 이며 ide 는 인텔리제이 기준. 1) dependencies 추가 build.gradle dependencies { implementation 'org.springframework.boot:spring-boot-devtools' } 2) Run/Debug Configurations 에서 설정 편집 2-1) 상단에 Application 에서 Edit Configurations 를 클릭하여 “Run/Debug Configurations” 설정 창을 띄웁니다. 2-2) 좌측에서 Spring Boot ..
이제 본격적으로 CRUD를 위한 준비를 해보겠다 1.Header 생성 Header 클래스는 transaction_time (통신 시각) status (통신 상태 코드 OK, ERROR) description (세부 내용:: 통신이 발생한 서버 주체) 과 같은 공통 정보를 갖고 있고, 매 요청과 응답마다 정보를 넘겨야 하므로 Header라는 클래스의 필드를 작성할 수 있다. 헤더는 요청과 응답을 감싸야 하므로 Header 클래스에는 UserApiRequest, UserApiResponse 클래스같은 요청,응답 타입만 들어온다. 이는 조금 더 확대해서 해석하자면 헤더는 어차피 요청과 응답에만 관여를 하는 데이터 객체이므로 2가지의 타입이 들어온다는 것이다. 그럼 우리는 타입 체크를 위해 제너릭이라는 선택지를..
Repository 리포지터리는 엔티티에 의해 생성된 데이터베이스 테이블에 접근하는 메서드들(예: findAll, save 등)을 사용하기 위한 인터페이스이다. 데이터 처리를 위해서는 테이블에 어떤 값을 넣거나 값을 조회하는 등의 CRUD(Create, Read, Update, Delete)가 필요하다. 이 때 이러한 CRUD를 어떻게 처리할지 정의하는 계층이 바로 리포지터리이다. 생성하는법 repository디렉터리에 클래스이름그대로쓰고 그 뒤에 Repository만 붙여서 Interface를 하나 생성해준다 그러면 이렇게 생성이된다 그리고 그뒤에 extends JpaRepository 이걸 붙여서 JpaRepository를 상속한다 이제 MoneyBoardRepository를 이용하여 MoneyBoa..
위 사진은 실제 프로젝트 디렉터리의 모습이다. 이번 포스팅에서는 저 model 디렉터리에 대해 탐구해보도록하겠다. | model 어플리케이션이 무엇을 할 것인지 정의하는 부분 즉, DB와 연동하여 사용자가 입력한 데이터나 사용자에게 출력할 데이터를 다룬다 model 디렉터리에는 config, entity, network, repository 이 4개의 디렉터리가 기본적으로 들어간다고 보면된다 config Auditable, BaseEntity 같은 설정 클래스를 넣어준다 entity 데이터베이스 테이블에 매핑되는 엔티티 클래스를 넣는다 network request,response,header 클래스를 넣는다 repository repostiory 인터페이스들을 넣는다 이제 생성 순서대로 자세히 설명해보겠..
