diff --git a/build.gradle b/build.gradle
index 57267157c..e4a27b7a9 100644
--- a/build.gradle
+++ b/build.gradle
@@ -16,6 +16,12 @@ dependencies {
     implementation 'org.springframework.boot:spring-boot-starter'
     testImplementation 'org.springframework.boot:spring-boot-starter-test'
     testImplementation 'io.rest-assured:rest-assured:5.3.1'
+
+    implementation 'org.springframework.boot:spring-boot-starter-web'
+    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
+
+    implementation 'org.springframework.boot:spring-boot-starter-jdbc'
+    runtimeOnly 'com.h2database:h2'
 }
 
 test {
diff --git a/src/main/java/roomescape/controller/HomeController.java b/src/main/java/roomescape/controller/HomeController.java
new file mode 100644
index 000000000..6efe2ab58
--- /dev/null
+++ b/src/main/java/roomescape/controller/HomeController.java
@@ -0,0 +1,14 @@
+package roomescape.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+@Controller
+public class HomeController {
+
+    @RequestMapping("/")
+    public String home() {
+        return "home";
+    }
+
+}
diff --git a/src/main/java/roomescape/controller/ReservationController.java b/src/main/java/roomescape/controller/ReservationController.java
new file mode 100644
index 000000000..a690a2c26
--- /dev/null
+++ b/src/main/java/roomescape/controller/ReservationController.java
@@ -0,0 +1,58 @@
+package roomescape.controller;
+
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.DeleteMapping;
+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.dto.ReservationRequestDto;
+import roomescape.dto.ReservationResponseDto;
+import roomescape.service.ReservationService;
+
+import java.net.URI;
+import java.util.List;
+
+@Controller
+public class ReservationController {
+
+    private final ReservationService reservationService;
+
+    public ReservationController(ReservationService reservationService) {
+        this.reservationService = reservationService;
+    }
+
+    // 홈화면
+    @GetMapping("/reservation")
+    public String reservationPage() {
+        return "new-reservation";
+    }
+
+    //예약 조회
+    @ResponseBody
+    @GetMapping("/reservations")
+    public ResponseEntity<List<ReservationResponseDto>> list() {
+        List<ReservationResponseDto> reservations = reservationService.getAllReservations();
+        return ResponseEntity.ok(reservations);
+    }
+
+    //예약 추가
+    @ResponseBody
+    @PostMapping("/reservations")
+    public ResponseEntity<ReservationResponseDto> create(@RequestBody ReservationRequestDto newReservationDto) {
+
+        ReservationResponseDto reservation = reservationService.createReservation(newReservationDto);
+
+        return ResponseEntity.created(URI.create("/reservations/" + reservation.getId()))
+                .body(reservation);
+    }
+
+    //예약 삭제
+    @DeleteMapping("/reservations/{id}")
+    public ResponseEntity<Void> delete(@PathVariable Long id) {
+        reservationService.deleteReservation(id);
+        return ResponseEntity.noContent().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..6f8dfbcc4
--- /dev/null
+++ b/src/main/java/roomescape/controller/TimeController.java
@@ -0,0 +1,52 @@
+package roomescape.controller;
+
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.DeleteMapping;
+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 roomescape.dto.TimeRequestDto;
+import roomescape.dto.TimeResponseDto;
+import roomescape.service.TimeService;
+
+import java.net.URI;
+import java.time.LocalDateTime;
+import java.util.List;
+
+@Controller
+public class TimeController {
+
+    private final TimeService timeService;
+
+    public TimeController(TimeService timeService) {
+        this.timeService = timeService;
+    }
+
+    // 홈화면
+    @GetMapping("/time")
+    public String reservationPage() {
+        return "time";
+    }
+
+    @PostMapping("/times") //시간 추가
+    public ResponseEntity<TimeResponseDto> createTime(@RequestBody TimeRequestDto requestDto){
+        TimeResponseDto newTime = timeService.createTime(requestDto);
+        URI location = URI.create("/times/" + newTime.getId());
+
+        return ResponseEntity.created(location)
+                .body(newTime);
+    }
+    @GetMapping("/times") //시간 조회
+    public ResponseEntity<List<TimeResponseDto>> findTimes(){
+        List<TimeResponseDto> timeList = timeService.findAllTimes();
+        return ResponseEntity.ok(timeList);
+    }
+
+    @DeleteMapping("/times/{id}") // 시간 삭제
+    public ResponseEntity<TimeResponseDto> deleteTime(@PathVariable Long id){
+        timeService.deleteTime(id);
+        return ResponseEntity.noContent().build();
+    }
+}
diff --git a/src/main/java/roomescape/dao/ReservationDao.java b/src/main/java/roomescape/dao/ReservationDao.java
new file mode 100644
index 000000000..6db61bf73
--- /dev/null
+++ b/src/main/java/roomescape/dao/ReservationDao.java
@@ -0,0 +1,54 @@
+package roomescape.dao;
+
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.stereotype.Repository;
+import roomescape.entity.Reservation;
+import roomescape.entity.Time;
+
+import java.util.List;
+
+@Repository
+public class ReservationDao {
+
+    private final JdbcTemplate jdbcTemplate;
+
+    public ReservationDao(JdbcTemplate jdbcTemplate) {
+        this.jdbcTemplate = jdbcTemplate;
+    }
+
+    public List<Reservation> findAll() {
+        String sql = """
+        SELECT r.id AS reservation_id, r.name, r.date, t.id AS time_id, t.time AS time_value
+        FROM reservation r
+        INNER JOIN time t ON r.time_id = t.id
+        """;
+
+        return jdbcTemplate.query(sql, (rs, rowNum) -> new Reservation(
+                rs.getLong("reservation_id"),
+                rs.getString("name"),
+                rs.getString("date"),
+                new Time(
+                        rs.getLong("time_id"),
+                        rs.getString("time_value")
+                )
+        ));
+    }
+
+
+    public Reservation insert(Reservation reservation) {
+
+        String sql = "INSERT INTO reservation(name, date, time_id) VALUES (?, ?, ?)";
+        jdbcTemplate.update(sql, reservation.getName(), reservation.getDate(), reservation.getTime().getId());
+
+        String query = "SELECT id FROM reservation ORDER BY id DESC LIMIT 1";
+        Long id = jdbcTemplate.queryForObject(query, Long.class);
+
+        return new Reservation(id, reservation.getName(), reservation.getDate(), reservation.getTime());
+    }
+
+    public void delete(Long id) {
+        String sql = "DELETE FROM reservation WHERE id = ?";
+        jdbcTemplate.update(sql, id);
+    }
+
+}
diff --git a/src/main/java/roomescape/dao/TimeDao.java b/src/main/java/roomescape/dao/TimeDao.java
new file mode 100644
index 000000000..a02cfaaa0
--- /dev/null
+++ b/src/main/java/roomescape/dao/TimeDao.java
@@ -0,0 +1,48 @@
+package roomescape.dao;
+
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.jdbc.support.KeyHolder;
+import org.springframework.stereotype.Repository;
+import roomescape.entity.Time;
+
+import java.sql.PreparedStatement;
+import java.sql.Statement;
+import java.util.List;
+
+@Repository
+public class TimeDao {
+    public final JdbcTemplate jdbcTemplate;
+
+    public TimeDao(JdbcTemplate jdbcTemplate) {
+        this.jdbcTemplate = jdbcTemplate;
+    }
+
+    public List<Time> findAll() {
+        String sql = "SELECT id, time FROM time";
+        return jdbcTemplate.query(sql, (rs, rowNum) -> new Time(
+                rs.getLong("id"),
+                rs.getString("time")
+        ));
+    }
+
+    public Time insert(Time time) {
+        String sql = "INSERT INTO time(time) VALUES (?)";
+        KeyHolder keyHolder = new GeneratedKeyHolder();
+
+        jdbcTemplate.update(connection -> {
+                    PreparedStatement ps = connection.prepareStatement(sql, Statement.RETURN_GENERATED_KEYS);
+                    ps.setString(1, time.getTime());
+                    return ps;
+                }, keyHolder);
+
+        Long id = keyHolder.getKey().longValue();
+
+        return new Time(id, time.getTime());
+    }
+
+    public void delete(Long id) {
+        String sql = "DELETE FROM time WHERE id = ?";
+        jdbcTemplate.update(sql, id);
+    }
+}
diff --git a/src/main/java/roomescape/dto/ReservationRequestDto.java b/src/main/java/roomescape/dto/ReservationRequestDto.java
new file mode 100644
index 000000000..ef81ac1fe
--- /dev/null
+++ b/src/main/java/roomescape/dto/ReservationRequestDto.java
@@ -0,0 +1,26 @@
+package roomescape.dto;
+
+public class ReservationRequestDto {
+    private String name;
+    private String date;
+    private String time;
+
+    public ReservationRequestDto(String name, String date, String time) {
+        this.name = name;
+        this.date = date;
+        this.time = time;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public String getDate() {
+        return date;
+    }
+
+    public String getTime() {
+        return time;
+    }
+
+}
diff --git a/src/main/java/roomescape/dto/ReservationResponseDto.java b/src/main/java/roomescape/dto/ReservationResponseDto.java
new file mode 100644
index 000000000..6274ff552
--- /dev/null
+++ b/src/main/java/roomescape/dto/ReservationResponseDto.java
@@ -0,0 +1,33 @@
+package roomescape.dto;
+
+import java.time.LocalTime;
+
+public class ReservationResponseDto {
+    private Long id;
+    private String name;
+    private String date;
+    private LocalTime time;
+
+    public ReservationResponseDto(Long id, String name, String date, LocalTime time) {
+        this.id = id;
+        this.name = name;
+        this.date = date;
+        this.time = time;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public String getDate() {
+        return date;
+    }
+
+    public LocalTime getTime() {
+        return time;
+    }
+}
diff --git a/src/main/java/roomescape/dto/TimeRequestDto.java b/src/main/java/roomescape/dto/TimeRequestDto.java
new file mode 100644
index 000000000..6b12012e6
--- /dev/null
+++ b/src/main/java/roomescape/dto/TimeRequestDto.java
@@ -0,0 +1,16 @@
+package roomescape.dto;
+
+public class TimeRequestDto {
+    private String time;
+
+    public TimeRequestDto() {}
+
+    public TimeRequestDto(String time) {
+        this.time = time;
+    }
+
+    public String getTime() {
+        return time;
+    }
+
+}
diff --git a/src/main/java/roomescape/dto/TimeResponseDto.java b/src/main/java/roomescape/dto/TimeResponseDto.java
new file mode 100644
index 000000000..07d839fde
--- /dev/null
+++ b/src/main/java/roomescape/dto/TimeResponseDto.java
@@ -0,0 +1,22 @@
+package roomescape.dto;
+
+import java.time.LocalTime;
+
+public class TimeResponseDto {
+
+    public Long id;
+    public String time;
+
+    public TimeResponseDto(Long id, LocalTime time) {
+        this.id = id;
+        this.time = time.toString();
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public String getTime() {
+        return time;
+    }
+}
diff --git a/src/main/java/roomescape/entity/Reservation.java b/src/main/java/roomescape/entity/Reservation.java
new file mode 100644
index 000000000..1d7db602f
--- /dev/null
+++ b/src/main/java/roomescape/entity/Reservation.java
@@ -0,0 +1,48 @@
+package roomescape.entity;
+
+import java.time.LocalTime;
+
+public class Reservation {
+    private Long id;
+    private String name;
+    private String date;
+    private roomescape.entity.Time time; // 명시적으로 roomescape.entity.Time을 사용
+
+    public Reservation(Long id, String name, String date, roomescape.entity.Time time) {
+        this.id = id;
+        this.name = name;
+        this.date = date;
+        this.time = time;
+    }
+
+    public Reservation(Long id, String name, String date, String time) {
+        this.id = id;
+        this.name = name;
+        this.date = date;
+        this.time = new roomescape.entity.Time(time); // 명시적으로 roomescape.entity.Time 생성자 호출
+    }
+
+    public Reservation(String name, String date, roomescape.entity.Time time) {
+        this(null, name, date, time);
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public String getDate() {
+        return date;
+    }
+
+    public roomescape.entity.Time getTime() { // 반환 타입에도 패키지 명시
+        return time;
+    }
+
+    public LocalTime getTimeAsLocalTime() {
+        return time.getTimeAsLocalTime();
+    }
+}
diff --git a/src/main/java/roomescape/entity/Time.java b/src/main/java/roomescape/entity/Time.java
new file mode 100644
index 000000000..b4227e617
--- /dev/null
+++ b/src/main/java/roomescape/entity/Time.java
@@ -0,0 +1,34 @@
+package roomescape.entity;
+
+import java.time.DateTimeException;
+import java.time.LocalTime;
+
+public class Time {
+    public Long id;
+    public String time;
+
+    public Time(Long id, String time) {
+        this.id = id;
+        this.time = time;
+    }
+
+    public Time(String time) {
+        this.time = time;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public String getTime() {
+        return time;
+    }
+
+    public LocalTime getTimeAsLocalTime(){ //string -> localtime
+        try {
+            return LocalTime.parse(time);
+        } catch (DateTimeException e) {
+        return LocalTime.parse(time + ":00"); // 초
+        }
+    }
+}
diff --git a/src/main/java/roomescape/exception/ExceptionHandler.java b/src/main/java/roomescape/exception/ExceptionHandler.java
new file mode 100644
index 000000000..8d83f2506
--- /dev/null
+++ b/src/main/java/roomescape/exception/ExceptionHandler.java
@@ -0,0 +1,19 @@
+package roomescape.exception;
+
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.RestControllerAdvice;
+
+@RestControllerAdvice
+public class ExceptionHandler {
+
+    @org.springframework.web.bind.annotation.ExceptionHandler(NotFoundReservationException.class)
+    public ResponseEntity<String> handleNotFoundReservationException(NotFoundReservationException ex) {
+        return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(ex.getMessage());
+    }
+
+    @org.springframework.web.bind.annotation.ExceptionHandler(InvalidValueException.class)
+    public ResponseEntity<String> handleInvalidReservationException(InvalidValueException ex) {
+        return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(ex.getMessage());
+    }
+}
diff --git a/src/main/java/roomescape/exception/InvalidValueException.java b/src/main/java/roomescape/exception/InvalidValueException.java
new file mode 100644
index 000000000..0fe7afbaa
--- /dev/null
+++ b/src/main/java/roomescape/exception/InvalidValueException.java
@@ -0,0 +1,8 @@
+package roomescape.exception;
+
+public class InvalidValueException extends RuntimeException {
+
+    public InvalidValueException(String message) {
+        super(message);
+    }
+}
diff --git a/src/main/java/roomescape/exception/NotFoundReservationException.java b/src/main/java/roomescape/exception/NotFoundReservationException.java
new file mode 100644
index 000000000..55990b696
--- /dev/null
+++ b/src/main/java/roomescape/exception/NotFoundReservationException.java
@@ -0,0 +1,7 @@
+package roomescape.exception;
+
+public class NotFoundReservationException extends RuntimeException {
+    public NotFoundReservationException(String message) {
+        super(message);
+    }
+}
diff --git a/src/main/java/roomescape/repository/ReservationRepository.java b/src/main/java/roomescape/repository/ReservationRepository.java
new file mode 100644
index 000000000..5b53b9a3d
--- /dev/null
+++ b/src/main/java/roomescape/repository/ReservationRepository.java
@@ -0,0 +1,30 @@
+package roomescape.repository;
+
+import org.springframework.stereotype.Repository;
+import roomescape.dao.ReservationDao;
+import roomescape.entity.Reservation;
+
+import java.util.List;
+
+@Repository
+public class ReservationRepository {
+
+    private final ReservationDao reservationDao;
+
+    public ReservationRepository(ReservationDao reservationDao) {
+        this.reservationDao = reservationDao;
+    }
+
+    public List<Reservation> findAll() {
+        return reservationDao.findAll();
+    }
+
+    public Reservation save(Reservation reservation) {
+        return reservationDao.insert(reservation);
+    }
+
+    public void delete(Long id) {
+        reservationDao.delete(id);
+    }
+}
+
diff --git a/src/main/java/roomescape/repository/TimeRepository.java b/src/main/java/roomescape/repository/TimeRepository.java
new file mode 100644
index 000000000..ea2d8fc1b
--- /dev/null
+++ b/src/main/java/roomescape/repository/TimeRepository.java
@@ -0,0 +1,29 @@
+package roomescape.repository;
+
+import org.springframework.stereotype.Repository;
+import roomescape.dao.TimeDao;
+import roomescape.entity.Time;
+
+import java.util.List;
+
+@Repository
+public class TimeRepository {
+
+    private final TimeDao timeDao;
+
+    public TimeRepository(TimeDao timeDao) {
+        this.timeDao = timeDao;
+    }
+
+    public List<Time> findAll() {
+        return timeDao.findAll();
+    }
+
+    public Time save(Time time) {
+        return timeDao.insert(time);
+    }
+
+    public void deleteById(Long id) {
+        timeDao.delete(id);
+    }
+}
diff --git a/src/main/java/roomescape/service/ReservationService.java b/src/main/java/roomescape/service/ReservationService.java
new file mode 100644
index 000000000..23841522b
--- /dev/null
+++ b/src/main/java/roomescape/service/ReservationService.java
@@ -0,0 +1,83 @@
+package roomescape.service;
+
+import org.springframework.stereotype.Service;
+import roomescape.dto.ReservationRequestDto;
+import roomescape.dto.ReservationResponseDto;
+import roomescape.entity.Reservation;
+import roomescape.entity.Time;
+import roomescape.repository.ReservationRepository;
+import roomescape.repository.TimeRepository;
+
+import java.time.DateTimeException;
+import java.util.List;
+import java.util.Optional;
+import java.util.stream.Collectors;
+
+@Service
+public class ReservationService {
+
+    private final ReservationRepository reservationRepository;
+    private final TimeRepository timeRepository;
+
+    public ReservationService(ReservationRepository reservationRepository, TimeRepository timeRepository) {
+        this.reservationRepository = reservationRepository;
+        this.timeRepository = timeRepository;
+    }
+
+    public List<ReservationResponseDto> getAllReservations(){
+        return reservationRepository.findAll()
+                .stream()
+                .map(this::toResponseDto)
+                .collect(Collectors.toList());
+    }
+
+    public ReservationResponseDto createReservation(ReservationRequestDto requestDto){
+
+        //System.out.println("RequestDto form: " + requestDto);
+        Long timeId = parseTimeId(requestDto.getTime());
+        Time time = findTimeById(timeId);
+
+        Reservation reservation = new Reservation(
+                requestDto.getName(),
+                requestDto.getDate(),
+                time
+        );
+        Reservation newReservation = reservationRepository.save(reservation);
+
+        return toResponseDto(newReservation);
+    }
+
+    public void deleteReservation(Long id){
+        reservationRepository.delete(id);
+    }
+
+    private ReservationResponseDto toResponseDto(Reservation reservation) {
+        return new ReservationResponseDto(
+                reservation.getId(),
+                reservation.getName(),
+                reservation.getDate(),
+                reservation.getTimeAsLocalTime()
+        );
+    }
+
+    private Long parseTimeId(String time) {  // String -> long
+        try {
+            return Long.parseLong(time);
+        } catch (DateTimeException e) {
+            throw new IllegalArgumentException("Invalid time id format: " + time);
+        }
+    }
+
+    private Time findTimeById(Long timeId) {
+        List<Time> times = timeRepository.findAll();
+        Optional<Time> time = times.stream()
+                .filter(t -> t.getId().equals(timeId))
+                .findFirst();
+
+        if (time.isEmpty()) {
+            throw new IllegalArgumentException("Invalid time id received: " + timeId);
+        }
+
+        return time.get();
+    }
+}
diff --git a/src/main/java/roomescape/service/TimeService.java b/src/main/java/roomescape/service/TimeService.java
new file mode 100644
index 000000000..30b47fd9a
--- /dev/null
+++ b/src/main/java/roomescape/service/TimeService.java
@@ -0,0 +1,46 @@
+package roomescape.service;
+
+import org.springframework.stereotype.Service;
+import roomescape.dto.TimeRequestDto;
+import roomescape.dto.TimeResponseDto;
+import roomescape.entity.Time;
+import roomescape.repository.TimeRepository;
+
+import java.time.LocalTime;
+import java.util.List;
+
+@Service
+public class TimeService {
+
+    private final TimeRepository timeRespository;
+
+    public TimeService(TimeRepository timeRespository) {
+        this.timeRespository = timeRespository;
+    }
+
+    public List<TimeResponseDto> findAllTimes() {
+        return timeRespository.findAll()
+                .stream()
+                .map(time -> new TimeResponseDto(
+                        time.getId(),
+                        time.getTimeAsLocalTime()))
+                .toList();
+    }
+
+    public TimeResponseDto createTime(TimeRequestDto requestDto) {
+        Time time = new Time(requestDto.getTime());
+        Time newTime = timeRespository.save(time);
+
+        return toResponseDTO(newTime.getId(), newTime.getTimeAsLocalTime());
+    }
+
+    private TimeResponseDto toResponseDTO(Long id, LocalTime time) {
+        return new TimeResponseDto(id, time);
+    }
+
+
+    public void deleteTime(Long id) {
+        timeRespository.deleteById(id);
+    }
+
+}
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index e69de29bb..39bfef124 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -0,0 +1,4 @@
+server.port=8080
+spring.h2.console.enabled=true
+spring.h2.console.path=/h2-console
+spring.datasource.url=jdbc:h2:mem:database
diff --git a/src/main/resources/schema.sql b/src/main/resources/schema.sql
new file mode 100644
index 000000000..ca4b0ee4c
--- /dev/null
+++ b/src/main/resources/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)
+);
diff --git a/src/main/resources/static/js/new-reservation.js b/src/main/resources/static/js/new-reservation.js
index 520d0cf42..c709c3bed 100644
--- a/src/main/resources/static/js/new-reservation.js
+++ b/src/main/resources/static/js/new-reservation.js
@@ -57,13 +57,13 @@ function renderReservations(data) {
 }
 
 function insertReservationRow(row, reservation) {
-  ['id', 'name', 'date'].forEach((field, index) => {
+  ['id', 'name', 'date', 'time'].forEach((field, index) => {
     row.insertCell(index).textContent = reservation[field];
   });
 
-  row.insertCell(3).textContent = reservation.time.time;
+  row.insertCell(4).textContent = reservation.time.time;
 
-  const actionCell = row.insertCell(4);
+  const actionCell = row.insertCell(5);
   actionCell.appendChild(createActionButton('삭제', 'btn-danger', deleteRow));
 }
 
diff --git a/src/test/java/roomescape/MissionStepTest.java b/src/test/java/roomescape/MissionStepTest.java
index cf4efbe91..c2fd98592 100644
--- a/src/test/java/roomescape/MissionStepTest.java
+++ b/src/test/java/roomescape/MissionStepTest.java
@@ -1,10 +1,16 @@
 package roomescape;
 
 import io.restassured.RestAssured;
+import io.restassured.http.ContentType;
 import org.junit.jupiter.api.Test;
 import org.springframework.boot.test.context.SpringBootTest;
 import org.springframework.test.annotation.DirtiesContext;
 
+import java.util.HashMap;
+import java.util.Map;
+
+import static org.hamcrest.Matchers.is;
+
 @SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.DEFINED_PORT)
 @DirtiesContext(classMode = DirtiesContext.ClassMode.BEFORE_EACH_TEST_METHOD)
 public class MissionStepTest {
@@ -16,4 +22,76 @@ public class MissionStepTest {
                 .then().log().all()
                 .statusCode(200);
     }
+
+    @Test
+    void 이단계() {
+        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
+    void 삼단계() {
+        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
+    void 사단계() {
+        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);
+    }
+
+
 }
diff --git a/src/test/java/roomescape/MissionStepTest2.java b/src/test/java/roomescape/MissionStepTest2.java
new file mode 100644
index 000000000..b738a5143
--- /dev/null
+++ b/src/test/java/roomescape/MissionStepTest2.java
@@ -0,0 +1,80 @@
+package roomescape;
+
+import io.restassured.RestAssured;
+import io.restassured.http.ContentType;
+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.entity.Reservation;
+
+import java.sql.Connection;
+import java.sql.SQLException;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import static org.assertj.core.api.AssertionsForClassTypes.assertThat;
+import static org.hamcrest.Matchers.is;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.DEFINED_PORT)
+@DirtiesContext(classMode = DirtiesContext.ClassMode.BEFORE_EACH_TEST_METHOD)
+public class MissionStepTest2 {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+
+    @Test
+    void 오단계() {
+        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
+    void 육단계() {
+        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
+    void 칠단계() {
+        Map<String, String> params = new HashMap<>();
+        params.put("name", "브라운");
+        params.put("date", "2023-08-05");
+        params.put("time", "10:00");
+
+        RestAssured.given().log().all()
+                .contentType(ContentType.JSON)
+                .body(params)
+                .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);
+    }
+}
diff --git a/src/test/java/roomescape/MissionStepTest3.java b/src/test/java/roomescape/MissionStepTest3.java
new file mode 100644
index 000000000..d981b10ed
--- /dev/null
+++ b/src/test/java/roomescape/MissionStepTest3.java
@@ -0,0 +1,79 @@
+package roomescape;
+
+import io.restassured.RestAssured;
+import io.restassured.http.ContentType;
+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 java.lang.reflect.Field;
+import java.util.HashMap;
+import java.util.Map;
+
+import static org.assertj.core.api.Assertions.assertThat;
+import static org.hamcrest.Matchers.is;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.DEFINED_PORT)
+@DirtiesContext(classMode = DirtiesContext.ClassMode.BEFORE_EACH_TEST_METHOD)
+public class MissionStepTest3 {
+
+    @Test
+    void 팔단계() {
+        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
+    void 구단계() {
+        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
+    void 십단계() {
+        boolean isJdbcTemplateInjected = false;
+
+        for (Field field : reservationController.getClass().getDeclaredFields()) {
+            if (field.getType().equals(JdbcTemplate.class)) {
+                isJdbcTemplateInjected = true;
+                break;
+            }
+        }
+
+        assertThat(isJdbcTemplateInjected).isFalse();
+    }
+}