우당탕탕 초보 개발자

아주 전통적인 방법의 로그인 구현을 해보려고 한다.(시큐리티 로그인 전 파트) #1 사용자들이 회원가입한 데이터를 바탕으로 로그인을 한다 => 로그인(버튼)을 클릭하면 ID로 연결되어 작동하는 AJAX실행. 사용자들이 ID와 PASSWORD를 입력 후, 로그인 버튼을 누르면 AJAX가 실행되도록 설정해야 합니다. 로그인 폼에서 로그인버튼의 ID를 btn-login이라고 설정해뒀으니 이것을 활용해서 JS파일에서 AJAX가 실행되게 코드를 짜봅시다. let index = { init: function(){ // 회원가입 버튼 $("#btn-save").on("click",()=>{ this.save(); }); $("#btn-login").on("click",()=>{ this.login(); }); }, ..

Spring Boot에는 src/main/resources 파일 내부에 Static 폴더가 존재하고 이 폴더는 보통 Content를 두곤합니다. 보통 CSS/JS 파일을 위치하게 하고 /static을 통해서 웹에서 바로 접근이 가능합니다. 회원가입 버튼을 눌렀을 때 AJAX로 username, password, email의 value 값들이 이동하게 만들고 회원가입이 성공적으로 이뤄질 수 있게 /static 폴더 내부에 간단한 JS파일 작업을 시작합니다. #1 /static/js/user.js 회원가입 버튼(#btn-save)가 눌리면 작동하는 save function()을 만들고 username, password, email의 데이터를 Post 방식으로 전송한다. let index{ init: func..

우리 블로그의 홈화면과 로그인, 회원가입 페이지를 만들어보도록 하겠습니다. # 1 기본적으로 http://localhost:8080/blog 로 접속했을 때 우리의 home 화면을 보여줘야 하므로, 컨트롤러를 하나 생성하도록 하겠다. BoradController.java 클래스를 생성하고 return 값으로 "index"를 주면 yml의 설정때문에 /WEB-INF/views/index.jsp를 서칭하게 되므로 views 밑에 index.jsp를 만들어둔 후 index.jsp에 기본적인 세팅을 해주면 된다. 부트스트랩을 활용하여 적당한 템플릿을 가져와 줍니다. (footer와 header 파일은 따로 생성했습니다) BoardController.java @Controller public class Board..

앞선 포스팅에서 더미 데이터를 Select 해오고, Insert 해보는 작업을 해봤다. 오늘은 Update 작업을 해볼 건데 앞선 Select와 Insert의 구현 방식을 이해했다면 손쉽게 이해할 수 있을 것이다. # 1 첫 번째로 생각해야할 것은 바로 DB의 Update를 위해서는 PostMaping을 한다는 것! 그리고는 어떤 컬럼을 기준으로 Update문을 작성하고, 구현해야하는지. . . . 우리는 ID값을 기준으로 DB를 Update 할 것이다. 이제는 뭐 자동적으로 코드가 술술 나온다 ~ Update를 위한 PostMapping 주소를 입력하고, 매개변수로 @PathVariable을 사용해 id 값을 매칭시키고, @RequestBody 어노테이션을 사용해서 requestUser 라는 이름의 U..

# 1 Interface UserRepository 속에 내장되어 있는 findall() 메소드를 활용해서 List 배열에 담아 출력해보도록 하겠다. @GetMapping @GetMapping("/dummy/users/") public List list(){ return userRepository.findAll(); { # 1 - 1 (JSONView) Json 데이터를 Select 하기 전에 Json 데이터를 한눈에 보기 편하게 만들어주는 Chrome 확장 프로그램인 JSONView를 다운받으면 좋다! Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com # 2 JSONView 까지 다운이 완료되면 Select 된 데이터를..

# 1 com.cos.blog.test 패키지 속에 예제를 진행하게 될 DummyControllerTest 클래스를 만들고 어떤 페이지로 이동할 것이 아니라 데이터만 리턴받을 것이기 때문에 @RestController 어노테이션을 사용한다. 회원가입(insert) 예제를 할 것이기 때문에 @PostMapping으로 Post방식을 사용할 것이고, PostMan을 활용해서 몇개의 더미 데이터를 insert 해보고 결과를 살펴볼 것이다. package com.cos.blog.java; // 어떤 페이지로 이동하는 것이 아니라, 데이터를 리턴받을 것 이기때문에 @RestController 사용 @RestController public class DummyControllerTest{ // Http 메소드중 Pos..

Boot를 공부하니 Database와 연결하는 것이 Spring Lagacy Project 할 때보다, 훨씬 수월했다. src/main/resources 내부에 있는 properties 파일을 yml 파일로 변경 후 yml의 설정에 맞게 Spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://localhost:3306/blog?serverTimezone=Asia/Seoul username : root password : 1234 이렇게 설정해주면 MySQL과 연결은 끝 ! 이제 Boot 내에서 일정한 형식을 통해 MySQL문에 쿼리문 데이터를 보내 테이블을 생성할 수 있는데, 그것을 해보려고 한다! 일단 테이블을 ..

Download projectlombok.org lombok을 따로 다운받으실분은 위 링크로 들어가서 다운 받으시면 됩니다. Spring Boot 처음 dependency 설정 할 때 lombok 세팅을 해준적이 있다. 오늘은 lombok의 활용에 대해서 다뤄 볼 예정이다. org.projectlombok lombok true mac을 기준으로 lombok lib은 /Users/jeonmin-u/.m2/repository/org/projectlombok/lombok/1.18.12에 위치한다. .m2는 숨겨진 파일이므로 숨겨진 파일보기 설정후에 파일에 들어가면 됩니다. 폴더에 접속하여 1.18.12 jar 파일을 더블클릭하면 다음과 같이 jar 파일이 열리게 됩니다. 여기서 spectify location..