[Spring Boot 쇼핑몰] 부트스트랩 - Main Page 구현

쇼핑몰을 구현하기 위해서는 View, 즉 보여주는 화면이 필요하다.

나는 백엔드를 공부하고 있으므로 프론트엔드는 부트스트랩을 이용하여 구현하도록 하겠다.

부트스트랩이란 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이며, 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다.

다음 링크를 통해 받아와서 사용해보았다.
https://startbootstrap.com/template/shop-homepage

파일의 압축을 풀게되면 index.html 파일과 assets, css, js 파일이 있는데

다음과 같이 구성하여 사용 할수 있게 되었다.

ShopController.java

@Controller
public class ShopController {
 
    // 메인페이지 ( 비로그인 유저 )
    @GetMapping("/")
    public String home(){
        return "/none/main";
    }

    // 메인페이지 ( 로그인 유저 )
    @GetMapping("/main")
    public String main(){
        return "/user/main";
    }


}

• 쇼핑몰의 페이지를 관리하는 ShopController를 생성한다,

• 메인페이지는 비로그인유저와 로그인유저를 구분하여 보여주도록 하였다.

• 추후에 Item 목록을 보여주도록 구현할 것이다.

다음과 같이 화면이 나온다면 성공이다!