전체 글129 6. 스프링부트로 게시판 만들기 - 유저 정보 관리 페이지 작성하기 유저 정보 관리 페이지 작성하기 이제는 회원가입한 유저들의 정보를 관리하는 페이지를 만들어보려고 한다. UserService 패키지를 만들어서 안에 클래스를 만들었다. 그리고 UserRepository를 사용하여 안에 있는 findAll 메소드를 이용해서 유저 정보를 탐색하도록 만들었다. 그리고 아래와 같이 코드를 작성한다. 위의 코드는 model 값을 index페이지로 넘겨준다는 뜻이다. 그러면 index페이지는 UserController에서 넘겨준 값을 품고 있다. 그럼 index.html로 가서 Thymeleaf를 사용해서 값을 나타내보겠다. 아래와 같이 코드를 작성하고 실행해본다. 그러면 일전에 작성했던 테스트 코드와 같이 DB에 있는 내용이 페이지에 뜨는 것을 확인할 수 있다. 2022. 4. 17. 5. 스프링부트로 게시판만들기 - 회원가입 기능 만들기 4. 회원가입 기능 만들기 우선은 Controller에서 ApiController를 만들어준다. 그리고 코드를 아래와 같이 작성한다. 이 코드는 save함수가 호출 됐을때 정상적으로 작동하는지 응답을 주기위한 코드이다. 그리고 아래와 같이 js 파일에 가서 코드를 작성해준다 해당 코드는 회원가입 버튼을 클릭했을때 Post요청을 보내는 코드이다. 우선은 주석처리하고 값이 정상적으로 올라오는지 확인해보겠다. 주석 처리를 하고 값을 입력한 뒤 회원가입 버튼을 눌러본다. 값은 이렇게 입력했다. 그렇다면 콘솔에서 값이 올라오는지 보면 이렇게 값이 올라오는 것을 볼 수 있다. 그렇다면 이제 주석 처리를 해제하고 다시 값을 입력해보면 다음과 같이 뜬다. 즉 정상적으로 작동하는 것을 알 수 있다. 그리고 패키지에서 U.. 2022. 4. 17. 4. 스프링부트로 게시판 만들기 - Thymeleaf로 공통 부분 나누기 #3. Thymeleaf로 화면 분할하기 및 로그인 ,회원가입 화면 만들기 JSP로 게시판을 만들때 화면분할을 했었다. Thymeleaf 역시도 동일한 기능을 가지고 있어서 이번에는 타임리프로 화면분할을 해보려고 한다. 우선은 알아야할 것이 있다. 첫번째로는 head에 xmlns 네임스페이스를 thymeleaf로 작성해줘야 한다. 형광펜으로 칠해준 부분을 보면 xmlns에 타임리프 주소가 들어가있고 밑에 보면 th:fragment 라고 적혀있다. 이것은 이 부분을 떼어낼 부분이라고 표시하는 것이다. 그러면 해당 부분이 까지 떼어낼 수 있게 된다. 쉽게 말해서 부품이라고 보면 될 것 같다. 떼어낸 부분을 바꿔치기할 html로 가서 아래와 같이 바꿔준다. 그러면 떼어낸 부분이 바꿔치기한 부분에 들어가면서 코.. 2022. 4. 16. 3-2 스프링부트로 게시판 만들기 - Board 엔티티 생성하기 2. Board 엔티티 작성 아래와 같이 코드를 작성해준다. 단, Board엔티티는 User엔티티와 연관관계가 설정이 된다. 그 내용은 아래에서 설명하겠다. @Entity public class Board { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private int id; @Column(nullable = false,length = 64) private String title; @Lob private String content; @ColumnDefault("0") private int count; @CreationTimestamp private Timestamp createDate; @ManyToOne @JoinColumn(name = "u.. 2022. 4. 15. 이전 1 ··· 28 29 30 31 32 33 다음
