[스프링 입문] 5 - (1) 홈 화면 추가
[회원 웹 기능]
1. HomeController 클래스 만들기
src - main - java - hello.hellospring - controller 우클릭 → New - Java Class 클릭 → HomeController
입력 → 강의자료 코드 붙여넣기
☞ @Controller : controller 사용시
무조건 해주기
☞ @GetMapping("/") : localhost:8080/ 때
아래 메서드 호출
☞ return "home" : home.html 호출
2. home.html 만들기
src - main - resource - templates 우클릭 → New - HTML File 클릭 → home.html 입력 → 강의자료 코드 넣기
☞ <head> ~ </head>: 문서정보
☞ <body> ~ </body>: 출력되는 부분
☞ <div> ~ </div> : body 문서 안에서 각 영역의 세션을 구분
☞ <h1> ~ </h1> : 제목 정의
☞ <p> ~ </p>: 하나의 문단
☞ <a> ~ </a> : 하이퍼링크 걸어주는 태그
☞ href : 클릭 시 이동할 url
회원 가입은 localhost:8080/member/new 로
회원 목록은 localhost:8080/member 로
3. 검색해보기
잠깐, 의문점
맨처음 localhost:8080을 검색했을 때 아래와 같이 떴는데 이 페이지는 그럼 어디로 간걸까
: 이는 Controller부터 찾는 우선순위 때문인데 HomeController에서의 Mapping에서 "/" 이 검색한 주소와
일치하므로 바로 return 값을 실행해준 것이다
그래서 index.html보다 home.html이 더 우선순위이다
이전 과정 |
현재 과정 |
localhost:8080/ 실행 ↓ 내장 톰켓 서버 입력 받음 ↓ Controller에서 mapping 된 것 있는지 찾는다 ↓ 없으니까 내부 resources - static 에서 찾는다 ↓ 찾았으니 index.html 웹 화면에 출력 |
localhost:8080/ 실행 ↓ 내장 톰켓 서버 입력 받음 ↓ Controller에서 mapping 된 것 있는지 찾는다 ↓ 바로 찾았으니 home.html 웹 화면에 출력 |
[출처] 김영한 강사님 인프런 스프링 입문
[무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의
스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세
www.inflearn.com