diff --git a/build.gradle b/build.gradle
index 57267157c..da136e045 100644
--- a/build.gradle
+++ b/build.gradle
@@ -14,6 +14,15 @@ repositories {
 
 dependencies {
     implementation 'org.springframework.boot:spring-boot-starter'
+    implementation 'org.springframework.boot:spring-boot-starter-web'
+    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
+    implementation 'org.springframework.boot:spring-boot-devtools'
+    implementation 'org.springframework.boot:spring-boot-starter-validation'
+    implementation 'org.springframework.boot:spring-boot-starter-jdbc'
+    runtimeOnly 'com.h2database:h2'
+    compileOnly 'org.projectlombok:lombok:1.18.30'
+    annotationProcessor 'org.projectlombok:lombok'
+
     testImplementation 'org.springframework.boot:spring-boot-starter-test'
     testImplementation 'io.rest-assured:rest-assured:5.3.1'
 }
diff --git a/src/main/java/roomescape/RoomescapeApplication.java b/src/main/java/roomescape/RoomescapeApplication.java
index 702706791..2ca0f743f 100644
--- a/src/main/java/roomescape/RoomescapeApplication.java
+++ b/src/main/java/roomescape/RoomescapeApplication.java
@@ -8,5 +8,4 @@ public class RoomescapeApplication {
     public static void main(String[] args) {
         SpringApplication.run(RoomescapeApplication.class, args);
     }
-
 }
diff --git a/src/main/java/roomescape/controller/ReservationController.java b/src/main/java/roomescape/controller/ReservationController.java
new file mode 100644
index 000000000..7127c3dd3
--- /dev/null
+++ b/src/main/java/roomescape/controller/ReservationController.java
@@ -0,0 +1,68 @@
+package roomescape.controller;
+
+import jakarta.validation.Valid;
+import java.net.URI;
+import java.util.List;
+import java.util.NoSuchElementException;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.MethodArgumentNotValidException;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.ResponseBody;
+import roomescape.entity.Reservation;
+import roomescape.service.ReservationService;
+
+@Controller
+public class ReservationController {
+
+  private final ReservationService reservationService;
+
+  @Autowired
+  ReservationController(final ReservationService reservationService) {
+    this.reservationService = reservationService;
+  }
+
+
+  @GetMapping("/")
+  public String home() {
+    return "home";
+  }
+
+  @GetMapping("/reservation")
+  public String reservation() {
+    return "new-reservation";
+  }
+
+  @GetMapping("/reservations")
+  @ResponseBody
+  public List<Reservation> getAllReservations() {
+    return reservationService.searchAllReservations();
+  }
+
+  @PostMapping("/reservations")
+  @ResponseBody
+  public ResponseEntity<Reservation> createReservation(@RequestBody @Valid Reservation reservation) {
+    Reservation response = reservationService.makeReservation(reservation);
+    URI location = URI.create("/reservations/" + response.getId());
+
+    return ResponseEntity.created(location).body(response);
+  }
+
+  @DeleteMapping("/reservations/{id}")
+  public ResponseEntity<Void> deleteReservation(@PathVariable("id") Long id) {
+    reservationService.cancelReservation(id);
+
+    return ResponseEntity.noContent().build();
+  }
+
+  @ExceptionHandler({NoSuchElementException.class, MethodArgumentNotValidException.class})
+  public ResponseEntity<Void> handleException(Exception e) {
+    return ResponseEntity.badRequest().build();
+  }
+}
diff --git a/src/main/java/roomescape/controller/TimeController.java b/src/main/java/roomescape/controller/TimeController.java
new file mode 100644
index 000000000..074bd9c74
--- /dev/null
+++ b/src/main/java/roomescape/controller/TimeController.java
@@ -0,0 +1,59 @@
+package roomescape.controller;
+
+import jakarta.validation.Valid;
+import java.net.URI;
+import java.util.List;
+import java.util.NoSuchElementException;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.MethodArgumentNotValidException;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.ResponseBody;
+import roomescape.entity.Time;
+import roomescape.service.TimeService;
+
+@Controller
+public class TimeController {
+
+  TimeService timeService;
+
+  @Autowired
+  TimeController(TimeService timeService) {
+    this.timeService = timeService;
+  }
+
+  @GetMapping("/times")
+  @ResponseBody
+  public ResponseEntity<List<Time>> getAllTimes() {
+    List<Time> body = timeService.searchAllTimes();
+    return ResponseEntity.ok(body);
+  }
+
+  @PostMapping("/times")
+  @ResponseBody
+  public ResponseEntity<Time> createTime(@RequestBody @Valid Time request) {
+    Time response = timeService.setTime(request);
+    URI location = URI.create("/times/" + response.getId());
+
+    return ResponseEntity.created(location).body(response);
+  }
+
+  @DeleteMapping("/times/{timeId}")
+  @ResponseBody
+  public ResponseEntity<Void> deleteTime(@PathVariable Long timeId) {
+    timeService.removeTime(timeId);
+
+    return ResponseEntity.noContent().build();
+  }
+
+  @ExceptionHandler({NoSuchElementException.class, MethodArgumentNotValidException.class})
+  public ResponseEntity<Void> handleException(Exception e) {
+    return ResponseEntity.badRequest().build();
+  }
+}
diff --git a/src/main/java/roomescape/entity/Reservation.java b/src/main/java/roomescape/entity/Reservation.java
new file mode 100644
index 000000000..0b0b87a81
--- /dev/null
+++ b/src/main/java/roomescape/entity/Reservation.java
@@ -0,0 +1,19 @@
+package roomescape.entity;
+
+import lombok.AccessLevel;
+import lombok.AllArgsConstructor;
+import lombok.Getter;
+
+@AllArgsConstructor(access = AccessLevel.PRIVATE)
+@Getter
+public class Reservation {
+
+  private Long id;
+  private String name;
+  private String date;
+  private Time time;
+
+  public static Reservation create(Long id, String name, String date, Time time) {
+    return new Reservation(id, name, date, time);
+  }
+}
diff --git a/src/main/java/roomescape/entity/Time.java b/src/main/java/roomescape/entity/Time.java
new file mode 100644
index 000000000..860860a17
--- /dev/null
+++ b/src/main/java/roomescape/entity/Time.java
@@ -0,0 +1,18 @@
+package roomescape.entity;
+
+import lombok.AccessLevel;
+import lombok.AllArgsConstructor;
+import lombok.Getter;
+
+@AllArgsConstructor(access = AccessLevel.PRIVATE)
+@Getter
+public class Time {
+
+  private Long id;
+
+  private String time;
+
+  public static Time create(Long id, String time) {
+    return new Time(id, time);
+  }
+}
diff --git a/src/main/java/roomescape/repository/ReservationRepository.java b/src/main/java/roomescape/repository/ReservationRepository.java
new file mode 100644
index 000000000..8b1c97044
--- /dev/null
+++ b/src/main/java/roomescape/repository/ReservationRepository.java
@@ -0,0 +1,73 @@
+package roomescape.repository;
+
+import java.sql.PreparedStatement;
+import java.util.List;
+import java.util.NoSuchElementException;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.RowMapper;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.jdbc.support.KeyHolder;
+import org.springframework.stereotype.Repository;
+import roomescape.entity.Reservation;
+import roomescape.entity.Time;
+
+@Repository
+public class ReservationRepository {
+
+  @Autowired
+  JdbcTemplate jdbcTemplate;
+
+  private final RowMapper<Reservation> rowMapper = (resultSet, rowNum) ->
+      Reservation.create(
+          resultSet.getLong("id"),
+          resultSet.getString("name"),
+          resultSet.getString("date"),
+          Time.create(
+              resultSet.getLong("time_id"),
+              resultSet.getString("time_value"))
+      );
+
+
+  public List<Reservation> findAll() {
+    String selectSql = """
+        SELECT
+            r.id as reservation_id,
+            r.name,
+            r.date,
+            t.id as time_id,
+            t.time as time_value
+        FROM reservation as r inner join time as t on r.time_id = t.id
+        """;
+    return jdbcTemplate.query(selectSql, rowMapper);
+  }
+
+  public Reservation create(Reservation reservation) {
+    KeyHolder keyHolder = new GeneratedKeyHolder();
+
+    String insertSql = "INSERT INTO reservation (name, date, time) VALUES (?, ?, ?)";
+    jdbcTemplate.update(connection -> {
+      PreparedStatement ps = connection.prepareStatement(insertSql, new String[]{"id"});
+      ps.setString(1, reservation.getName());
+      ps.setString(2, reservation.getDate());
+      ps.setString(3, String.valueOf(reservation.getTime().getId()));
+      return ps;
+    }, keyHolder);
+
+    Long generatedId = keyHolder.getKey().longValue();
+    return Reservation.create(
+        generatedId,
+        reservation.getName(),
+        reservation.getDate(),
+        reservation.getTime()
+    );
+  }
+
+  public void deleteById(Long id) {
+    int rowsAffected = jdbcTemplate.update("delete from reservation where id = ?", id);
+
+    if (rowsAffected == 0) {
+      throw new NoSuchElementException();
+    }
+  }
+}
diff --git a/src/main/java/roomescape/repository/TimeRepository.java b/src/main/java/roomescape/repository/TimeRepository.java
new file mode 100644
index 000000000..872f103f9
--- /dev/null
+++ b/src/main/java/roomescape/repository/TimeRepository.java
@@ -0,0 +1,55 @@
+package roomescape.repository;
+
+import java.sql.PreparedStatement;
+import java.util.List;
+import java.util.NoSuchElementException;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.RowMapper;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.jdbc.support.KeyHolder;
+import org.springframework.stereotype.Repository;
+import roomescape.entity.Time;
+
+@Repository
+public class TimeRepository {
+
+  private final JdbcTemplate jdbcTemplate;
+
+  @Autowired
+  TimeRepository(JdbcTemplate jdbcTemplate) {
+    this.jdbcTemplate = jdbcTemplate;
+  }
+
+  private final RowMapper<Time> rowMapper = (rs, rowNum) ->
+      Time.create(rs.getLong("id"), rs.getString("time"));
+
+
+  public List<Time> findAll() {
+    String selectSql = "select * from time";
+    return jdbcTemplate.query(selectSql, rowMapper);
+  }
+
+  public Time create(String time) {
+    KeyHolder keyHolder = new GeneratedKeyHolder();
+
+    String insertSql = "INSERT INTO time (time) VALUES (?)";
+    jdbcTemplate.update((connection) -> {
+      PreparedStatement ps = connection.prepareStatement(insertSql, new String[]{"id"});
+      ps.setString(1, time);
+      return ps;
+    }, keyHolder);
+
+    Long generatedId = keyHolder.getKey().longValue();
+    return Time.create(generatedId, time);
+  }
+
+  public void deleteById(Long id) {
+    String deleteSql = "DELETE FROM time WHERE id = ?";
+
+    int rowsAffected = jdbcTemplate.update(deleteSql, id);
+    if (rowsAffected == 0) {
+      throw new NoSuchElementException();
+    }
+  }
+}
diff --git a/src/main/java/roomescape/service/ReservationService.java b/src/main/java/roomescape/service/ReservationService.java
new file mode 100644
index 000000000..a35e33bf3
--- /dev/null
+++ b/src/main/java/roomescape/service/ReservationService.java
@@ -0,0 +1,27 @@
+package roomescape.service;
+
+import java.util.List;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import roomescape.entity.Reservation;
+import roomescape.repository.ReservationRepository;
+
+@Service
+public class ReservationService {
+
+  @Autowired
+  private ReservationRepository reservationRepository;
+
+
+  public List<Reservation> searchAllReservations() {
+    return reservationRepository.findAll();
+  }
+
+  public Reservation makeReservation(Reservation reservation) {
+    return reservationRepository.create(reservation);
+  }
+
+  public void cancelReservation(Long id) {
+    reservationRepository.deleteById(id);
+  }
+}
diff --git a/src/main/java/roomescape/service/TimeService.java b/src/main/java/roomescape/service/TimeService.java
new file mode 100644
index 000000000..02fd8f9ed
--- /dev/null
+++ b/src/main/java/roomescape/service/TimeService.java
@@ -0,0 +1,31 @@
+package roomescape.service;
+
+import java.util.List;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import roomescape.entity.Time;
+import roomescape.repository.TimeRepository;
+
+@Service
+public class TimeService {
+
+  TimeRepository timeRepository;
+
+  @Autowired
+  TimeService(TimeRepository timeRepository) {
+    this.timeRepository = timeRepository;
+  }
+
+
+  public List<Time> searchAllTimes() {
+    return timeRepository.findAll();
+  }
+
+  public Time setTime(Time time) {
+    return timeRepository.create(time.getTime());
+  }
+
+  public void removeTime(Long timeId) {
+    timeRepository.deleteById(timeId);
+  }
+}
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index e69de29bb..c55ceb151 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -0,0 +1,5 @@
+spring.h2.console.enabled=true
+spring.h2.console.path=/h2-console
+spring.datasource.url=jdbc:h2:mem:database;DATABASE_TO_UPPER=false
+spring.datasource.username=sa
+spring.sql.init.schema-locations=classpath:sql/schema.sql
\ No newline at end of file
diff --git a/src/main/resources/sql/schema.sql b/src/main/resources/sql/schema.sql
new file mode 100644
index 000000000..4ea1598ba
--- /dev/null
+++ b/src/main/resources/sql/schema.sql
@@ -0,0 +1,16 @@
+CREATE TABLE time
+(
+    id   BIGINT       NOT NULL AUTO_INCREMENT,
+    time VARCHAR(255) NOT NULL,
+    PRIMARY KEY (id)
+);
+
+CREATE TABLE reservation
+(
+    id   BIGINT       NOT NULL AUTO_INCREMENT,
+    name VARCHAR(255) NOT NULL,
+    date VARCHAR(255) NOT NULL,
+    time_id BIGINT,
+    PRIMARY KEY (id),
+    FOREIGN KEY (time_id) REFERENCES time(id)
+);
\ No newline at end of file
diff --git a/src/test/java/roomescape/MissionStepTest.java b/src/test/java/roomescape/MissionStepTest.java
index cf4efbe91..23442f6da 100644
--- a/src/test/java/roomescape/MissionStepTest.java
+++ b/src/test/java/roomescape/MissionStepTest.java
@@ -1,19 +1,245 @@
 package roomescape;
 
+import static org.assertj.core.api.Assertions.assertThat;
+import static org.hamcrest.Matchers.is;
+
 import io.restassured.RestAssured;
+import io.restassured.http.ContentType;
+import java.lang.reflect.Field;
+import java.sql.Connection;
+import java.sql.SQLException;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import org.junit.jupiter.api.DisplayName;
+import org.junit.jupiter.api.Nested;
 import org.junit.jupiter.api.Test;
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.jdbc.core.JdbcTemplate;
 import org.springframework.test.annotation.DirtiesContext;
+import roomescape.controller.ReservationController;
+import roomescape.entity.Reservation;
+import roomescape.entity.Time;
 
 @SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.DEFINED_PORT)
 @DirtiesContext(classMode = DirtiesContext.ClassMode.BEFORE_EACH_TEST_METHOD)
 public class MissionStepTest {
 
-    @Test
-    void 일단계() {
-        RestAssured.given().log().all()
+    @Nested
+    public class SpringMvcTest {
+
+        @Test
+        @DisplayName("1단계 홈 화면 불러오기")
+        void step1() {
+            RestAssured.given().log().all()
                 .when().get("/")
                 .then().log().all()
                 .statusCode(200);
+        }
+
+        @Test
+        @DisplayName("2단계 예약 목록 조회하기")
+        void step2() {
+            RestAssured.given().log().all()
+                .when().get("/reservation")
+                .then().log().all()
+                .statusCode(200);
+
+            RestAssured.given().log().all()
+                .when().get("/reservations")
+                .then().log().all()
+                .statusCode(200)
+                .body("size()", is(0)); // 아직 생성 요청이 없으니 Controller에서 임의로 넣어준 Reservation 갯수 만큼 검증하거나 0개임을 확인하세요.
+        }
+
+        @Test
+        @DisplayName("3단계 예약 목록 추가 및 삭제하기")
+        void step3() {
+            Map<String, String> params = new HashMap<>();
+            params.put("name", "브라운");
+            params.put("date", "2023-08-05");
+            params.put("time", "15:40");
+
+            RestAssured.given().log().all()
+                .contentType(ContentType.JSON)
+                .body(params)
+                .when().post("/reservations")
+                .then().log().all()
+                .statusCode(201)
+                .header("Location", "/reservations/1")
+                .body("id", is(1));
+
+            RestAssured.given().log().all()
+                .when().get("/reservations")
+                .then().log().all()
+                .statusCode(200)
+                .body("size()", is(1));
+
+            RestAssured.given().log().all()
+                .when().delete("/reservations/1")
+                .then().log().all()
+                .statusCode(204);
+
+            RestAssured.given().log().all()
+                .when().get("/reservations")
+                .then().log().all()
+                .statusCode(200)
+                .body("size()", is(0));
+        }
+
+        @Test
+        @DisplayName("4단계 예약 목록 추가 및 삭제시 예외처리")
+        void step4() {
+            Map<String, String> params = new HashMap<>();
+            params.put("name", "브라운");
+            params.put("date", "");
+            params.put("time", "");
+
+            // 필요한 인자가 없는 경우
+            RestAssured.given().log().all()
+                .contentType(ContentType.JSON)
+                .body(params)
+                .when().post("/reservations")
+                .then().log().all()
+                .statusCode(400);
+
+            // 삭제할 예약이 없는 경우
+            RestAssured.given().log().all()
+                .when().delete("/reservations/1")
+                .then().log().all()
+                .statusCode(400);
+        }
+    }
+
+
+
+    @Nested
+    public class SpringJdbcTest {
+
+        @Autowired
+        private JdbcTemplate jdbcTemplate;
+
+        @Test
+        @DisplayName("5단계 JdbcTemplate을 이용하여 h2 데이터베이스 연동하기")
+        void step5() {
+            try (Connection connection = jdbcTemplate.getDataSource().getConnection()) {
+                assertThat(connection).isNotNull();
+                assertThat(connection.getCatalog()).isEqualTo("database");
+                assertThat(connection.getMetaData().getTables(null, null, "reservation", null).next()).isTrue();
+            } catch (SQLException e) {
+                throw new RuntimeException(e);
+            }
+        }
+
+        @Test
+        @DisplayName("6단계 데이터베이스 조회하기")
+        void step6() {
+            jdbcTemplate.update("INSERT INTO reservation (name, date, time) VALUES (?, ?, ?)", "브라운", "2023-08-05", "15:40");
+
+            List<Reservation> reservations = RestAssured.given().log().all()
+                .when().get("/reservations")
+                .then().log().all()
+                .statusCode(200).extract()
+                .jsonPath().getList(".", Reservation.class);
+
+            Integer count = jdbcTemplate.queryForObject("SELECT count(1) from reservation", Integer.class);
+
+            assertThat(reservations.size()).isEqualTo(count);
+        }
+
+        @Test
+        @DisplayName("7단계 데이터베이스 추가 및 삭제하기")
+        void step7() {
+            Time time = Time.create(1L, "10:00");
+            Reservation reservation = Reservation.create(1L, "브라운", "2023-08-05", time);
+
+            RestAssured.given().log().all()
+                .contentType(ContentType.JSON)
+                .body(reservation)
+                .when().post("/reservations")
+                .then().log().all()
+                .statusCode(201)
+                .header("Location", "/reservations/1");
+
+            Integer count = jdbcTemplate.queryForObject("SELECT count(1) from reservation", Integer.class);
+            assertThat(count).isEqualTo(1);
+
+            RestAssured.given().log().all()
+                .when().delete("/reservations/1")
+                .then().log().all()
+                .statusCode(204);
+
+            Integer countAfterDelete = jdbcTemplate.queryForObject("SELECT count(1) from reservation", Integer.class);
+            assertThat(countAfterDelete).isEqualTo(0);
+        }
+    }
+
+    @Nested
+    public class SpringCoreTest {
+
+        @Autowired
+        private JdbcTemplate jdbcTemplate;
+
+        @Test
+        @DisplayName("8단계 시간 추가, 삭제 및 조회하기")
+        void step8() {
+            Map<String, String> params = new HashMap<>();
+            params.put("time", "10:00");
+
+            RestAssured.given().log().all()
+                .contentType(ContentType.JSON)
+                .body(params)
+                .when().post("/times")
+                .then().log().all()
+                .statusCode(201)
+                .header("Location", "/times/1");
+
+            RestAssured.given().log().all()
+                .when().get("/times")
+                .then().log().all()
+                .statusCode(200)
+                .body("size()", is(1));
+
+            RestAssured.given().log().all()
+                .when().delete("/times/1")
+                .then().log().all()
+                .statusCode(204);
+        }
+
+        @Test
+        @DisplayName("9단계 기존 방식의 예약 추가 실패")
+        void step9() {
+            Map<String, String> reservation = new HashMap<>();
+            reservation.put("name", "브라운");
+            reservation.put("date", "2023-08-05");
+            reservation.put("time", "10:00");
+
+            RestAssured.given().log().all()
+                .contentType(ContentType.JSON)
+                .body(reservation)
+                .when().post("/reservations")
+                .then().log().all()
+                .statusCode(400);
+        }
+
+        @Autowired
+        private ReservationController reservationController;
+
+        @Test
+        @DisplayName("10단계 계층화 리팩터링")
+        void step10() {
+            boolean isJdbcTemplateInjected = false;
+
+            for (Field field : reservationController.getClass().getDeclaredFields()) {
+                if (field.getType().equals(JdbcTemplate.class)) {
+                    isJdbcTemplateInjected = true;
+                    break;
+                }
+            }
+
+            assertThat(isJdbcTemplateInjected).isFalse();
+        }
+
     }
 }