🖥️ 웹서버와 웹페이지 만들기 (Controller)

EthAnalog·2025년 8월 20일

Spring Boot

목록 보기

4/16

오늘 배운 핵심 3줄 요약

@Controller + @GetMapping으로 요청 URL마다 다른 데이터/페이지 전송 가능
@ResponseBody가 있으면 → 문자열/데이터 그대로 전송, 없으면 → html 파일 반환
정적 파일(html/css/js)은 resources/static/에 두면 자동 제공됨

✅ 어떤 기능을 만드는 것인가?

유저가 /, /about, /date 같은 경로로 요청하면 서버가 다른 데이터를 보내주는 기능
간단한 문자열, HTML 코드, 혹은 정적 HTML 파일을 전송

👉 왜 이걸 배워야 하지?

웹서버의 핵심은 “요청 → 응답” 구조
Spring Boot는 @Controller와 @GetMapping만 써도 URL 라우팅이 가능
이 패턴이 CRUD, 로그인, 게시판 같은 기능의 기본 뼈대가 됨

📚 개념 정리

개념	설명
`@Controller`	이 클래스가 웹 요청을 처리하는 역할을 한다는 선언
`@GetMapping("/경로")`	해당 URL 경로로 요청이 들어오면 함수를 실행
`@ResponseBody`	함수의 return 값을 데이터로 직접 응답
static 폴더	`resources/static`에 있는 html/css/js는 자동 서빙
View 반환	`@ResponseBody` 제거 + return에 html 파일명 쓰면 → 해당 파일 반환

⚙️ 구현 흐름 및 코드

📄 BasicController.java

package com.apple.shop;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class BasicController {

    // 메인 페이지 - 문자열 반환
    @GetMapping("/")
    @ResponseBody
    String hello() {
        return "안녕하쇼";
    }

    // 소개 페이지 - 문자열 반환
    @GetMapping("/about")
    @ResponseBody
    String about() {
        return "피싱사이트에요";
    }

    // 날짜 페이지 - 현재 시간 반환
    @GetMapping("/date")
    @ResponseBody
    String date() {
        return java.time.ZonedDateTime.now().toString();
    }
}

📄 resources/static/index.html

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>메인페이지</title>
</head>
<body>
    <h4>메인페이지인데요</h4>
</body>
</html>

📄 BasicController.java (html 반환)

@Controller
public class BasicController {

    @GetMapping("/")
    String hello() {
        return "index.html"; // static/index.html 반환
    }
}

📌 사용된 개념 요약

키워드	한 줄 요약
`@Controller`	웹 요청 담당 클래스 선언
`@GetMapping`	URL 라우팅 (GET 요청 처리)
`@ResponseBody`	return을 데이터 그대로 전송
static	정적 리소스(html/css/js) 보관 경로
ZonedDateTime.now()	현재 날짜/시간 가져오기