HTML

이제 회원 웹 기능 중 조회할 수 있는 기능을 만들어보자. 홈 화면에서 회원 목록 버튼을 누르면 "/members" URL 로 넘어가게 해주었고, 이 URL로 넘어가면 지금까지 등록한 회원들을 창에 띄워줘야 한다. 전에 만들어주었던 MemberController 클래스에 위와 같은 코드를 작성해준다. 먼저 MeberService 클래스의 findMembers 메소드를 활용하여 members에 현재 store에 담겨있는 Member 객체들을 배열의 형태로 저장해준다. 그 이후 Model에 Member 객체 배열을 담아서 members 폴더에 있는 memberList.html 파일을 띄워주게 하는 코드이다. 위와 같이 main -> resources -> templates -> members 로 가서 mem..

이제 회원 웹 기능 중 등록할 수 있는 기능을 만들어보자. 전에 만들어주었던 MemberController 클래스에 위와 같은 코드를 추가해주자. 전에 만든 home.html 에서 회원 가입을 클릭하면 /members/new 로 이동하므로 @GetMapping 을 이용하여 이 URL 로 이동 할 수 있게 해준다. 이동하면 members 폴더에 있는 createMemberForm 이라는 html을 띄워주도록 하였다. 위와 같이 main -> java -> resources -> templates 에 members 라는 디렉토리를 하나 만들어준 후, 이 안에 createMemberForm.html을 만들어준다. createMemberForm.html 파일에 위와 같은 html 코드를 적어준다. 서버를 실행시..

이제 정적 컨텐츠를 한번 만들어보자. 정적 컨텐츠는 변화가 없는 데이터로 어떤 접속자에게든 동일한 모습을 반환한다. 서버가 html 파일 그대로를 내려주는 것을 예로 들 수 있다. main -> resources -> static 에 가서 hello-static.html 파일을 하나 만들어주자. 그 후 hello-static.html 파일에 위와 같은 코드를 작성해주자. 다 작성하였으면 서버를 실행시키고 localhost:8080/hello-static.html 으로 들어가면 위와 같은 화면이 뜨는 것을 확인할 수 있다. 위의 그림을 통해 정적 컨텐츠가 화면에 띄워지는 과정을 한번 알아보자. 먼저 웹 브라우저에서 localhost:8080/hello-static.html 을 입력하면 내장되어있는 톰캣 서..