본문 바로가기
Spring/스프링 입문

[스프링 입문] 5 - (1) 홈 화면 추가

by Poorm 푸름 2023. 8. 5.

[회원 웹 기능]

 

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 웹 화면에 출력

 

 

 

[출처] 김영한 강사님 인프런 스프링 입문 

https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8

 

[무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의

스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세

www.inflearn.com