🚗 Backend Toy Project

[스프링부트 게시판] 13. 로그인, 회원가입 화면 만들기

이번 시간에는 로그인과 회원가입을 위한 화면을 구현해보도록 하겠습니다. 그 전에 먼저 로그인과 회원가입 화면 역시도 메인화면에 출력되는 태그와 Footer 부분을 포함하기 때문에 이러한 공통부문을 하나의 템플릿으로 담아서 효율적으로 관리할 수 있도록 수정하려고 합니다. 또한 이전시간에 미처 하지 못했던 작업이 있었는데, 바로 이렇게 하면 index.jsp 파일에는 몸통 부분만 남아있게 되었습니다. 이제 여기에 우리가 분리한 코드가 들어있는 파일을 include 하여 사용할 것인데, 그 방법은 다음과 같습니다. 이렇게 하면 공통된 코드를 가지고 있는 jsp 파일을 하나씩 관리하는 것이 아닌 템플릿 파일 하나만 관리함으로써 훨씬 효율적으로 작업할 수 있게 될 것입니다. 이제 본격적으로 로그인 화면과 회원가입..

[스프링부트 게시판] 12. 메인화면 만들기

이번 시간에는 본격적으로 블로그 시스템을 구현하기 전에 블로그의 전체적인 틀을 잡기 위해 메인화면을 간단하게 구현해보도록 하겠습니다. HTML이나 CSS를 사용하실 줄 아신다면 직접 코드를 작성하여 구현하셔도 상관 없지만 여기에서는 부트스트랩(Bootstrap)을 이용하여 간단하게 구현해보겠습니다. Bootstrap 4 Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schoo..

[스프링부트 게시판] 11. DELETE 테스트

이번 시간에는 DELETE 작업을 수행해보도록 하겠습니다. 우선 현재 데이터베이스의 상태는 다음과 같습니다. DELETE 수행을 위해 DummyControllerTest 클래스에 다음과 같이 함수를 추가해주었습니다. 이제 Postman을 통해 Delete 요청을 수행한 뒤, 결과를 확인합니다. 이번에는 예외가 발생했을 때 이를 처리해주는 페이지를 따로 만들어 사용자에게 출력해주는 작업을 수행해보려고 합니다. 우선 새로운 패키지를 생성하고 클래스를 추가하여 다음과 같이 구현해주었습니다. 이후 프로젝트를 실행하여 결과를 확인해보면 다음과 같이 다른 정보 없이 우리가 설정해놓은 구문만 출력되는 것을 확인할 수 있습니다. 📌 References https://www.youtube.com/watch?v=vOXgQ..

[스프링부트 게시판] 10. UPDATE 테스트

이번 시간에는 데이터를 전달받고 해당 데이터로 데이터베이스에 저장되어 있는 데이터를 변경하는 UPDATE 작업을 수행해보겠습니다. 우선 다음과 같이 함수를 구현해주었습니다. Update 작업을 수행할 것이므로 @PutMapping 어노테이션을 작성해주었습니다. 또한 Insert 작업을 수행할 때 사용했던 save 함수를 사용하고 있는데, save 함수는 경우에 따라 다음과 같이 동작합니다. id를 전달하지 않을 경우 Insert 수행 id를 전달할 경우 해당 id에 대한 데이터가 있다면 Update 수행 id를 전달할 경우 해당 id에 대한 데이터가 없다면 Insert 수행 즉, 위에서 id 값으로 이미 데이터베이스에 저장되어 있는 값을 전달받는다면 데이터베이스에서 해당 id 값을 갖고 있는 데이터의 값..