Spring - to do list 어플리케이션 만들어보기

.

이번 포스팅에서는 HTML을 화면에 리턴하는 메서드를 만들어볼 것이다.앞선 포스팅에서 정리한 @Controller, @RequestMapping, @ResponseBody를 이용해 간단한 실습만 진행할 것이다.앞선 포스팅에서는 String 자체를 리턴했다면, 이번에는

뷰로 특정 JSP 페이지로 리다이렉션해보자

request URL을 컨트롤러 코드로 가져오는 @RequestParam, 컨트롤러 <-> 뷰 로 양방향에서 데이터를 가져오는 Model과, Model scope VS Session Scope

GET request method를 사용하면, 내가 입력한 값이 쿼리파라미터의 일부로써 URL에 전부 보이기에, 웹사이트에 전송하는 모든 보안저보들은 안전하게 POST 메서드를 사용했다.앞서 만든 로그인 양식에서는 name과 password를 입력 후 submit을 누

이번 포스팅에서는 새로운 개념을 배우지 않는다. 다만, 배운 내용을 이용해 코드를 작성한 과정을 정리했다./login URL + POST 메서드를 사용하는 경우, @RequestParam을 통해 name, password을 받아오고, welcome.jsp에서 name,

이번 포스팅 또한 여태 배운 기능들을 응용할 뿐, 새롭게 배우는 개념은 없다. 다만, 코드 작성 과정을 정리했다.결론부터 말하자면, 이렇게 생긴 todo list 어플리케이션을 만들 것이다. 이번 포스팅에서는 Todo 리스트의 뼈대를 잡는 코드를 작성했다.id, use

이번 포스팅에서는 해당 3가지 개념의 scope를 비교해보고, 그 중 세션을 사용하는 방법인 @SessionAttributes 사용법에 대해 정리해보았다.

앞선 포스팅에서는 todo리스트 틀을 만들고, 세션값에 name을 추가해 아래와 같이 기본적인 틀만 만들었다. 이번 포스팅에서는 JSTL을 이용해, 어플리케이션의 외관을 깔끔하게 꾸미는 것에 집중할 것이다. /list-todos 페이지의 저 todos들을 적절한 HTM

webjars를 이용해 Bootstrap css를 springboot 프로젝트에 적용해보았다.

현재까지 만든 이 /list-todos 페이지에 버튼을 추가로 넣어서, 해당 버튼을 누르면 새로운 Todo 페이지("/add-todo")로 리다이렉션하게끔 만들 것이다.Bootstrap에서 버튼을 만들 때는 btn 클래스를 사용하며, 버튼을 클릭 가능하게 하려면 btn

이번 포스팅에서는 이전 포스팅에 이어, 사용자가 입력한 세부정보(description)을 Todo 리스트에 추가해, 화면에 보여지게 한 과정을 정리하겠다.새롭게 배우는 내용은 없고, 이미 배운 기능들로 기존의 코드들을 리팩토링하는 과정을 담았다.다음 사진과 같이, /a

input 태그의 required 속성은 폼 데이터(form data)가 서버로 제출되기 전, 반드시 채워져 있어야 할 입력 필드를 지정해준다. addTodo.jsp의 Description을 공백으로 제출하지 못하게 하기 위해 required 속성을 추가했다.Descr

이전 포스팅에서 스프링부트에서의 검증을 다음과 같은 총 4가지 단계에 대해 배웠다.pom.xml에 의존성 주입 추가2-way binding(양방향 바인등) 가능 (todo.jsp - TodoController.java끼리의 바인딩 가능)description field의

여태 만든 todo 기능은 add 기능밖에 없다. 그외의 추가기능으로 아래와 같이, delete 기능과 update 기능을 만들 것이다.현재 /list-todos 페이지 상황은 다음과 같다.그런데, update 버튼을 add todo처럼 listTodos.jsp의 hr

앞선 포스팅에서 todo delete 기능을 만들었다면, 이번 포스팅에서는 update 기능을 만들 것.update 버튼을 만들고, update 버튼을 누르면 업데이트된 todo 화면을 보여줘야 되고, 실제로 todo 리스트에 업데이트된 todo가 추가되어야 한다.up

/list-todos에서 보여지는 화면에서 add todo 버튼을 눌렀을 때, description뿐만 아니라 deadline도 따로 입력하고 싶다.&lt;form:label>은 Spring framework에서 HTML 요소를 생성하는데 사용된다. 이 요소는 웹 어

Todo 리스트 어플리케이션의 거의 모든 기능은 완성했다. 이제 이 어플리케이션의 외관을 개선하는 것에 집중하도록 하자.이번 포스팅에서는 상단의 메뉴, 즉 네이게이션 바를 추가하려고 한다. 또한 addTodo.jsp나 listTodos.jsp나 중복된 코드가 많은데,

로그인, 로그아웃 인증을 위한 프레임워크사용자가 그 어떠한 url에 접속해도, 제일 먼저 로그인 인증을 거친 후, welcome 뷰로 가게끔 설정해야 한다.아래 코드는 루트 url에 접속하면, 사용자를 무조건 welcome.jsp로 가게끔 설정했다.name을 minji

PasswordEncoder Bean 등록비밀번호 encoding 하는 법 (passwordEncoder.encode)결과{bcrypt}$2a$10$xO99cg0RupsQY4PNvdPJe.neRL7JSplM8t/NQUgBRGnOM19/FbstSPasswordEncode

intro 앞에서 이론을 배웠으니, 다시 프로젝트 내용으로 돌아오자. 현재까지 프로젝트는 user/매번 Spring Security가 생성해주는 비번 값 으로만 로그인이 가능하니, 사용자 지정 id와 password encoder 코드를 작성해보자. 정리할 것들 -

TodoService코드를 보면, 데이터베이스를 사용하지 않고, 3개의 임의의 값만 미리 저장해둔 것을 확인할 수 있었음하지만 이제는 H2 DB를 사용해 보자.1\. pom.xml - jpa, H2 DB 추가 콘솔창 실행시키면, 다음과 같은 H2 콘솔이 제공된 것을

JPA 개념 recap - TIL 링크\-> JPA를 한마디로 정리하자면, "JUST Map Entities TO Tables"\-> 해당 깃허브 흐름1번 DB와 클래스를 매핑지어 자동 연결해주는 @Entity 어노테이션 (자바 빈을 만들어줄 클래스에 붙여줌) 2

(re)1번. DB와 클래스를 매핑지어 자동 연결해주는 @Entity 어노테이션 (자바 빈을 만들어줄 클래스에 붙여줌)2번. 그럼, 연결한 데이터베이스 서버를, 이클립스의 자바 코드에서 관리해주고 사용해줘야 하니(ex, insert, delete, update 기능..

앞선 포스팅에서 Spring Data Jpa로 list 기능을 리팩토링했다면, 이제는 todo의 기타 기능들을 데이터베이스에 연결, 삭제, 업데이트, 추가하는 기능을 해보겠다!리팩토링의 목적은, Todo 객체에 값들은 전부 설정해주고, 해당 객체에서 값을 가져오는 코드

참고 및 출처이 시리즈는 Udemy 강의의 내용을 정리한 것입니다.https&#x3A;//www.udemy.com/course/spring-boot-and-spring-framework-korean/