diff --git a/README.md b/README.md
index 42b1f59e0..b020d8438 100644
--- a/README.md
+++ b/README.md
@@ -10,4 +10,49 @@
 * 토큰 받기를 읽고 액세스 토큰을 추출한다.
 * 앱 키, 인가 코드가 절대 유출되지 않도록 한다.
   * 특히 시크릿 키는 GitHub나 클라이언트 코드 등 외부에서 볼 수 있는 곳에 추가하지 않는다.  
-* (선택) 인가 코드를 받는 방법이 불편한 경우 카카오 로그인 화면을 구현한다.
\ No newline at end of file
+* (선택) 인가 코드를 받는 방법이 불편한 경우 카카오 로그인 화면을 구현한다.
+
+### 🚀 2단계 - 주문하기
+***
+#### 기능 요구 사항
+카카오톡 메시지 API를 사용하여 주문하기 기능을 구현한다.
+
+* 주문할 때 수령인에게 보낼 메시지를 작성할 수 있다.
+* 상품 옵션과 해당 수량을 선택하여 주문하면 해당 상품 옵션의 수량이 차감된다.
+* 해당 상품이 위시 리스트에 있는 경우 위시 리스트에서 삭제한다.
+* 나에게 보내기를 읽고 주문 내역을 카카오톡 메시지로 전송한다.
+  * 메시지는 메시지 템플릿의 기본 템플릿이나 사용자 정의 템플릿을 사용하여 자유롭게 작성한다.  
+
+아래 예시와 같이 HTTP 메시지를 주고받도록 구현한다.
+
+##### Request
+```
+POST /api/orders HTTP/1.1
+Authorization: Bearer {token}
+Content-Type: application/json
+
+{
+    "optionId": 1,
+    "quantity": 2,
+    "message": "Please handle this order with care."
+}
+```
+
+##### Response
+```
+HTTP/1.1 201 Created
+Content-Type: application/json
+
+{
+"id": 1,
+"optionId": 1,
+"quantity": 2,
+"orderDateTime": "2024-07-21T10:00:00",
+"message": "Please handle this order with care."
+}
+```
+### 🚀 3단계 - API 문서 만들기
+***
+#### 기능 요구 사항
+API 사양에 관해 클라이언트와 어떻게 소통할 수 있을까? 
+어떻게 하면 편하게 소통할 수 있을지 고민해 보고 그 방법을 구현한다.
\ No newline at end of file
diff --git a/build.gradle b/build.gradle
index 3b37a3492..c3ebf4db9 100644
--- a/build.gradle
+++ b/build.gradle
@@ -2,6 +2,7 @@ plugins {
     id 'java'
     id 'org.springframework.boot' version '3.3.1'
     id 'io.spring.dependency-management' version '1.1.5'
+    id 'org.asciidoctor.jvm.convert' version '4.0.3'
 }
 
 group = 'camp.nextstep.edu'
@@ -17,6 +18,13 @@ repositories {
     mavenCentral()
 }
 
+configurations {
+    asciidoctorExt //asciidoctorExt를 configurations로 지정
+    compileOnly {
+        extendsFrom annotationProcessor
+    }
+}
+
 dependencies {
     implementation 'org.springframework.boot:spring-boot-starter-jdbc'
     implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
@@ -31,6 +39,13 @@ dependencies {
     runtimeOnly 'io.jsonwebtoken:jjwt-impl:0.12.6'
     runtimeOnly 'io.jsonwebtoken:jjwt-jackson:0.12.6'
 
+    // Swagger
+    implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.0.4'
+
+    //REST Docs
+    asciidoctorExt 'org.springframework.restdocs:spring-restdocs-asciidoctor'
+    testImplementation 'org.springframework.restdocs:spring-restdocs-mockmvc'
+
     runtimeOnly 'com.h2database:h2'
     testImplementation 'org.springframework.boot:spring-boot-starter-test'
     testRuntimeOnly 'org.junit.platform:junit-platform-launcher'
@@ -45,3 +60,36 @@ dependencyManagement {
 tasks.named('test') {
     useJUnitPlatform()
 }
+
+ext {
+    set('snippetsDir', file("build/generated-snippets")) //snippets 파일이 저장될 경로 snippetsDir로 변수 설정
+}
+
+test {
+    outputs.dir snippetsDir
+    useJUnitPlatform()
+}
+
+asciidoctor {
+    configurations 'asciidoctorExt' //Asciidoctor에서 asciidoctorExt를 사용하도록 설정
+    baseDirFollowsSourceFile()
+    inputs.dir snippetsDir
+    dependsOn test //gradle build 시 test -> asciiDoctor 순서로 실행
+}
+
+asciidoctor.doFirst {
+    delete file('src/main/resources/static/docs') //asciidoctor 실행 전 docs 폴더 삭제
+}
+
+task createDocument(type: Copy) {
+    dependsOn asciidoctor
+    from file("build/docs/asciidoc")
+    into file("src/main/resources/static")
+}
+
+bootJar {
+    dependsOn createDocument //Gradle build 시, createDocument -> bootJar 순으로 실행
+    from("${asciidoctor.outputDir}") {
+        into 'static/docs'
+    }
+}
\ No newline at end of file
diff --git a/src/docs/asciidoc/category.adoc b/src/docs/asciidoc/category.adoc
new file mode 100644
index 000000000..76b342098
--- /dev/null
+++ b/src/docs/asciidoc/category.adoc
@@ -0,0 +1,19 @@
+== 카테고리 API
+
+=== 카테고리 생성
+operation::category-api-controller-test/create-category[]
+
+=== 카테고리 수정
+operation::category-api-controller-test/update-category[]
+
+=== 카테고리 삭제
+operation::category-api-controller-test/delete-category[]
+
+=== 단일 카테고리 조회
+operation::category-api-controller-test/read-category[]
+
+=== 전체 카테고리 조회
+operation::category-api-controller-test/read-all-categories[]
+
+
+
diff --git a/src/docs/asciidoc/docs.adoc b/src/docs/asciidoc/docs.adoc
new file mode 100644
index 000000000..5ebd45ef9
--- /dev/null
+++ b/src/docs/asciidoc/docs.adoc
@@ -0,0 +1,11 @@
+= 카카오 테크 캠퍼스 STEP 2 - REST Docs
+:doctype: book
+:source-highlighter: highlightjs
+:toc: left
+:toclevels: 3
+:sectlinks:
+
+include::product.adoc[]
+include::category.adoc[]
+include::member.adoc[]
+include::login.adoc[]
\ No newline at end of file
diff --git a/src/docs/asciidoc/login.adoc b/src/docs/asciidoc/login.adoc
new file mode 100644
index 000000000..a31559600
--- /dev/null
+++ b/src/docs/asciidoc/login.adoc
@@ -0,0 +1,4 @@
+== 소셜 로그인 API
+
+=== 카카오 로그인
+operation::login-controller-test/kakao-login[]
\ No newline at end of file
diff --git a/src/docs/asciidoc/member.adoc b/src/docs/asciidoc/member.adoc
new file mode 100644
index 000000000..5676d7a93
--- /dev/null
+++ b/src/docs/asciidoc/member.adoc
@@ -0,0 +1,19 @@
+== 회원 API
+
+=== 회원가입
+operation::member-api-controller-test/create-member[]
+
+=== 로그인
+operation::member-api-controller-test/login[]
+
+=== 회원 조회
+operation::member-api-controller-test/read-member[]
+
+=== 위시 상품 조회
+operation::member-api-controller-test/read-wish-product[]
+
+=== 위시 상품 수정
+operation::member-api-controller-test/update-wish-product[]
+
+=== 위시 상품 삭제
+operation::member-api-controller-test/delete-wish-product[]
diff --git a/src/docs/asciidoc/product.adoc b/src/docs/asciidoc/product.adoc
new file mode 100644
index 000000000..65987e449
--- /dev/null
+++ b/src/docs/asciidoc/product.adoc
@@ -0,0 +1,35 @@
+== 상품 API
+
+=== 전체 상품 조회
+operation::product-api-controller-test/read-all-products[]
+
+=== 단일 상품 조회
+operation::product-api-controller-test/read-product[]
+
+=== 상품 생성
+operation::product-api-controller-test/create-product[]
+
+=== 상품 수정
+operation::product-api-controller-test/update-product[]
+
+=== 상품 삭제
+operation::product-api-controller-test/delete-product[]
+
+=== 상품 주문
+operation::product-api-controller-test/order-product[]
+
+=== 위시 상품 추가
+operation::product-api-controller-test/create-wish-product[]
+
+=== 상품 옵션 생성
+operation::product-api-controller-test/create-option[]
+
+=== 상품 옵션 조회
+operation::product-api-controller-test/read-options[]
+
+=== 상품 옵션 수정
+operation::product-api-controller-test/update-option[]
+
+=== 상품 옵션 삭제
+operation::product-api-controller-test/delete-option[]
+
diff --git a/src/main/java/gift/authentication/token/Token.java b/src/main/java/gift/authentication/token/Token.java
index 8ff73f026..ba75ba991 100644
--- a/src/main/java/gift/authentication/token/Token.java
+++ b/src/main/java/gift/authentication/token/Token.java
@@ -15,6 +15,10 @@ public static Token from(String value) {
         return new Token(value);
     }
 
+    public static Token fromBearer(String value) {
+        return new Token(value.replace("Bearer ", ""));
+    }
+
     public String getValue() {
         return value;
     }
diff --git a/src/main/java/gift/config/KakaoProperties.java b/src/main/java/gift/config/KakaoProperties.java
index baa7b457c..04355b18b 100644
--- a/src/main/java/gift/config/KakaoProperties.java
+++ b/src/main/java/gift/config/KakaoProperties.java
@@ -1,5 +1,6 @@
 package gift.config;
 
+import java.net.URI;
 import org.springframework.boot.context.properties.ConfigurationProperties;
 import org.springframework.boot.context.properties.bind.ConstructorBinding;
 
@@ -13,10 +14,12 @@ public class KakaoProperties {
     private final String userInfoUrl;
     private final String tokenUrl;
     private final String responseType;
+    private final String messageUrl;
 
     @ConstructorBinding
     public KakaoProperties(String clientId, String redirectUri, String contentType,
-        String grantType, String userInfoUrl, String tokenUrl, String responseType) {
+        String grantType, String userInfoUrl, String tokenUrl, String responseType,
+        String messageUrl) {
         this.clientId = clientId;
         this.redirectUri = redirectUri;
         this.contentType = contentType;
@@ -24,6 +27,7 @@ public KakaoProperties(String clientId, String redirectUri, String contentType,
         this.userInfoUrl = userInfoUrl;
         this.tokenUrl = tokenUrl;
         this.responseType = responseType;
+        this.messageUrl = messageUrl;
     }
 
     public String getClientId() {
@@ -53,4 +57,20 @@ public String getTokenUrl() {
     public String getResponseType() {
         return responseType;
     }
+
+    public String getMessageUrl() {
+        return messageUrl;
+    }
+
+    public URI getUserInfoUrlAsUri() {
+        return URI.create(userInfoUrl);
+    }
+
+    public URI getTokenUrlAsUri() {
+        return URI.create(tokenUrl);
+    }
+
+    public URI getMessageUrlAsUri() {
+        return URI.create(messageUrl);
+    }
 }
diff --git a/src/main/java/gift/domain/Order.java b/src/main/java/gift/domain/Order.java
new file mode 100644
index 000000000..6595048f2
--- /dev/null
+++ b/src/main/java/gift/domain/Order.java
@@ -0,0 +1,132 @@
+package gift.domain;
+
+import gift.domain.base.BaseEntity;
+import gift.domain.base.BaseTimeEntity;
+import gift.domain.constants.OrderStatus;
+import jakarta.persistence.Column;
+import jakarta.persistence.Entity;
+import jakarta.persistence.EnumType;
+import jakarta.persistence.Enumerated;
+import jakarta.persistence.Table;
+import org.hibernate.annotations.ColumnDefault;
+import org.hibernate.annotations.DynamicInsert;
+
+@Entity
+@DynamicInsert
+@Table(name = "orders")
+public class Order extends BaseEntity {
+
+    @Column(nullable = false)
+    private Long memberId;
+
+    @Column(nullable = false)
+    private Long productId;
+
+    @Column(nullable = false)
+    private Long productOptionId;
+
+    @Column(nullable = false)
+    private Integer quantity;
+
+    @Column(nullable = false)
+    @ColumnDefault("''")
+    private String message;
+
+    @Column(nullable = false)
+    @Enumerated(EnumType.STRING)
+    @ColumnDefault("'ORDERED'")
+    private OrderStatus orderStatus;
+
+    protected Order() {}
+
+    public static class Builder extends BaseTimeEntity.Builder<Builder> {
+
+        private Long memberId;
+
+        private Long productId;
+
+        private Long productOptionId;
+
+        private Integer quantity;
+
+        private String message;
+
+        public Builder memberId(Long memberId) {
+            this.memberId = memberId;
+            return this;
+        }
+
+        public Builder productId(Long productId) {
+            this.productId = productId;
+            return this;
+        }
+
+        public Builder productOptionId(Long productOptionId) {
+            this.productOptionId = productOptionId;
+            return this;
+        }
+
+        public Builder quantity(Integer quantity) {
+            this.quantity = quantity;
+            return this;
+        }
+
+        public Builder message(String message) {
+            this.message = message;
+            return this;
+        }
+
+        @Override
+        protected Builder self() {
+            return this;
+        }
+
+        @Override
+        public Order build() {
+            return new Order(this);
+        }
+    }
+
+    public Order(Builder builder) {
+        super(builder);
+        this.memberId = builder.memberId;
+        this.productId = builder.productId;
+        this.productOptionId = builder.productOptionId;
+        this.quantity = builder.quantity;
+        this.message = builder.message;
+    }
+
+    public Long getMemberId() {
+        return memberId;
+    }
+
+    public Long getProductId() {
+        return productId;
+    }
+
+    public Long getProductOptionId() {
+        return productOptionId;
+    }
+
+    public Integer getQuantity() {
+        return quantity;
+    }
+
+    public String getMessage() {
+        return message;
+    }
+
+    public OrderStatus getOrderStatus() {
+        return orderStatus;
+    }
+
+    public Order complete() {
+        this.orderStatus = OrderStatus.COMPLETED;
+        return this;
+    }
+
+    public Order cancel() {
+        this.orderStatus = OrderStatus.CANCELED;
+        return this;
+    }
+}
diff --git a/src/main/java/gift/domain/constants/OrderStatus.java b/src/main/java/gift/domain/constants/OrderStatus.java
new file mode 100644
index 000000000..069537257
--- /dev/null
+++ b/src/main/java/gift/domain/constants/OrderStatus.java
@@ -0,0 +1,9 @@
+package gift.domain.constants;
+
+public enum OrderStatus {
+
+    ORDERED, //주문됨
+    CANCELED, //취소됨
+    COMPLETED //배송완료
+
+}
diff --git a/src/main/java/gift/repository/OrderRepository.java b/src/main/java/gift/repository/OrderRepository.java
new file mode 100644
index 000000000..2cd02aa2b
--- /dev/null
+++ b/src/main/java/gift/repository/OrderRepository.java
@@ -0,0 +1,10 @@
+package gift.repository;
+
+import gift.domain.Order;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.stereotype.Repository;
+
+@Repository
+public interface OrderRepository extends JpaRepository<Order, Long> {
+
+}
diff --git a/src/main/java/gift/service/LoginService.java b/src/main/java/gift/service/LoginService.java
index 03ec44394..dc78e70f1 100644
--- a/src/main/java/gift/service/LoginService.java
+++ b/src/main/java/gift/service/LoginService.java
@@ -9,9 +9,6 @@
 import gift.web.client.dto.KakaoAccount;
 import gift.web.client.dto.KakaoInfo;
 import gift.web.dto.response.LoginResponse;
-import gift.web.validation.exception.client.InvalidCredentialsException;
-import java.net.URI;
-import java.net.URISyntaxException;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
@@ -47,30 +44,22 @@ public LoginResponse kakaoLogin(final String authorizationCode){
         return new LoginResponse(accessToken.getValue());
     }
 
-    private KakaoToken getToken(String authorizationCode) {
-        try {
-            return kakaoClient.getToken(
-                new URI(kakaoProperties.getTokenUrl()),
-                authorizationCode,
-                kakaoProperties.getClientId(),
-                kakaoProperties.getRedirectUri(),
-                kakaoProperties.getGrantType());
-        } catch (URISyntaxException e) {
-            throw new InvalidCredentialsException(e);
-        }
+    private KakaoToken getToken(final String authorizationCode) {
+        return kakaoClient.getToken(
+            kakaoProperties.getTokenUrlAsUri(),
+            authorizationCode,
+            kakaoProperties.getClientId(),
+            kakaoProperties.getRedirectUri(),
+            kakaoProperties.getGrantType());
     }
 
-    private KakaoInfo getInfo(KakaoToken kakaoToken) {
-        try {
-            return kakaoClient.getKakaoInfo(
-                new URI(kakaoProperties.getUserInfoUrl()),
-                getBearerToken(kakaoToken));
-        } catch (URISyntaxException e) {
-            throw new InvalidCredentialsException(e);
-        }
+    private KakaoInfo getInfo(final KakaoToken kakaoToken) {
+        return kakaoClient.getKakaoInfo(
+            kakaoProperties.getUserInfoUrlAsUri(),
+            getBearerToken(kakaoToken));
     }
 
-    private String getBearerToken(KakaoToken kakaoToken) {
+    private String getBearerToken(final KakaoToken kakaoToken) {
         return kakaoToken.getTokenType() + " " + kakaoToken.getAccessToken();
     }
 }
diff --git a/src/main/java/gift/service/OrderService.java b/src/main/java/gift/service/OrderService.java
new file mode 100644
index 000000000..3534ae8b6
--- /dev/null
+++ b/src/main/java/gift/service/OrderService.java
@@ -0,0 +1,84 @@
+package gift.service;
+
+import gift.authentication.token.JwtResolver;
+import gift.authentication.token.Token;
+import gift.config.KakaoProperties;
+import gift.domain.Order;
+import gift.repository.OrderRepository;
+import gift.web.client.KakaoClient;
+import gift.web.client.dto.KakaoCommerce;
+import gift.web.dto.request.order.CreateOrderRequest;
+import gift.web.dto.response.order.OrderResponse;
+import gift.web.dto.response.product.ReadProductResponse;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+public class OrderService {
+
+    private final KakaoClient kakaoClient;
+    private final KakaoProperties kakaoProperties;
+
+    private final JwtResolver jwtResolver;
+
+    private final ProductOptionService productOptionService;
+    private final ProductService productService;
+    private final OrderRepository orderRepository;
+
+    public OrderService(KakaoClient kakaoClient, JwtResolver jwtResolver, ProductOptionService productOptionService,
+        ProductService productService, KakaoProperties kakaoProperties,
+        OrderRepository orderRepository) {
+        this.kakaoClient = kakaoClient;
+        this.jwtResolver = jwtResolver;
+        this.productOptionService = productOptionService;
+        this.productService = productService;
+        this.kakaoProperties = kakaoProperties;
+        this.orderRepository = orderRepository;
+    }
+
+    /**
+     * 주문을 생성합니다<br>
+     * 카카오 로그인을 통해 서비스를 이용 중인 회원은 나에게 보내기를 통해 알림을 전송합니다.
+     * @param accessToken 우리 서비스의 토큰
+     * @param productId 구매할 상품 ID
+     * @param memberId 구매자 ID
+     * @param request 주문 요청
+     * @return
+     */
+    @Transactional
+    public OrderResponse createOrder(String accessToken, Long productId, Long memberId, CreateOrderRequest request) {
+        //상품 옵션 수량 차감
+        productOptionService.subtractOptionStock(request);
+
+        //주문 정보 저장
+        Order order = orderRepository.save(request.toEntity(memberId, productId));
+
+        sendOrderMessageIfSocialMember(accessToken, productId, request);
+        return OrderResponse.from(order);
+    }
+
+    /**
+     * 소셜 로그인을 통해 주문한 경우 카카오톡 메시지를 전송합니다
+     * @param accessToken 우리 서비스의 토큰
+     * @param productId 상품 ID
+     * @param request 주문 요청
+     */
+    private void sendOrderMessageIfSocialMember(String accessToken, Long productId, CreateOrderRequest request) {
+        jwtResolver.resolveSocialToken(Token.fromBearer(accessToken))
+            .ifPresent(socialToken ->
+                kakaoClient.sendMessage(
+                    kakaoProperties.getMessageUrlAsUri(),
+                    getBearerToken(socialToken),
+                    generateKakaoCommerce(productId, request).toJson()
+                ));
+    }
+
+    private KakaoCommerce generateKakaoCommerce(Long productId, CreateOrderRequest request) {
+        ReadProductResponse productResponse = productService.readProductById(productId);
+        return KakaoCommerce.of(productResponse, request.getMessage());
+    }
+
+    private String getBearerToken(String token) {
+        return "Bearer " + token;
+    }
+}
diff --git a/src/main/java/gift/service/ProductOptionService.java b/src/main/java/gift/service/ProductOptionService.java
index 9663b89a5..dc5f7650c 100644
--- a/src/main/java/gift/service/ProductOptionService.java
+++ b/src/main/java/gift/service/ProductOptionService.java
@@ -2,6 +2,8 @@
 
 import gift.domain.ProductOption;
 import gift.repository.ProductOptionRepository;
+import gift.repository.ProductRepository;
+import gift.web.dto.request.order.CreateOrderRequest;
 import gift.web.dto.request.productoption.CreateProductOptionRequest;
 import gift.web.dto.request.productoption.SubtractProductOptionQuantityRequest;
 import gift.web.dto.request.productoption.UpdateProductOptionRequest;
@@ -21,13 +23,17 @@
 public class ProductOptionService {
 
     private final ProductOptionRepository productOptionRepository;
+    private final ProductRepository productRepository;
 
-    public ProductOptionService(ProductOptionRepository productOptionRepository) {
+    public ProductOptionService(ProductOptionRepository productOptionRepository,
+        ProductRepository productRepository) {
         this.productOptionRepository = productOptionRepository;
+        this.productRepository = productRepository;
     }
 
     @Transactional
     public CreateProductOptionResponse createOption(Long productId, CreateProductOptionRequest request) {
+        validateExistsProduct(productId);
         String optionName = request.getName();
         validateOptionNameExists(productId, optionName);
 
@@ -36,6 +42,15 @@ public CreateProductOptionResponse createOption(Long productId, CreateProductOpt
         return CreateProductOptionResponse.fromEntity(createdOption);
     }
 
+    /**
+     * 상품이 존재하는지 확인합니다.
+     * @param productId 상품 아이디
+     */
+    private void validateExistsProduct(Long productId) {
+        productRepository.findById(productId)
+            .orElseThrow(() -> new ResourceNotFoundException("상품 아이디: ", productId.toString()));
+    }
+
     /**
      * 상품 옵션 이름이 이미 존재하는지 확인합니다.<br>
      * 이미 존재한다면 {@link AlreadyExistsException} 을 발생시킵니다.
@@ -131,6 +146,10 @@ public SubtractProductOptionQuantityResponse subtractOptionStock(Long optionId,
         return SubtractProductOptionQuantityResponse.fromEntity(option);
     }
 
+    public SubtractProductOptionQuantityResponse subtractOptionStock(CreateOrderRequest request) {
+        return subtractOptionStock(request.getOptionId(), new SubtractProductOptionQuantityRequest(request.getQuantity()));
+    }
+
     @Transactional
     public void deleteOption(Long optionId) {
         ProductOption option = productOptionRepository.findById(optionId)
diff --git a/src/main/java/gift/web/client/KakaoClient.java b/src/main/java/gift/web/client/KakaoClient.java
index 401e1c28e..af3986a9d 100644
--- a/src/main/java/gift/web/client/KakaoClient.java
+++ b/src/main/java/gift/web/client/KakaoClient.java
@@ -1,10 +1,15 @@
 package gift.web.client;
 
+import static org.springframework.http.HttpHeaders.AUTHORIZATION;
+
 import gift.authentication.token.KakaoToken;
 import gift.web.client.dto.KakaoInfo;
+import gift.web.client.dto.KakaoMessageResult;
 import java.net.URI;
 import org.springframework.cloud.openfeign.FeignClient;
+import org.springframework.http.MediaType;
 import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestHeader;
 import org.springframework.web.bind.annotation.RequestParam;
 
@@ -14,7 +19,7 @@ public interface KakaoClient {
     @PostMapping
     KakaoInfo getKakaoInfo(
         URI uri,
-        @RequestHeader("Authorization") String accessToken);
+        @RequestHeader(AUTHORIZATION) String accessToken);
 
     @PostMapping
     KakaoToken getToken(
@@ -23,4 +28,17 @@ KakaoToken getToken(
         @RequestParam("client_id") String clientId,
         @RequestParam("redirect_uri") String redirectUrl,
         @RequestParam("grant_type") String grantType);
+
+    /**
+     * 카카오톡 메시지 - 나에게 보내기
+     * @param uri {@link https://kapi.kakao.com/v2/api/talk/memo/default/send} 으로 고정
+     * @param accessToken Bearer Token
+     * @param templateObject 메시지 구성 요소를 담은 객체(Object) 피드, 리스트, 위치, 커머스, 텍스트, 캘린더 중 하나
+     */
+    @PostMapping(consumes = MediaType.APPLICATION_FORM_URLENCODED_VALUE)
+    KakaoMessageResult sendMessage(
+        URI uri,
+        @RequestHeader(AUTHORIZATION) String accessToken,
+        @RequestBody String templateObject
+    );
 }
diff --git a/src/main/java/gift/web/client/dto/KakaoCommerce.java b/src/main/java/gift/web/client/dto/KakaoCommerce.java
new file mode 100644
index 000000000..aec159aab
--- /dev/null
+++ b/src/main/java/gift/web/client/dto/KakaoCommerce.java
@@ -0,0 +1,207 @@
+package gift.web.client.dto;
+
+import com.fasterxml.jackson.core.JsonProcessingException;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.PropertyNamingStrategies;
+import com.fasterxml.jackson.databind.annotation.JsonNaming;
+import gift.web.dto.response.product.ReadProductResponse;
+
+@JsonNaming(value = PropertyNamingStrategies.SnakeCaseStrategy.class)
+public class KakaoCommerce {
+
+    private final String objectType = "commerce";
+    private Content content;
+    private Commerce commerce;
+
+    @JsonNaming(value = PropertyNamingStrategies.SnakeCaseStrategy.class)
+    static class Content {
+        private String title;
+        private String imageUrl;
+        private Integer imageWidth;
+        private Integer imageHeight;
+        private String description;
+        private Link link;
+
+        public Content(String title, String imageUrl, Integer imageWidth, Integer imageHeight,
+            String description, Link link) {
+            this.title = title;
+            this.imageUrl = imageUrl;
+            this.imageWidth = imageWidth;
+            this.imageHeight = imageHeight;
+            this.description = description;
+            this.link = link;
+        }
+
+        @JsonNaming(value = PropertyNamingStrategies.SnakeCaseStrategy.class)
+        static class Link {
+            private String webUrl;
+            private String mobileWebUrl;
+            private String androidExecutionParams;
+            private String iosExecutionParams;
+
+            public Link(String webUrl, String mobileWebUrl, String androidExecutionParams,
+                String iosExecutionParams) {
+                this.webUrl = webUrl;
+                this.mobileWebUrl = mobileWebUrl;
+                this.androidExecutionParams = androidExecutionParams;
+                this.iosExecutionParams = iosExecutionParams;
+            }
+
+            public String getWebUrl() {
+                return webUrl;
+            }
+
+            public String getMobileWebUrl() {
+                return mobileWebUrl;
+            }
+
+            public String getAndroidExecutionParams() {
+                return androidExecutionParams;
+            }
+
+            public String getIosExecutionParams() {
+                return iosExecutionParams;
+            }
+        }
+
+        public String getTitle() {
+            return title;
+        }
+
+        public String getImageUrl() {
+            return imageUrl;
+        }
+
+        public Integer getImageWidth() {
+            return imageWidth;
+        }
+
+        public Integer getImageHeight() {
+            return imageHeight;
+        }
+
+        public String getDescription() {
+            return description;
+        }
+
+        public Link getLink() {
+            return link;
+        }
+    }
+
+    @JsonNaming(value = PropertyNamingStrategies.SnakeCaseStrategy.class)
+    static class Commerce {
+        private Integer regularPrice;
+        private Integer discountPrice;
+        private Integer discountRate;
+
+        public Commerce(Integer regularPrice, Integer discountPrice, Integer discountRate) {
+            this.regularPrice = regularPrice;
+            this.discountPrice = discountPrice;
+            this.discountRate = discountRate;
+        }
+
+        public Commerce(Integer regularPrice) {
+            this.regularPrice = regularPrice;
+        }
+
+        public Integer getRegularPrice() {
+            return regularPrice;
+        }
+
+        public Integer getDiscountPrice() {
+            return discountPrice;
+        }
+
+        public Integer getDiscountRate() {
+            return discountRate;
+        }
+    }
+
+    public KakaoCommerce() {
+
+    }
+
+    public KakaoCommerce setCommerce(Integer regularPrice, Integer discountPrice, Integer discountRate) {
+        this.commerce = new Commerce(regularPrice, discountPrice, discountRate);
+        return this;
+    }
+
+    public KakaoCommerce setCommerce(Integer regularPrice) {
+        this.commerce = new Commerce(regularPrice);
+        return this;
+    }
+
+    public KakaoCommerce setContent(String title, String imageUrl, Integer imageWidth, Integer imageHeight, String description, String webUrl, String mobileWebUrl, String androidExecutionParams, String iosExecutionParams) {
+        this.content = new Content(title, imageUrl, imageWidth, imageHeight, description,
+            new Content.Link(webUrl, mobileWebUrl, androidExecutionParams, iosExecutionParams));
+        return this;
+    }
+
+    public String getObjectType() {
+        return objectType;
+    }
+
+    public Content getContent() {
+        return content;
+    }
+
+    public Commerce getCommerce() {
+        return commerce;
+    }
+
+    /**
+     * 카카오 상거래 메시지 생성 - 할인 적용
+     * @param product 상품 정보
+     * @param discountRate 할인율 (0 ~ 100)
+     * @param message 메시지
+     * @return
+     */
+    public static KakaoCommerce of(ReadProductResponse product, int discountRate, String message) {
+        return new KakaoCommerce().setContent(
+            product.getName(),
+            product.getImageUrl().toString(),
+            640,
+            640,
+            message,
+            "https://localhost:8080",
+            "https://localhost:8080",
+            "contentId=" + product.getId(),
+            "contentId=" + product.getId()
+        ).setCommerce(product.getPrice(), product.getPrice(), 0);
+    }
+
+    /**
+     * 카카오 상거래 메시지 생성 - 할인 없음
+     * @param product 상품 정보
+     * @param message 메시지
+     * @return
+     */
+    public static KakaoCommerce of(ReadProductResponse product, String message) {
+        return new KakaoCommerce().setContent(
+            product.getName(),
+            product.getImageUrl().toString(),
+            640,
+            640,
+            message,
+            "https://localhost:8080",
+            "https://localhost:8080",
+            "contentId=" + product.getId(),
+            "contentId=" + product.getId()
+        ).setCommerce(product.getPrice());
+    }
+
+    public String toJson() {
+        ObjectMapper mapper = new ObjectMapper();
+        try {
+            return "template_object=" + mapper.writeValueAsString(this);
+        } catch (JsonProcessingException e) {
+            throw new RuntimeException("JSON 변환 실패", e);
+        }
+    }
+
+    public String getContentDescription() {
+        return content.getDescription();
+    }
+}
+
diff --git a/src/main/java/gift/web/client/dto/KakaoMessageResult.java b/src/main/java/gift/web/client/dto/KakaoMessageResult.java
new file mode 100644
index 000000000..5517133b0
--- /dev/null
+++ b/src/main/java/gift/web/client/dto/KakaoMessageResult.java
@@ -0,0 +1,17 @@
+package gift.web.client.dto;
+
+import com.fasterxml.jackson.annotation.JsonCreator;
+
+public class KakaoMessageResult {
+
+    private final Integer resultCode;
+
+    @JsonCreator
+    public KakaoMessageResult(Integer resultCode) {
+        this.resultCode = resultCode;
+    }
+
+    public Integer getResultCode() {
+        return resultCode;
+    }
+}
diff --git a/src/main/java/gift/web/controller/api/ProductApiController.java b/src/main/java/gift/web/controller/api/ProductApiController.java
index 2e2ec7181..45c4aad4e 100644
--- a/src/main/java/gift/web/controller/api/ProductApiController.java
+++ b/src/main/java/gift/web/controller/api/ProductApiController.java
@@ -1,15 +1,18 @@
 package gift.web.controller.api;
 
 import gift.authentication.annotation.LoginMember;
+import gift.service.OrderService;
 import gift.service.ProductOptionService;
 import gift.service.ProductService;
 import gift.service.WishProductService;
 import gift.web.dto.MemberDetails;
+import gift.web.dto.request.order.CreateOrderRequest;
 import gift.web.dto.request.product.CreateProductRequest;
 import gift.web.dto.request.product.UpdateProductRequest;
 import gift.web.dto.request.productoption.CreateProductOptionRequest;
 import gift.web.dto.request.productoption.UpdateProductOptionRequest;
 import gift.web.dto.request.wishproduct.CreateWishProductRequest;
+import gift.web.dto.response.order.OrderResponse;
 import gift.web.dto.response.product.CreateProductResponse;
 import gift.web.dto.response.product.ReadAllProductsResponse;
 import gift.web.dto.response.product.ReadProductResponse;
@@ -23,6 +26,7 @@
 import java.util.NoSuchElementException;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.web.PageableDefault;
+import org.springframework.http.HttpHeaders;
 import org.springframework.http.ResponseEntity;
 import org.springframework.validation.annotation.Validated;
 import org.springframework.web.bind.annotation.DeleteMapping;
@@ -31,6 +35,7 @@
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.PutMapping;
 import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestHeader;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.RestController;
@@ -42,11 +47,14 @@ public class ProductApiController {
     private final ProductService productService;
     private final WishProductService wishProductService;
     private final ProductOptionService productOptionService;
+    private final OrderService orderService;
 
-    public ProductApiController(ProductService productService, WishProductService wishProductService, ProductOptionService productOptionService) {
+    public ProductApiController(ProductService productService, WishProductService wishProductService, ProductOptionService productOptionService,
+        OrderService orderService) {
         this.productService = productService;
         this.wishProductService = wishProductService;
         this.productOptionService = productOptionService;
+        this.orderService = orderService;
     }
 
     @GetMapping
@@ -55,6 +63,12 @@ public ResponseEntity<ReadAllProductsResponse> readAllProducts(@PageableDefault
         return ResponseEntity.ok(response);
     }
 
+    @GetMapping(params = "categoryId")
+    public ResponseEntity<ReadAllProductsResponse> readProductsByCategoryId(@PageableDefault Pageable pageable, @RequestParam Long categoryId) {
+        ReadAllProductsResponse response = productService.readProductsByCategoryId(categoryId, pageable);
+        return ResponseEntity.ok(response);
+    }
+
     @PostMapping
     public ResponseEntity<CreateProductResponse> createProduct(
         @Validated @RequestBody CreateProductRequest request) throws URISyntaxException {
@@ -64,12 +78,6 @@ public ResponseEntity<CreateProductResponse> createProduct(
         return ResponseEntity.created(location).body(response);
     }
 
-    @GetMapping(params = "categoryId")
-    public ResponseEntity<ReadAllProductsResponse> readProductsByCategoryId(@PageableDefault Pageable pageable, @RequestParam Long categoryId) {
-        ReadAllProductsResponse response = productService.readProductsByCategoryId(categoryId, pageable);
-        return ResponseEntity.ok(response);
-    }
-
     @GetMapping("/{productId}")
     public ResponseEntity<ReadProductResponse> readProduct(@PathVariable Long productId) {
         ReadProductResponse response;
@@ -114,6 +122,17 @@ public ResponseEntity<CreateProductOptionResponse> createOption(@PathVariable Lo
         return ResponseEntity.created(location).body(response);
     }
 
+    @PostMapping("/{productId}/order")
+    public ResponseEntity<OrderResponse> orderProduct(
+        @RequestHeader(HttpHeaders.AUTHORIZATION) String accessToken,
+        @PathVariable Long productId,
+        @RequestBody @Validated CreateOrderRequest request,
+        @LoginMember MemberDetails memberDetails
+    ) {
+        OrderResponse response = orderService.createOrder(accessToken, productId, memberDetails.getId(), request);
+        return ResponseEntity.ok(response);
+    }
+
     @PutMapping("/{productId}/options/{optionId}")
     public ResponseEntity<UpdateProductOptionResponse> updateOption(@PathVariable Long productId, @PathVariable Long optionId, @Validated @RequestBody UpdateProductOptionRequest request) {
         UpdateProductOptionResponse response = productOptionService.updateOption(optionId, productId, request);
diff --git a/src/main/java/gift/web/controller/view/ProductViewController.java b/src/main/java/gift/web/controller/view/ProductViewController.java
index d13e7df69..44aa5e0ae 100644
--- a/src/main/java/gift/web/controller/view/ProductViewController.java
+++ b/src/main/java/gift/web/controller/view/ProductViewController.java
@@ -1,6 +1,7 @@
 package gift.web.controller.view;
 
 import gift.authentication.annotation.LoginMember;
+import gift.config.KakaoProperties;
 import gift.service.ProductService;
 import gift.web.dto.MemberDetails;
 import gift.web.dto.form.CreateProductForm;
@@ -19,8 +20,11 @@ public class ProductViewController {
 
     private final ProductService productService;
 
-    public ProductViewController(ProductService productService) {
+    private final KakaoProperties kakaoProperties;
+
+    public ProductViewController(ProductService productService, KakaoProperties kakaoProperties) {
         this.productService = productService;
+        this.kakaoProperties = kakaoProperties;
     }
 
     @GetMapping("/products")
@@ -45,7 +49,9 @@ public String editForm(@PathVariable Long id, Model model) {
     }
 
     @GetMapping("/login")
-    public String loginForm() {
+    public String loginForm(Model model) {
+        model.addAttribute("clientId", kakaoProperties.getClientId());
+        model.addAttribute("redirectUri", kakaoProperties.getRedirectUri());
         return "form/login-form";
     }
 
diff --git a/src/main/java/gift/web/dto/request/order/CreateOrderRequest.java b/src/main/java/gift/web/dto/request/order/CreateOrderRequest.java
new file mode 100644
index 000000000..13e28791f
--- /dev/null
+++ b/src/main/java/gift/web/dto/request/order/CreateOrderRequest.java
@@ -0,0 +1,46 @@
+package gift.web.dto.request.order;
+
+import gift.domain.Order;
+import jakarta.validation.constraints.Min;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+
+public class CreateOrderRequest {
+
+    @NotNull
+    private final Long optionId;
+
+    @Min(1)
+    private final Integer quantity;
+
+    @NotEmpty
+    private final String message;
+
+    public CreateOrderRequest(Long optionId, Integer quantity, String message) {
+        this.optionId = optionId;
+        this.quantity = quantity;
+        this.message = message;
+    }
+
+    public Order toEntity(Long memberId, Long productId) {
+        return new Order.Builder()
+            .memberId(memberId)
+            .productId(productId)
+            .productOptionId(optionId)
+            .quantity(quantity)
+            .message(message)
+            .build();
+    }
+
+    public Long getOptionId() {
+        return optionId;
+    }
+
+    public Integer getQuantity() {
+        return quantity;
+    }
+
+    public String getMessage() {
+        return message;
+    }
+}
diff --git a/src/main/java/gift/web/dto/response/order/OrderResponse.java b/src/main/java/gift/web/dto/response/order/OrderResponse.java
new file mode 100644
index 000000000..6601555e4
--- /dev/null
+++ b/src/main/java/gift/web/dto/response/order/OrderResponse.java
@@ -0,0 +1,41 @@
+package gift.web.dto.response.order;
+
+import gift.domain.Order;
+
+public class OrderResponse {
+
+    private Long productId;
+
+    private Long optionId;
+
+    private Integer quantity;
+
+    private String message;
+
+    public OrderResponse(Long productId, Long optionId, Integer quantity, String message) {
+        this.productId = productId;
+        this.optionId = optionId;
+        this.quantity = quantity;
+        this.message = message;
+    }
+
+    public static OrderResponse from(Order order) {
+        return new OrderResponse(order.getProductId(), order.getProductOptionId(), order.getQuantity(), order.getMessage());
+    }
+
+    public Long getProductId() {
+        return productId;
+    }
+
+    public Long getOptionId() {
+        return optionId;
+    }
+
+    public Integer getQuantity() {
+        return quantity;
+    }
+
+    public String getMessage() {
+        return message;
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/gift/web/dto/response/product/ReadProductResponse.java b/src/main/java/gift/web/dto/response/product/ReadProductResponse.java
index 48ba51892..c9346ef41 100644
--- a/src/main/java/gift/web/dto/response/product/ReadProductResponse.java
+++ b/src/main/java/gift/web/dto/response/product/ReadProductResponse.java
@@ -2,6 +2,8 @@
 
 import gift.domain.Product;
 import gift.web.dto.response.category.ReadCategoryResponse;
+import gift.web.dto.response.productoption.ReadProductOptionResponse;
+import java.util.List;
 
 public class ReadProductResponse {
 
@@ -9,19 +11,28 @@ public class ReadProductResponse {
     private final String name;
     private final Integer price;
     private final String imageUrl;
+    private final List<ReadProductOptionResponse> options;
     private final ReadCategoryResponse category;
 
-    private ReadProductResponse(Long id, String name, Integer price, String imageUrl,
-        ReadCategoryResponse category) {
+    public ReadProductResponse(Long id, String name, Integer price, String imageUrl,
+        List<ReadProductOptionResponse> options, ReadCategoryResponse category) {
         this.id = id;
         this.name = name;
         this.price = price;
         this.imageUrl = imageUrl;
+        this.options = options;
         this.category = category;
     }
 
     public static ReadProductResponse fromEntity(Product product) {
-        return new ReadProductResponse(product.getId(), product.getName(), product.getPrice(), product.getImageUrl().toString(), ReadCategoryResponse.fromEntity(product.getCategory()));
+        List<ReadProductOptionResponse> productOptions = product.getProductOptions()
+            .stream()
+            .map(ReadProductOptionResponse::fromEntity)
+            .toList();
+
+        ReadCategoryResponse category = ReadCategoryResponse.fromEntity(product.getCategory());
+
+        return new ReadProductResponse(product.getId(), product.getName(), product.getPrice(), product.getImageUrl().toString(), productOptions, category);
     }
 
     public Long getId() {
@@ -40,6 +51,10 @@ public String getImageUrl() {
         return imageUrl;
     }
 
+    public List<ReadProductOptionResponse> getOptions() {
+        return options;
+    }
+
     public ReadCategoryResponse getCategory() {
         return category;
     }
diff --git a/src/main/resources/static/category.html b/src/main/resources/static/category.html
new file mode 100644
index 000000000..e4686ff75
--- /dev/null
+++ b/src/main/resources/static/category.html
@@ -0,0 +1,1149 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Asciidoctor 2.0.18">
+<title>카테고리 API</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
+<style>
+/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
+/* Uncomment the following line when using as a custom stylesheet */
+/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; */
+html{font-family:sans-serif;-webkit-text-size-adjust:100%}
+a{background:none}
+a:focus{outline:thin dotted}
+a:active,a:hover{outline:0}
+h1{font-size:2em;margin:.67em 0}
+b,strong{font-weight:bold}
+abbr{font-size:.9em}
+abbr[title]{cursor:help;border-bottom:1px dotted #dddddf;text-decoration:none}
+dfn{font-style:italic}
+hr{height:0}
+mark{background:#ff0;color:#000}
+code,kbd,pre,samp{font-family:monospace;font-size:1em}
+pre{white-space:pre-wrap}
+q{quotes:"\201C" "\201D" "\2018" "\2019"}
+small{font-size:80%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-.5em}
+sub{bottom:-.25em}
+img{border:0}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+audio,video{display:inline-block}
+audio:not([controls]){display:none;height:0}
+fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;padding:0}
+button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
+button,input{line-height:normal}
+button,select{text-transform:none}
+button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
+button[disabled],html input[disabled]{cursor:default}
+input[type=checkbox],input[type=radio]{padding:0}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+*,::before,::after{box-sizing:border-box}
+html,body{font-size:100%}
+body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;line-height:1;position:relative;cursor:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-wrap:anywhere;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
+a:hover{cursor:pointer}
+img,object,embed{max-width:100%;height:auto}
+object,embed{height:100%}
+img{-ms-interpolation-mode:bicubic}
+.left{float:left!important}
+.right{float:right!important}
+.text-left{text-align:left!important}
+.text-right{text-align:right!important}
+.text-center{text-align:center!important}
+.text-justify{text-align:justify!important}
+.hide{display:none}
+img,object,svg{display:inline-block;vertical-align:middle}
+textarea{height:auto;min-height:50px}
+select{width:100%}
+.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
+div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
+a{color:#2156a5;text-decoration:underline;line-height:inherit}
+a:hover,a:focus{color:#1d4b8f}
+a img{border:0}
+p{line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
+p aside{font-size:.875em;line-height:1.35;font-style:italic}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
+h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
+h1{font-size:2.125em}
+h2{font-size:1.6875em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
+h4,h5{font-size:1.125em}
+h6{font-size:1em}
+hr{border:solid #dddddf;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em}
+em,i{font-style:italic;line-height:inherit}
+strong,b{font-weight:bold;line-height:inherit}
+small{font-size:60%;line-height:inherit}
+code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
+ul,ol,dl{line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
+ul,ol{margin-left:1.5em}
+ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0}
+ul.circle{list-style-type:circle}
+ul.disc{list-style-type:disc}
+ul.square{list-style-type:square}
+ul.circle ul:not([class]),ul.disc ul:not([class]),ul.square ul:not([class]){list-style:inherit}
+ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
+dl dt{margin-bottom:.3125em;font-weight:bold}
+dl dd{margin-bottom:1.25em}
+blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
+blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
+@media screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
+h1{font-size:2.75em}
+h2{font-size:2.3125em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
+h4{font-size:1.4375em}}
+table{background:#fff;margin-bottom:1.25em;border:1px solid #dedede;word-wrap:normal}
+table thead,table tfoot{background:#f7f8f7}
+table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
+table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
+table tr.even,table tr.alt{background:#f8f8f7}
+table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{line-height:1.6}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
+h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
+.center{margin-left:auto;margin-right:auto}
+.stretch{width:100%}
+.clearfix::before,.clearfix::after,.float-group::before,.float-group::after{content:" ";display:table}
+.clearfix::after,.float-group::after{clear:both}
+:not(pre).nobreak{word-wrap:normal}
+:not(pre).nowrap{white-space:nowrap}
+:not(pre).pre-wrap{white-space:pre-wrap}
+:not(pre):not([class^=L])>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background:#f7f7f8;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
+pre{color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;line-height:1.45;text-rendering:optimizeSpeed}
+pre code,pre pre{color:inherit;font-size:inherit;line-height:inherit}
+pre>code{display:block}
+pre.nowrap,pre.nowrap pre{white-space:pre;word-wrap:normal}
+em em{font-style:normal}
+strong strong{font-weight:400}
+.keyseq{color:rgba(51,51,51,.8)}
+kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 .1em #fff;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
+.keyseq kbd:first-child{margin-left:0}
+.keyseq kbd:last-child{margin-right:0}
+.menuseq,.menuref{color:#000}
+.menuseq b:not(.caret),.menuref{font-weight:inherit}
+.menuseq{word-spacing:-.02em}
+.menuseq b.caret{font-size:1.25em;line-height:.8}
+.menuseq i.caret{font-weight:bold;text-align:center;width:.45em}
+b.button::before,b.button::after{position:relative;top:-1px;font-weight:400}
+b.button::before{content:"[";padding:0 3px 0 2px}
+b.button::after{content:"]";padding:0 2px 0 3px}
+p a>code:hover{color:rgba(0,0,0,.9)}
+#header,#content,#footnotes,#footer{width:100%;margin:0 auto;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
+#header::before,#header::after,#content::before,#content::after,#footnotes::before,#footnotes::after,#footer::before,#footer::after{content:" ";display:table}
+#header::after,#content::after,#footnotes::after,#footer::after{clear:both}
+#content{margin-top:1.25em}
+#content::before{content:none}
+#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
+#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #dddddf}
+#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
+#header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:flex;flex-flow:row wrap}
+#header .details span:first-child{margin-left:-.125em}
+#header .details span.email a{color:rgba(0,0,0,.85)}
+#header .details br{display:none}
+#header .details br+span::before{content:"\00a0\2013\00a0"}
+#header .details br+span.author::before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
+#header .details br+span#revremark::before{content:"\00a0|\00a0"}
+#header #revnumber{text-transform:capitalize}
+#header #revnumber::after{content:"\00a0"}
+#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #dddddf;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
+#toc{border-bottom:1px solid #e7e7e9;padding-bottom:.5em}
+#toc>ul{margin-left:.125em}
+#toc ul.sectlevel0>li>a{font-style:italic}
+#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
+#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
+#toc li{line-height:1.3334;margin-top:.3334em}
+#toc a{text-decoration:none}
+#toc a:active{text-decoration:underline}
+#toctitle{color:#7a2518;font-size:1.2em}
+@media screen and (min-width:768px){#toctitle{font-size:1.375em}
+body.toc2{padding-left:15em;padding-right:0}
+#toc.toc2{margin-top:0!important;background:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #e7e7e9;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
+#toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
+#toc.toc2>ul{font-size:.9em;margin-bottom:0}
+#toc.toc2 ul ul{margin-left:0;padding-left:1em}
+#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
+body.toc2.toc-right{padding-left:0;padding-right:15em}
+body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #e7e7e9;left:auto;right:0}}
+@media screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
+#toc.toc2{width:20em}
+#toc.toc2 #toctitle{font-size:1.375em}
+#toc.toc2>ul{font-size:.95em}
+#toc.toc2 ul ul{padding-left:1.25em}
+body.toc2.toc-right{padding-left:0;padding-right:20em}}
+#content #toc{border:1px solid #e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;border-radius:4px}
+#content #toc>:first-child{margin-top:0}
+#content #toc>:last-child{margin-bottom:0}
+#footer{max-width:none;background:rgba(0,0,0,.8);padding:1.25em}
+#footer-text{color:hsla(0,0%,100%,.8);line-height:1.44}
+#content{margin-bottom:.625em}
+.sect1{padding-bottom:.625em}
+@media screen and (min-width:768px){#content{margin-bottom:1.25em}
+.sect1{padding-bottom:1.25em}}
+.sect1:last-child{padding-bottom:0}
+.sect1+.sect1{border-top:1px solid #e7e7e9}
+#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
+#content h1>a.anchor::before,h2>a.anchor::before,h3>a.anchor::before,#toctitle>a.anchor::before,.sidebarblock>.content>.title>a.anchor::before,h4>a.anchor::before,h5>a.anchor::before,h6>a.anchor::before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
+#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
+#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
+#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
+details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
+details{margin-left:1.25rem}
+details>summary{cursor:pointer;display:block;position:relative;line-height:1.6;margin-bottom:.625rem;outline:none;-webkit-tap-highlight-color:transparent}
+details>summary::-webkit-details-marker{display:none}
+details>summary::before{content:"";border:solid transparent;border-left:solid;border-width:.3em 0 .3em .5em;position:absolute;top:.5em;left:-1.25rem;transform:translateX(15%)}
+details[open]>summary::before{border:solid transparent;border-top:solid;border-width:.5em .3em 0;transform:translateY(15%)}
+details>summary::after{content:"";width:1.25rem;height:1em;position:absolute;top:.3em;left:-1.25rem}
+.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
+table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
+.paragraph.lead>p,#preamble>.sectionbody>[class=paragraph]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
+.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
+.admonitionblock>table td.icon{text-align:center;width:80px}
+.admonitionblock>table td.icon img{max-width:none}
+.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
+.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6);word-wrap:anywhere}
+.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
+.exampleblock>.content{border:1px solid #e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;border-radius:4px}
+.exampleblock>.content>:first-child{margin-top:0}
+.exampleblock>.content>:last-child{margin-bottom:0}
+.sidebarblock{border:1px solid #dbdbd6;margin-bottom:1.25em;padding:1.25em;background:#f3f3f2;border-radius:4px}
+.sidebarblock>:first-child{margin-top:0}
+.sidebarblock>:last-child{margin-bottom:0}
+.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
+.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
+.literalblock pre,.listingblock>.content>pre{border-radius:4px;overflow-x:auto;padding:1em;font-size:.8125em}
+@media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}}
+@media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}}
+.literalblock pre,.listingblock>.content>pre:not(.highlight),.listingblock>.content>pre[class=highlight],.listingblock>.content>pre[class^="highlight "]{background:#f7f7f8}
+.literalblock.output pre{color:#f7f7f8;background:rgba(0,0,0,.9)}
+.listingblock>.content{position:relative}
+.listingblock code[data-lang]::before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:inherit;opacity:.5}
+.listingblock:hover code[data-lang]::before{display:block}
+.listingblock.terminal pre .command::before{content:attr(data-prompt);padding-right:.5em;color:inherit;opacity:.5}
+.listingblock.terminal pre .command:not([data-prompt])::before{content:"$"}
+.listingblock pre.highlightjs{padding:0}
+.listingblock pre.highlightjs>code{padding:1em;border-radius:4px}
+.listingblock pre.prettyprint{border-width:0}
+.prettyprint{background:#f7f7f8}
+pre.prettyprint .linenums{line-height:1.45;margin-left:2em}
+pre.prettyprint li{background:none;list-style-type:inherit;padding-left:0}
+pre.prettyprint li code[data-lang]::before{opacity:1}
+pre.prettyprint li:not(:first-child) code[data-lang]::before{display:none}
+table.linenotable{border-collapse:separate;border:0;margin-bottom:0;background:none}
+table.linenotable td[class]{color:inherit;vertical-align:top;padding:0;line-height:inherit;white-space:normal}
+table.linenotable td.code{padding-left:.75em}
+table.linenotable td.linenos,pre.pygments .linenos{border-right:1px solid;opacity:.35;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+pre.pygments span.linenos{display:inline-block;margin-right:.75em}
+.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
+.quoteblock:not(.excerpt)>.title{margin-left:-1.5em;margin-bottom:.75em}
+.quoteblock blockquote,.quoteblock p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
+.quoteblock blockquote{margin:0;padding:0;border:0}
+.quoteblock blockquote::before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
+.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
+.quoteblock .attribution{margin-top:.75em;margin-right:.5ex;text-align:right}
+.verseblock{margin:0 1em 1.25em}
+.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans-serif;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
+.verseblock pre strong{font-weight:400}
+.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
+.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
+.quoteblock .attribution br,.verseblock .attribution br{display:none}
+.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
+.quoteblock.abstract blockquote::before,.quoteblock.excerpt blockquote::before,.quoteblock .quoteblock blockquote::before{display:none}
+.quoteblock.abstract blockquote,.quoteblock.abstract p,.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{line-height:1.6;word-spacing:0}
+.quoteblock.abstract{margin:0 1em 1.25em;display:block}
+.quoteblock.abstract>.title{margin:0 0 .375em;font-size:1.15em;text-align:center}
+.quoteblock.excerpt>blockquote,.quoteblock .quoteblock{padding:0 0 .25em 1em;border-left:.25em solid #dddddf}
+.quoteblock.excerpt,.quoteblock .quoteblock{margin-left:0}
+.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{color:inherit;font-size:1.0625rem}
+.quoteblock.excerpt .attribution,.quoteblock .quoteblock .attribution{color:inherit;font-size:.85rem;text-align:left;margin-right:0}
+p.tableblock:last-child{margin-bottom:0}
+td.tableblock>.content{margin-bottom:1.25em;word-wrap:anywhere}
+td.tableblock>.content>:last-child{margin-bottom:-1.25em}
+table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
+table.grid-all>*>tr>*{border-width:1px}
+table.grid-cols>*>tr>*{border-width:0 1px}
+table.grid-rows>*>tr>*{border-width:1px 0}
+table.frame-all{border-width:1px}
+table.frame-ends{border-width:1px 0}
+table.frame-sides{border-width:0 1px}
+table.frame-none>colgroup+*>:first-child>*,table.frame-sides>colgroup+*>:first-child>*{border-top-width:0}
+table.frame-none>:last-child>:last-child>*,table.frame-sides>:last-child>:last-child>*{border-bottom-width:0}
+table.frame-none>*>tr>:first-child,table.frame-ends>*>tr>:first-child{border-left-width:0}
+table.frame-none>*>tr>:last-child,table.frame-ends>*>tr>:last-child{border-right-width:0}
+table.stripes-all>*>tr,table.stripes-odd>*>tr:nth-of-type(odd),table.stripes-even>*>tr:nth-of-type(even),table.stripes-hover>*>tr:hover{background:#f8f8f7}
+th.halign-left,td.halign-left{text-align:left}
+th.halign-right,td.halign-right{text-align:right}
+th.halign-center,td.halign-center{text-align:center}
+th.valign-top,td.valign-top{vertical-align:top}
+th.valign-bottom,td.valign-bottom{vertical-align:bottom}
+th.valign-middle,td.valign-middle{vertical-align:middle}
+table thead th,table tfoot th{font-weight:bold}
+tbody tr th{background:#f7f8f7}
+tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
+p.tableblock>code:only-child{background:none;padding:0}
+p.tableblock{font-size:1em}
+ol{margin-left:1.75em}
+ul li ol{margin-left:1.5em}
+dl dd{margin-left:1.125em}
+dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
+li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
+ul.checklist,ul.none,ol.none,ul.no-bullet,ol.no-bullet,ol.unnumbered,ul.unstyled,ol.unstyled{list-style-type:none}
+ul.no-bullet,ol.no-bullet,ol.unnumbered{margin-left:.625em}
+ul.unstyled,ol.unstyled{margin-left:0}
+li>p:empty:only-child::before{content:"";display:inline-block}
+ul.checklist>li>p:first-child{margin-left:-1em}
+ul.checklist>li>p:first-child>.fa-square-o:first-child,ul.checklist>li>p:first-child>.fa-check-square-o:first-child{width:1.25em;font-size:.8em;position:relative;bottom:.125em}
+ul.checklist>li>p:first-child>input[type=checkbox]:first-child{margin-right:.25em}
+ul.inline{display:flex;flex-flow:row wrap;list-style:none;margin:0 0 .625em -1.25em}
+ul.inline>li{margin-left:1.25em}
+.unstyled dl dt{font-weight:400;font-style:normal}
+ol.arabic{list-style-type:decimal}
+ol.decimal{list-style-type:decimal-leading-zero}
+ol.loweralpha{list-style-type:lower-alpha}
+ol.upperalpha{list-style-type:upper-alpha}
+ol.lowerroman{list-style-type:lower-roman}
+ol.upperroman{list-style-type:upper-roman}
+ol.lowergreek{list-style-type:lower-greek}
+.hdlist>table,.colist>table{border:0;background:none}
+.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
+td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
+td.hdlist1{font-weight:bold;padding-bottom:1.25em}
+td.hdlist2{word-wrap:anywhere}
+.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
+.colist td:not([class]):first-child{padding:.4em .75em 0;line-height:1;vertical-align:top}
+.colist td:not([class]):first-child img{max-width:none}
+.colist td:not([class]):last-child{padding:.25em 0}
+.thumb,.th{line-height:0;display:inline-block;border:4px solid #fff;box-shadow:0 0 0 1px #ddd}
+.imageblock.left{margin:.25em .625em 1.25em 0}
+.imageblock.right{margin:.25em 0 1.25em .625em}
+.imageblock>.title{margin-bottom:0}
+.imageblock.thumb,.imageblock.th{border-width:6px}
+.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
+.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
+.image.left{margin-right:.625em}
+.image.right{margin-left:.625em}
+a.image{text-decoration:none;display:inline-block}
+a.image object{pointer-events:none}
+sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
+sup.footnote a,sup.footnoteref a{text-decoration:none}
+sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
+#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
+#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em;border-width:1px 0 0}
+#footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;margin-bottom:.2em}
+#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none;margin-left:-1.05em}
+#footnotes .footnote:last-of-type{margin-bottom:0}
+#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
+div.unbreakable{page-break-inside:avoid}
+.big{font-size:larger}
+.small{font-size:smaller}
+.underline{text-decoration:underline}
+.overline{text-decoration:overline}
+.line-through{text-decoration:line-through}
+.aqua{color:#00bfbf}
+.aqua-background{background:#00fafa}
+.black{color:#000}
+.black-background{background:#000}
+.blue{color:#0000bf}
+.blue-background{background:#0000fa}
+.fuchsia{color:#bf00bf}
+.fuchsia-background{background:#fa00fa}
+.gray{color:#606060}
+.gray-background{background:#7d7d7d}
+.green{color:#006000}
+.green-background{background:#007d00}
+.lime{color:#00bf00}
+.lime-background{background:#00fa00}
+.maroon{color:#600000}
+.maroon-background{background:#7d0000}
+.navy{color:#000060}
+.navy-background{background:#00007d}
+.olive{color:#606000}
+.olive-background{background:#7d7d00}
+.purple{color:#600060}
+.purple-background{background:#7d007d}
+.red{color:#bf0000}
+.red-background{background:#fa0000}
+.silver{color:#909090}
+.silver-background{background:#bcbcbc}
+.teal{color:#006060}
+.teal-background{background:#007d7d}
+.white{color:#bfbfbf}
+.white-background{background:#fafafa}
+.yellow{color:#bfbf00}
+.yellow-background{background:#fafa00}
+span.icon>.fa{cursor:default}
+a span.icon>.fa{cursor:inherit}
+.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
+.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
+.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
+.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
+.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
+.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
+.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(0,0,0,.8);border-radius:50%;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
+.conum[data-value] *{color:#fff!important}
+.conum[data-value]+b{display:none}
+.conum[data-value]::after{content:attr(data-value)}
+pre .conum[data-value]{position:relative;top:-.125em}
+b.conum *{color:inherit!important}
+.conum:not([data-value]):empty{display:none}
+dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
+h1,h2,p,td.content,span.alt,summary{letter-spacing:-.01em}
+p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
+p,blockquote,dt,td.content,span.alt,summary{font-size:1.0625rem}
+p{margin-bottom:1.25rem}
+.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
+.exampleblock>.content{background:#fffef7;border-color:#e0e0dc;box-shadow:0 1px 4px #e0e0dc}
+.print-only{display:none!important}
+@page{margin:1.25cm .75cm}
+@media print{*{box-shadow:none!important;text-shadow:none!important}
+html{font-size:80%}
+a{color:inherit!important;text-decoration:underline!important}
+a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
+a[href^="http:"]:not(.bare)::after,a[href^="https:"]:not(.bare)::after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
+abbr[title]{border-bottom:1px dotted}
+abbr[title]::after{content:" (" attr(title) ")"}
+pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
+thead{display:table-header-group}
+svg{max-width:100%}
+p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
+h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
+#header,#content,#footnotes,#footer{max-width:none}
+#toc,.sidebarblock,.exampleblock>.content{background:none!important}
+#toc{border-bottom:1px solid #dddddf!important;padding-bottom:0!important}
+body.book #header{text-align:center}
+body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em}
+body.book #header .details{border:0!important;display:block;padding:0!important}
+body.book #header .details span:first-child{margin-left:0!important}
+body.book #header .details br{display:block}
+body.book #header .details br+span::before{content:none!important}
+body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
+body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
+.listingblock code[data-lang]::before{display:block}
+#footer{padding:0 .9375em}
+.hide-on-print{display:none!important}
+.print-only{display:block!important}
+.hide-for-print{display:none!important}
+.show-for-print{display:inherit!important}}
+@media amzn-kf8,print{#header>h1:first-child{margin-top:1.25rem}
+.sect1{padding:0!important}
+.sect1+.sect1{border:0}
+#footer{background:none}
+#footer-text{color:rgba(0,0,0,.6);font-size:.9em}}
+@media amzn-kf8{#header,#content,#footnotes,#footer{padding:0}}
+</style>
+</head>
+<body class="article">
+<div id="header">
+</div>
+<div id="content">
+<div class="sect1">
+<h2 id="_카테고리_api">카테고리 API</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_카테고리_생성">카테고리 생성</h3>
+<div class="sect3">
+<h4 id="_카테고리_생성_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/categories' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA' \
+    -d '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/categories HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Content-Length: 147
+Host: localhost:8080
+
+{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/categories/1
+Content-Type: application/json
+Content-Length: 159
+
+{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}' | http POST 'http://localhost:8080/api/categories' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_카테고리_수정">카테고리 수정</h3>
+<div class="sect3">
+<h4 id="_카테고리_수정_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/categories/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA' \
+    -d '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">PUT /api/categories/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Content-Length: 147
+Host: localhost:8080
+
+{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 159
+
+{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}' | http PUT 'http://localhost:8080/api/categories/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_카테고리_삭제">카테고리 삭제</h3>
+<div class="sect3">
+<h4 id="_카테고리_삭제_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/categories/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">DELETE /api/categories/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http DELETE 'http://localhost:8080/api/categories/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_단일_카테고리_조회">단일 카테고리 조회</h3>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/categories/1' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/categories/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 159
+
+{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/categories/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_전체_카테고리_조회">전체 카테고리 조회</h3>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/categories' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/categories HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 369
+
+{
+  "categories" : [ {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }, {
+    "id" : 2,
+    "name" : "카테고리02",
+    "description" : "카테고리02 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/categories' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_query_parameters">Query parameters</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>size</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 크기</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>sort</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">정렬 조건</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "categories" : [ {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }, {
+    "id" : 2,
+    "name" : "카테고리02",
+    "description" : "카테고리02 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div id="footer">
+<div id="footer-text">
+Version 0.0.1-SNAPSHOT<br>
+Last updated 2024-07-31 00:55:05 +0900
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/docs.html b/src/main/resources/static/docs.html
new file mode 100644
index 000000000..a53ac9af9
--- /dev/null
+++ b/src/main/resources/static/docs.html
@@ -0,0 +1,3950 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Asciidoctor 2.0.18">
+<title>카카오 테크 캠퍼스 STEP 2 - REST Docs</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
+<style>
+/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
+/* Uncomment the following line when using as a custom stylesheet */
+/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; */
+html{font-family:sans-serif;-webkit-text-size-adjust:100%}
+a{background:none}
+a:focus{outline:thin dotted}
+a:active,a:hover{outline:0}
+h1{font-size:2em;margin:.67em 0}
+b,strong{font-weight:bold}
+abbr{font-size:.9em}
+abbr[title]{cursor:help;border-bottom:1px dotted #dddddf;text-decoration:none}
+dfn{font-style:italic}
+hr{height:0}
+mark{background:#ff0;color:#000}
+code,kbd,pre,samp{font-family:monospace;font-size:1em}
+pre{white-space:pre-wrap}
+q{quotes:"\201C" "\201D" "\2018" "\2019"}
+small{font-size:80%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-.5em}
+sub{bottom:-.25em}
+img{border:0}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+audio,video{display:inline-block}
+audio:not([controls]){display:none;height:0}
+fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;padding:0}
+button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
+button,input{line-height:normal}
+button,select{text-transform:none}
+button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
+button[disabled],html input[disabled]{cursor:default}
+input[type=checkbox],input[type=radio]{padding:0}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+*,::before,::after{box-sizing:border-box}
+html,body{font-size:100%}
+body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;line-height:1;position:relative;cursor:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-wrap:anywhere;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
+a:hover{cursor:pointer}
+img,object,embed{max-width:100%;height:auto}
+object,embed{height:100%}
+img{-ms-interpolation-mode:bicubic}
+.left{float:left!important}
+.right{float:right!important}
+.text-left{text-align:left!important}
+.text-right{text-align:right!important}
+.text-center{text-align:center!important}
+.text-justify{text-align:justify!important}
+.hide{display:none}
+img,object,svg{display:inline-block;vertical-align:middle}
+textarea{height:auto;min-height:50px}
+select{width:100%}
+.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
+div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
+a{color:#2156a5;text-decoration:underline;line-height:inherit}
+a:hover,a:focus{color:#1d4b8f}
+a img{border:0}
+p{line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
+p aside{font-size:.875em;line-height:1.35;font-style:italic}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
+h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
+h1{font-size:2.125em}
+h2{font-size:1.6875em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
+h4,h5{font-size:1.125em}
+h6{font-size:1em}
+hr{border:solid #dddddf;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em}
+em,i{font-style:italic;line-height:inherit}
+strong,b{font-weight:bold;line-height:inherit}
+small{font-size:60%;line-height:inherit}
+code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
+ul,ol,dl{line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
+ul,ol{margin-left:1.5em}
+ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0}
+ul.circle{list-style-type:circle}
+ul.disc{list-style-type:disc}
+ul.square{list-style-type:square}
+ul.circle ul:not([class]),ul.disc ul:not([class]),ul.square ul:not([class]){list-style:inherit}
+ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
+dl dt{margin-bottom:.3125em;font-weight:bold}
+dl dd{margin-bottom:1.25em}
+blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
+blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
+@media screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
+h1{font-size:2.75em}
+h2{font-size:2.3125em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
+h4{font-size:1.4375em}}
+table{background:#fff;margin-bottom:1.25em;border:1px solid #dedede;word-wrap:normal}
+table thead,table tfoot{background:#f7f8f7}
+table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
+table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
+table tr.even,table tr.alt{background:#f8f8f7}
+table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{line-height:1.6}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
+h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
+.center{margin-left:auto;margin-right:auto}
+.stretch{width:100%}
+.clearfix::before,.clearfix::after,.float-group::before,.float-group::after{content:" ";display:table}
+.clearfix::after,.float-group::after{clear:both}
+:not(pre).nobreak{word-wrap:normal}
+:not(pre).nowrap{white-space:nowrap}
+:not(pre).pre-wrap{white-space:pre-wrap}
+:not(pre):not([class^=L])>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background:#f7f7f8;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
+pre{color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;line-height:1.45;text-rendering:optimizeSpeed}
+pre code,pre pre{color:inherit;font-size:inherit;line-height:inherit}
+pre>code{display:block}
+pre.nowrap,pre.nowrap pre{white-space:pre;word-wrap:normal}
+em em{font-style:normal}
+strong strong{font-weight:400}
+.keyseq{color:rgba(51,51,51,.8)}
+kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 .1em #fff;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
+.keyseq kbd:first-child{margin-left:0}
+.keyseq kbd:last-child{margin-right:0}
+.menuseq,.menuref{color:#000}
+.menuseq b:not(.caret),.menuref{font-weight:inherit}
+.menuseq{word-spacing:-.02em}
+.menuseq b.caret{font-size:1.25em;line-height:.8}
+.menuseq i.caret{font-weight:bold;text-align:center;width:.45em}
+b.button::before,b.button::after{position:relative;top:-1px;font-weight:400}
+b.button::before{content:"[";padding:0 3px 0 2px}
+b.button::after{content:"]";padding:0 2px 0 3px}
+p a>code:hover{color:rgba(0,0,0,.9)}
+#header,#content,#footnotes,#footer{width:100%;margin:0 auto;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
+#header::before,#header::after,#content::before,#content::after,#footnotes::before,#footnotes::after,#footer::before,#footer::after{content:" ";display:table}
+#header::after,#content::after,#footnotes::after,#footer::after{clear:both}
+#content{margin-top:1.25em}
+#content::before{content:none}
+#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
+#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #dddddf}
+#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
+#header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:flex;flex-flow:row wrap}
+#header .details span:first-child{margin-left:-.125em}
+#header .details span.email a{color:rgba(0,0,0,.85)}
+#header .details br{display:none}
+#header .details br+span::before{content:"\00a0\2013\00a0"}
+#header .details br+span.author::before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
+#header .details br+span#revremark::before{content:"\00a0|\00a0"}
+#header #revnumber{text-transform:capitalize}
+#header #revnumber::after{content:"\00a0"}
+#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #dddddf;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
+#toc{border-bottom:1px solid #e7e7e9;padding-bottom:.5em}
+#toc>ul{margin-left:.125em}
+#toc ul.sectlevel0>li>a{font-style:italic}
+#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
+#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
+#toc li{line-height:1.3334;margin-top:.3334em}
+#toc a{text-decoration:none}
+#toc a:active{text-decoration:underline}
+#toctitle{color:#7a2518;font-size:1.2em}
+@media screen and (min-width:768px){#toctitle{font-size:1.375em}
+body.toc2{padding-left:15em;padding-right:0}
+#toc.toc2{margin-top:0!important;background:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #e7e7e9;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
+#toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
+#toc.toc2>ul{font-size:.9em;margin-bottom:0}
+#toc.toc2 ul ul{margin-left:0;padding-left:1em}
+#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
+body.toc2.toc-right{padding-left:0;padding-right:15em}
+body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #e7e7e9;left:auto;right:0}}
+@media screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
+#toc.toc2{width:20em}
+#toc.toc2 #toctitle{font-size:1.375em}
+#toc.toc2>ul{font-size:.95em}
+#toc.toc2 ul ul{padding-left:1.25em}
+body.toc2.toc-right{padding-left:0;padding-right:20em}}
+#content #toc{border:1px solid #e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;border-radius:4px}
+#content #toc>:first-child{margin-top:0}
+#content #toc>:last-child{margin-bottom:0}
+#footer{max-width:none;background:rgba(0,0,0,.8);padding:1.25em}
+#footer-text{color:hsla(0,0%,100%,.8);line-height:1.44}
+#content{margin-bottom:.625em}
+.sect1{padding-bottom:.625em}
+@media screen and (min-width:768px){#content{margin-bottom:1.25em}
+.sect1{padding-bottom:1.25em}}
+.sect1:last-child{padding-bottom:0}
+.sect1+.sect1{border-top:1px solid #e7e7e9}
+#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
+#content h1>a.anchor::before,h2>a.anchor::before,h3>a.anchor::before,#toctitle>a.anchor::before,.sidebarblock>.content>.title>a.anchor::before,h4>a.anchor::before,h5>a.anchor::before,h6>a.anchor::before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
+#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
+#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
+#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
+details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
+details{margin-left:1.25rem}
+details>summary{cursor:pointer;display:block;position:relative;line-height:1.6;margin-bottom:.625rem;outline:none;-webkit-tap-highlight-color:transparent}
+details>summary::-webkit-details-marker{display:none}
+details>summary::before{content:"";border:solid transparent;border-left:solid;border-width:.3em 0 .3em .5em;position:absolute;top:.5em;left:-1.25rem;transform:translateX(15%)}
+details[open]>summary::before{border:solid transparent;border-top:solid;border-width:.5em .3em 0;transform:translateY(15%)}
+details>summary::after{content:"";width:1.25rem;height:1em;position:absolute;top:.3em;left:-1.25rem}
+.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
+table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
+.paragraph.lead>p,#preamble>.sectionbody>[class=paragraph]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
+.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
+.admonitionblock>table td.icon{text-align:center;width:80px}
+.admonitionblock>table td.icon img{max-width:none}
+.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
+.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6);word-wrap:anywhere}
+.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
+.exampleblock>.content{border:1px solid #e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;border-radius:4px}
+.exampleblock>.content>:first-child{margin-top:0}
+.exampleblock>.content>:last-child{margin-bottom:0}
+.sidebarblock{border:1px solid #dbdbd6;margin-bottom:1.25em;padding:1.25em;background:#f3f3f2;border-radius:4px}
+.sidebarblock>:first-child{margin-top:0}
+.sidebarblock>:last-child{margin-bottom:0}
+.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
+.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
+.literalblock pre,.listingblock>.content>pre{border-radius:4px;overflow-x:auto;padding:1em;font-size:.8125em}
+@media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}}
+@media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}}
+.literalblock pre,.listingblock>.content>pre:not(.highlight),.listingblock>.content>pre[class=highlight],.listingblock>.content>pre[class^="highlight "]{background:#f7f7f8}
+.literalblock.output pre{color:#f7f7f8;background:rgba(0,0,0,.9)}
+.listingblock>.content{position:relative}
+.listingblock code[data-lang]::before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:inherit;opacity:.5}
+.listingblock:hover code[data-lang]::before{display:block}
+.listingblock.terminal pre .command::before{content:attr(data-prompt);padding-right:.5em;color:inherit;opacity:.5}
+.listingblock.terminal pre .command:not([data-prompt])::before{content:"$"}
+.listingblock pre.highlightjs{padding:0}
+.listingblock pre.highlightjs>code{padding:1em;border-radius:4px}
+.listingblock pre.prettyprint{border-width:0}
+.prettyprint{background:#f7f7f8}
+pre.prettyprint .linenums{line-height:1.45;margin-left:2em}
+pre.prettyprint li{background:none;list-style-type:inherit;padding-left:0}
+pre.prettyprint li code[data-lang]::before{opacity:1}
+pre.prettyprint li:not(:first-child) code[data-lang]::before{display:none}
+table.linenotable{border-collapse:separate;border:0;margin-bottom:0;background:none}
+table.linenotable td[class]{color:inherit;vertical-align:top;padding:0;line-height:inherit;white-space:normal}
+table.linenotable td.code{padding-left:.75em}
+table.linenotable td.linenos,pre.pygments .linenos{border-right:1px solid;opacity:.35;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+pre.pygments span.linenos{display:inline-block;margin-right:.75em}
+.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
+.quoteblock:not(.excerpt)>.title{margin-left:-1.5em;margin-bottom:.75em}
+.quoteblock blockquote,.quoteblock p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
+.quoteblock blockquote{margin:0;padding:0;border:0}
+.quoteblock blockquote::before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
+.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
+.quoteblock .attribution{margin-top:.75em;margin-right:.5ex;text-align:right}
+.verseblock{margin:0 1em 1.25em}
+.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans-serif;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
+.verseblock pre strong{font-weight:400}
+.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
+.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
+.quoteblock .attribution br,.verseblock .attribution br{display:none}
+.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
+.quoteblock.abstract blockquote::before,.quoteblock.excerpt blockquote::before,.quoteblock .quoteblock blockquote::before{display:none}
+.quoteblock.abstract blockquote,.quoteblock.abstract p,.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{line-height:1.6;word-spacing:0}
+.quoteblock.abstract{margin:0 1em 1.25em;display:block}
+.quoteblock.abstract>.title{margin:0 0 .375em;font-size:1.15em;text-align:center}
+.quoteblock.excerpt>blockquote,.quoteblock .quoteblock{padding:0 0 .25em 1em;border-left:.25em solid #dddddf}
+.quoteblock.excerpt,.quoteblock .quoteblock{margin-left:0}
+.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{color:inherit;font-size:1.0625rem}
+.quoteblock.excerpt .attribution,.quoteblock .quoteblock .attribution{color:inherit;font-size:.85rem;text-align:left;margin-right:0}
+p.tableblock:last-child{margin-bottom:0}
+td.tableblock>.content{margin-bottom:1.25em;word-wrap:anywhere}
+td.tableblock>.content>:last-child{margin-bottom:-1.25em}
+table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
+table.grid-all>*>tr>*{border-width:1px}
+table.grid-cols>*>tr>*{border-width:0 1px}
+table.grid-rows>*>tr>*{border-width:1px 0}
+table.frame-all{border-width:1px}
+table.frame-ends{border-width:1px 0}
+table.frame-sides{border-width:0 1px}
+table.frame-none>colgroup+*>:first-child>*,table.frame-sides>colgroup+*>:first-child>*{border-top-width:0}
+table.frame-none>:last-child>:last-child>*,table.frame-sides>:last-child>:last-child>*{border-bottom-width:0}
+table.frame-none>*>tr>:first-child,table.frame-ends>*>tr>:first-child{border-left-width:0}
+table.frame-none>*>tr>:last-child,table.frame-ends>*>tr>:last-child{border-right-width:0}
+table.stripes-all>*>tr,table.stripes-odd>*>tr:nth-of-type(odd),table.stripes-even>*>tr:nth-of-type(even),table.stripes-hover>*>tr:hover{background:#f8f8f7}
+th.halign-left,td.halign-left{text-align:left}
+th.halign-right,td.halign-right{text-align:right}
+th.halign-center,td.halign-center{text-align:center}
+th.valign-top,td.valign-top{vertical-align:top}
+th.valign-bottom,td.valign-bottom{vertical-align:bottom}
+th.valign-middle,td.valign-middle{vertical-align:middle}
+table thead th,table tfoot th{font-weight:bold}
+tbody tr th{background:#f7f8f7}
+tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
+p.tableblock>code:only-child{background:none;padding:0}
+p.tableblock{font-size:1em}
+ol{margin-left:1.75em}
+ul li ol{margin-left:1.5em}
+dl dd{margin-left:1.125em}
+dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
+li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
+ul.checklist,ul.none,ol.none,ul.no-bullet,ol.no-bullet,ol.unnumbered,ul.unstyled,ol.unstyled{list-style-type:none}
+ul.no-bullet,ol.no-bullet,ol.unnumbered{margin-left:.625em}
+ul.unstyled,ol.unstyled{margin-left:0}
+li>p:empty:only-child::before{content:"";display:inline-block}
+ul.checklist>li>p:first-child{margin-left:-1em}
+ul.checklist>li>p:first-child>.fa-square-o:first-child,ul.checklist>li>p:first-child>.fa-check-square-o:first-child{width:1.25em;font-size:.8em;position:relative;bottom:.125em}
+ul.checklist>li>p:first-child>input[type=checkbox]:first-child{margin-right:.25em}
+ul.inline{display:flex;flex-flow:row wrap;list-style:none;margin:0 0 .625em -1.25em}
+ul.inline>li{margin-left:1.25em}
+.unstyled dl dt{font-weight:400;font-style:normal}
+ol.arabic{list-style-type:decimal}
+ol.decimal{list-style-type:decimal-leading-zero}
+ol.loweralpha{list-style-type:lower-alpha}
+ol.upperalpha{list-style-type:upper-alpha}
+ol.lowerroman{list-style-type:lower-roman}
+ol.upperroman{list-style-type:upper-roman}
+ol.lowergreek{list-style-type:lower-greek}
+.hdlist>table,.colist>table{border:0;background:none}
+.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
+td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
+td.hdlist1{font-weight:bold;padding-bottom:1.25em}
+td.hdlist2{word-wrap:anywhere}
+.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
+.colist td:not([class]):first-child{padding:.4em .75em 0;line-height:1;vertical-align:top}
+.colist td:not([class]):first-child img{max-width:none}
+.colist td:not([class]):last-child{padding:.25em 0}
+.thumb,.th{line-height:0;display:inline-block;border:4px solid #fff;box-shadow:0 0 0 1px #ddd}
+.imageblock.left{margin:.25em .625em 1.25em 0}
+.imageblock.right{margin:.25em 0 1.25em .625em}
+.imageblock>.title{margin-bottom:0}
+.imageblock.thumb,.imageblock.th{border-width:6px}
+.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
+.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
+.image.left{margin-right:.625em}
+.image.right{margin-left:.625em}
+a.image{text-decoration:none;display:inline-block}
+a.image object{pointer-events:none}
+sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
+sup.footnote a,sup.footnoteref a{text-decoration:none}
+sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
+#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
+#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em;border-width:1px 0 0}
+#footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;margin-bottom:.2em}
+#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none;margin-left:-1.05em}
+#footnotes .footnote:last-of-type{margin-bottom:0}
+#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
+div.unbreakable{page-break-inside:avoid}
+.big{font-size:larger}
+.small{font-size:smaller}
+.underline{text-decoration:underline}
+.overline{text-decoration:overline}
+.line-through{text-decoration:line-through}
+.aqua{color:#00bfbf}
+.aqua-background{background:#00fafa}
+.black{color:#000}
+.black-background{background:#000}
+.blue{color:#0000bf}
+.blue-background{background:#0000fa}
+.fuchsia{color:#bf00bf}
+.fuchsia-background{background:#fa00fa}
+.gray{color:#606060}
+.gray-background{background:#7d7d7d}
+.green{color:#006000}
+.green-background{background:#007d00}
+.lime{color:#00bf00}
+.lime-background{background:#00fa00}
+.maroon{color:#600000}
+.maroon-background{background:#7d0000}
+.navy{color:#000060}
+.navy-background{background:#00007d}
+.olive{color:#606000}
+.olive-background{background:#7d7d00}
+.purple{color:#600060}
+.purple-background{background:#7d007d}
+.red{color:#bf0000}
+.red-background{background:#fa0000}
+.silver{color:#909090}
+.silver-background{background:#bcbcbc}
+.teal{color:#006060}
+.teal-background{background:#007d7d}
+.white{color:#bfbfbf}
+.white-background{background:#fafafa}
+.yellow{color:#bfbf00}
+.yellow-background{background:#fafa00}
+span.icon>.fa{cursor:default}
+a span.icon>.fa{cursor:inherit}
+.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
+.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
+.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
+.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
+.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
+.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
+.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(0,0,0,.8);border-radius:50%;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
+.conum[data-value] *{color:#fff!important}
+.conum[data-value]+b{display:none}
+.conum[data-value]::after{content:attr(data-value)}
+pre .conum[data-value]{position:relative;top:-.125em}
+b.conum *{color:inherit!important}
+.conum:not([data-value]):empty{display:none}
+dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
+h1,h2,p,td.content,span.alt,summary{letter-spacing:-.01em}
+p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
+p,blockquote,dt,td.content,span.alt,summary{font-size:1.0625rem}
+p{margin-bottom:1.25rem}
+.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
+.exampleblock>.content{background:#fffef7;border-color:#e0e0dc;box-shadow:0 1px 4px #e0e0dc}
+.print-only{display:none!important}
+@page{margin:1.25cm .75cm}
+@media print{*{box-shadow:none!important;text-shadow:none!important}
+html{font-size:80%}
+a{color:inherit!important;text-decoration:underline!important}
+a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
+a[href^="http:"]:not(.bare)::after,a[href^="https:"]:not(.bare)::after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
+abbr[title]{border-bottom:1px dotted}
+abbr[title]::after{content:" (" attr(title) ")"}
+pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
+thead{display:table-header-group}
+svg{max-width:100%}
+p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
+h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
+#header,#content,#footnotes,#footer{max-width:none}
+#toc,.sidebarblock,.exampleblock>.content{background:none!important}
+#toc{border-bottom:1px solid #dddddf!important;padding-bottom:0!important}
+body.book #header{text-align:center}
+body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em}
+body.book #header .details{border:0!important;display:block;padding:0!important}
+body.book #header .details span:first-child{margin-left:0!important}
+body.book #header .details br{display:block}
+body.book #header .details br+span::before{content:none!important}
+body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
+body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
+.listingblock code[data-lang]::before{display:block}
+#footer{padding:0 .9375em}
+.hide-on-print{display:none!important}
+.print-only{display:block!important}
+.hide-for-print{display:none!important}
+.show-for-print{display:inherit!important}}
+@media amzn-kf8,print{#header>h1:first-child{margin-top:1.25rem}
+.sect1{padding:0!important}
+.sect1+.sect1{border:0}
+#footer{background:none}
+#footer-text{color:rgba(0,0,0,.6);font-size:.9em}}
+@media amzn-kf8{#header,#content,#footnotes,#footer{padding:0}}
+</style>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.3/styles/github.min.css">
+</head>
+<body class="book toc2 toc-left">
+<div id="header">
+<h1>카카오 테크 캠퍼스 STEP 2 - REST Docs</h1>
+<div class="details">
+<span id="revnumber">version 0.0.1-SNAPSHOT</span>
+</div>
+<div id="toc" class="toc2">
+<div id="toctitle">Table of Contents</div>
+<ul class="sectlevel1">
+<li><a href="#_상품_api">상품 API</a>
+<ul class="sectlevel2">
+<li><a href="#_전체_상품_조회">전체 상품 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_전체_상품_조회_curl_request">Curl request</a></li>
+<li><a href="#_전체_상품_조회_http_request">HTTP request</a></li>
+<li><a href="#_전체_상품_조회_http_response">HTTP response</a></li>
+<li><a href="#_전체_상품_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_전체_상품_조회_query_parameters">Query parameters</a></li>
+<li><a href="#_전체_상품_조회_request_body">Request body</a></li>
+<li><a href="#_전체_상품_조회_response_body">Response body</a></li>
+<li><a href="#_전체_상품_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_단일_상품_조회">단일 상품 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_단일_상품_조회_curl_request">Curl request</a></li>
+<li><a href="#_단일_상품_조회_http_request">HTTP request</a></li>
+<li><a href="#_단일_상품_조회_http_response">HTTP response</a></li>
+<li><a href="#_단일_상품_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_단일_상품_조회_request_body">Request body</a></li>
+<li><a href="#_단일_상품_조회_response_body">Response body</a></li>
+<li><a href="#_단일_상품_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_생성">상품 생성</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_생성_curl_request">Curl request</a></li>
+<li><a href="#_상품_생성_http_request">HTTP request</a></li>
+<li><a href="#_상품_생성_http_response">HTTP response</a></li>
+<li><a href="#_상품_생성_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_생성_request_body">Request body</a></li>
+<li><a href="#_상품_생성_request_fields">Request fields</a></li>
+<li><a href="#_상품_생성_response_body">Response body</a></li>
+<li><a href="#_상품_생성_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_수정">상품 수정</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_수정_curl_request">Curl request</a></li>
+<li><a href="#_상품_수정_http_request">HTTP request</a></li>
+<li><a href="#_상품_수정_http_response">HTTP response</a></li>
+<li><a href="#_상품_수정_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_수정_request_body">Request body</a></li>
+<li><a href="#_상품_수정_request_fields">Request fields</a></li>
+<li><a href="#_상품_수정_response_body">Response body</a></li>
+<li><a href="#_상품_수정_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_삭제">상품 삭제</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_삭제_curl_request">Curl request</a></li>
+<li><a href="#_상품_삭제_http_request">HTTP request</a></li>
+<li><a href="#_상품_삭제_http_response">HTTP response</a></li>
+<li><a href="#_상품_삭제_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_삭제_request_body">Request body</a></li>
+<li><a href="#_상품_삭제_response_body">Response body</a></li>
+</ul>
+</li>
+<li><a href="#_상품_주문">상품 주문</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_주문_curl_request">Curl request</a></li>
+<li><a href="#_상품_주문_http_request">HTTP request</a></li>
+<li><a href="#_상품_주문_http_response">HTTP response</a></li>
+<li><a href="#_상품_주문_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_주문_request_body">Request body</a></li>
+<li><a href="#_상품_주문_request_fields">Request fields</a></li>
+<li><a href="#_상품_주문_response_body">Response body</a></li>
+<li><a href="#_상품_주문_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_위시_상품_추가">위시 상품 추가</a>
+<ul class="sectlevel3">
+<li><a href="#_위시_상품_추가_curl_request">Curl request</a></li>
+<li><a href="#_위시_상품_추가_http_request">HTTP request</a></li>
+<li><a href="#_위시_상품_추가_http_response">HTTP response</a></li>
+<li><a href="#_위시_상품_추가_httpie_request">HTTPie request</a></li>
+<li><a href="#_위시_상품_추가_request_body">Request body</a></li>
+<li><a href="#_위시_상품_추가_request_fields">Request fields</a></li>
+<li><a href="#_위시_상품_추가_response_body">Response body</a></li>
+<li><a href="#_위시_상품_추가_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_옵션_생성">상품 옵션 생성</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_옵션_생성_curl_request">Curl request</a></li>
+<li><a href="#_상품_옵션_생성_http_request">HTTP request</a></li>
+<li><a href="#_상품_옵션_생성_http_response">HTTP response</a></li>
+<li><a href="#_상품_옵션_생성_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_옵션_생성_request_body">Request body</a></li>
+<li><a href="#_상품_옵션_생성_response_body">Response body</a></li>
+<li><a href="#_상품_옵션_생성_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_옵션_조회">상품 옵션 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_옵션_조회_curl_request">Curl request</a></li>
+<li><a href="#_상품_옵션_조회_http_request">HTTP request</a></li>
+<li><a href="#_상품_옵션_조회_http_response">HTTP response</a></li>
+<li><a href="#_상품_옵션_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_옵션_조회_request_body">Request body</a></li>
+<li><a href="#_상품_옵션_조회_response_body">Response body</a></li>
+<li><a href="#_상품_옵션_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_옵션_수정">상품 옵션 수정</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_옵션_수정_curl_request">Curl request</a></li>
+<li><a href="#_상품_옵션_수정_http_request">HTTP request</a></li>
+<li><a href="#_상품_옵션_수정_http_response">HTTP response</a></li>
+<li><a href="#_상품_옵션_수정_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_옵션_수정_request_body">Request body</a></li>
+<li><a href="#_상품_옵션_수정_request_fields">Request fields</a></li>
+<li><a href="#_상품_옵션_수정_response_body">Response body</a></li>
+<li><a href="#_상품_옵션_수정_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_상품_옵션_삭제">상품 옵션 삭제</a>
+<ul class="sectlevel3">
+<li><a href="#_상품_옵션_삭제_curl_request">Curl request</a></li>
+<li><a href="#_상품_옵션_삭제_http_request">HTTP request</a></li>
+<li><a href="#_상품_옵션_삭제_http_response">HTTP response</a></li>
+<li><a href="#_상품_옵션_삭제_httpie_request">HTTPie request</a></li>
+<li><a href="#_상품_옵션_삭제_request_body">Request body</a></li>
+<li><a href="#_상품_옵션_삭제_response_body">Response body</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li><a href="#_카테고리_api">카테고리 API</a>
+<ul class="sectlevel2">
+<li><a href="#_카테고리_생성">카테고리 생성</a>
+<ul class="sectlevel3">
+<li><a href="#_카테고리_생성_curl_request">Curl request</a></li>
+<li><a href="#_카테고리_생성_http_request">HTTP request</a></li>
+<li><a href="#_카테고리_생성_http_response">HTTP response</a></li>
+<li><a href="#_카테고리_생성_httpie_request">HTTPie request</a></li>
+<li><a href="#_카테고리_생성_request_body">Request body</a></li>
+<li><a href="#_카테고리_생성_request_fields">Request fields</a></li>
+<li><a href="#_카테고리_생성_response_body">Response body</a></li>
+<li><a href="#_카테고리_생성_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_카테고리_수정">카테고리 수정</a>
+<ul class="sectlevel3">
+<li><a href="#_카테고리_수정_curl_request">Curl request</a></li>
+<li><a href="#_카테고리_수정_http_request">HTTP request</a></li>
+<li><a href="#_카테고리_수정_http_response">HTTP response</a></li>
+<li><a href="#_카테고리_수정_httpie_request">HTTPie request</a></li>
+<li><a href="#_카테고리_수정_request_body">Request body</a></li>
+<li><a href="#_카테고리_수정_request_fields">Request fields</a></li>
+<li><a href="#_카테고리_수정_response_body">Response body</a></li>
+<li><a href="#_카테고리_수정_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_카테고리_삭제">카테고리 삭제</a>
+<ul class="sectlevel3">
+<li><a href="#_카테고리_삭제_curl_request">Curl request</a></li>
+<li><a href="#_카테고리_삭제_http_request">HTTP request</a></li>
+<li><a href="#_카테고리_삭제_http_response">HTTP response</a></li>
+<li><a href="#_카테고리_삭제_httpie_request">HTTPie request</a></li>
+<li><a href="#_카테고리_삭제_request_body">Request body</a></li>
+<li><a href="#_카테고리_삭제_response_body">Response body</a></li>
+</ul>
+</li>
+<li><a href="#_단일_카테고리_조회">단일 카테고리 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_단일_카테고리_조회_curl_request">Curl request</a></li>
+<li><a href="#_단일_카테고리_조회_http_request">HTTP request</a></li>
+<li><a href="#_단일_카테고리_조회_http_response">HTTP response</a></li>
+<li><a href="#_단일_카테고리_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_단일_카테고리_조회_request_body">Request body</a></li>
+<li><a href="#_단일_카테고리_조회_response_body">Response body</a></li>
+<li><a href="#_단일_카테고리_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_전체_카테고리_조회">전체 카테고리 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_전체_카테고리_조회_curl_request">Curl request</a></li>
+<li><a href="#_전체_카테고리_조회_http_request">HTTP request</a></li>
+<li><a href="#_전체_카테고리_조회_http_response">HTTP response</a></li>
+<li><a href="#_전체_카테고리_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_전체_카테고리_조회_query_parameters">Query parameters</a></li>
+<li><a href="#_전체_카테고리_조회_request_body">Request body</a></li>
+<li><a href="#_전체_카테고리_조회_response_body">Response body</a></li>
+<li><a href="#_전체_카테고리_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li><a href="#_회원_api">회원 API</a>
+<ul class="sectlevel2">
+<li><a href="#_회원가입">회원가입</a>
+<ul class="sectlevel3">
+<li><a href="#_회원가입_curl_request">Curl request</a></li>
+<li><a href="#_회원가입_http_request">HTTP request</a></li>
+<li><a href="#_회원가입_http_response">HTTP response</a></li>
+<li><a href="#_회원가입_httpie_request">HTTPie request</a></li>
+<li><a href="#_회원가입_request_body">Request body</a></li>
+<li><a href="#_회원가입_request_fields">Request fields</a></li>
+<li><a href="#_회원가입_response_body">Response body</a></li>
+<li><a href="#_회원가입_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_로그인">로그인</a>
+<ul class="sectlevel3">
+<li><a href="#_로그인_curl_request">Curl request</a></li>
+<li><a href="#_로그인_http_request">HTTP request</a></li>
+<li><a href="#_로그인_http_response">HTTP response</a></li>
+<li><a href="#_로그인_httpie_request">HTTPie request</a></li>
+<li><a href="#_로그인_request_body">Request body</a></li>
+<li><a href="#_로그인_request_fields">Request fields</a></li>
+<li><a href="#_로그인_response_body">Response body</a></li>
+<li><a href="#_로그인_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_회원_조회">회원 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_회원_조회_curl_request">Curl request</a></li>
+<li><a href="#_회원_조회_http_request">HTTP request</a></li>
+<li><a href="#_회원_조회_http_response">HTTP response</a></li>
+<li><a href="#_회원_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_회원_조회_request_body">Request body</a></li>
+<li><a href="#_회원_조회_response_body">Response body</a></li>
+<li><a href="#_회원_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_위시_상품_조회">위시 상품 조회</a>
+<ul class="sectlevel3">
+<li><a href="#_위시_상품_조회_curl_request">Curl request</a></li>
+<li><a href="#_위시_상품_조회_http_request">HTTP request</a></li>
+<li><a href="#_위시_상품_조회_http_response">HTTP response</a></li>
+<li><a href="#_위시_상품_조회_httpie_request">HTTPie request</a></li>
+<li><a href="#_위시_상품_조회_query_parameters">Query parameters</a></li>
+<li><a href="#_위시_상품_조회_request_body">Request body</a></li>
+<li><a href="#_위시_상품_조회_response_body">Response body</a></li>
+<li><a href="#_위시_상품_조회_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_위시_상품_수정">위시 상품 수정</a>
+<ul class="sectlevel3">
+<li><a href="#_위시_상품_수정_curl_request">Curl request</a></li>
+<li><a href="#_위시_상품_수정_http_request">HTTP request</a></li>
+<li><a href="#_위시_상품_수정_http_response">HTTP response</a></li>
+<li><a href="#_위시_상품_수정_httpie_request">HTTPie request</a></li>
+<li><a href="#_위시_상품_수정_request_body">Request body</a></li>
+<li><a href="#_위시_상품_수정_request_fields">Request fields</a></li>
+<li><a href="#_위시_상품_수정_response_body">Response body</a></li>
+<li><a href="#_위시_상품_수정_response_fields">Response fields</a></li>
+</ul>
+</li>
+<li><a href="#_위시_상품_삭제">위시 상품 삭제</a>
+<ul class="sectlevel3">
+<li><a href="#_위시_상품_삭제_curl_request">Curl request</a></li>
+<li><a href="#_위시_상품_삭제_http_request">HTTP request</a></li>
+<li><a href="#_위시_상품_삭제_http_response">HTTP response</a></li>
+<li><a href="#_위시_상품_삭제_httpie_request">HTTPie request</a></li>
+<li><a href="#_위시_상품_삭제_request_body">Request body</a></li>
+<li><a href="#_위시_상품_삭제_response_body">Response body</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li><a href="#_소셜_로그인_api">소셜 로그인 API</a>
+<ul class="sectlevel2">
+<li><a href="#_카카오_로그인">카카오 로그인</a>
+<ul class="sectlevel3">
+<li><a href="#_카카오_로그인_curl_request">Curl request</a></li>
+<li><a href="#_카카오_로그인_http_request">HTTP request</a></li>
+<li><a href="#_카카오_로그인_http_response">HTTP response</a></li>
+<li><a href="#_카카오_로그인_httpie_request">HTTPie request</a></li>
+<li><a href="#_카카오_로그인_query_parameters">Query parameters</a></li>
+<li><a href="#_카카오_로그인_request_body">Request body</a></li>
+<li><a href="#_카카오_로그인_response_body">Response body</a></li>
+<li><a href="#_카카오_로그인_response_fields">Response fields</a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<div id="content">
+<div class="sect1">
+<h2 id="_상품_api"><a class="link" href="#_상품_api">상품 API</a></h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_전체_상품_조회"><a class="link" href="#_전체_상품_조회">전체 상품 조회</a></h3>
+<div class="sect3">
+<h4 id="_전체_상품_조회_curl_request"><a class="link" href="#_전체_상품_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products?page=0&amp;size=10' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_http_request"><a class="link" href="#_전체_상품_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/products?page=0&amp;size=10 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_http_response"><a class="link" href="#_전체_상품_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 443
+
+{
+  "products" : [ {
+    "id" : 1,
+    "name" : "상품01",
+    "price" : 1000,
+    "imageUrl" : "https://via.placeholder.com/150",
+    "options" : [ {
+      "id" : 1,
+      "name" : "상품 옵션 01",
+      "stock" : 100
+    } ],
+    "category" : {
+      "id" : 1,
+      "name" : "카테고리01",
+      "description" : "카테고리01 입니다",
+      "imageUrl" : "https://via.placeholder.com/150",
+      "color" : "#FFFFFF"
+    }
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_httpie_request"><a class="link" href="#_전체_상품_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/products?page=0&amp;size=10' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_query_parameters"><a class="link" href="#_전체_상품_조회_query_parameters">Query parameters</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>size</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 크기</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_request_body"><a class="link" href="#_전체_상품_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_response_body"><a class="link" href="#_전체_상품_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "products" : [ {
+    "id" : 1,
+    "name" : "상품01",
+    "price" : 1000,
+    "imageUrl" : "https://via.placeholder.com/150",
+    "options" : [ {
+      "id" : 1,
+      "name" : "상품 옵션 01",
+      "stock" : 100
+    } ],
+    "category" : {
+      "id" : 1,
+      "name" : "카테고리01",
+      "description" : "카테고리01 입니다",
+      "imageUrl" : "https://via.placeholder.com/150",
+      "color" : "#FFFFFF"
+    }
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_response_fields"><a class="link" href="#_전체_상품_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 색상</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_단일_상품_조회"><a class="link" href="#_단일_상품_조회">단일 상품 조회</a></h3>
+<div class="sect3">
+<h4 id="_단일_상품_조회_curl_request"><a class="link" href="#_단일_상품_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_http_request"><a class="link" href="#_단일_상품_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/products/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_http_response"><a class="link" href="#_단일_상품_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 386
+
+{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ],
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_httpie_request"><a class="link" href="#_단일_상품_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/products/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_request_body"><a class="link" href="#_단일_상품_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_response_body"><a class="link" href="#_단일_상품_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ],
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_response_fields"><a class="link" href="#_단일_상품_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 색상</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_생성"><a class="link" href="#_상품_생성">상품 생성</a></h3>
+<div class="sect3">
+<h4 id="_상품_생성_curl_request"><a class="link" href="#_상품_생성_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_http_request"><a class="link" href="#_상품_생성_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/products HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 196
+Host: localhost:8080
+
+{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_http_response"><a class="link" href="#_상품_생성_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/products/1
+Content-Type: application/json
+Content-Length: 216
+
+{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100,
+    "productId" : 1
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_httpie_request"><a class="link" href="#_상품_생성_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}' | http POST 'http://localhost:8080/api/products' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_request_body"><a class="link" href="#_상품_생성_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_request_fields"><a class="link" href="#_상품_생성_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categoryId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productOptions</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productOptions[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productOptions[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_response_body"><a class="link" href="#_상품_생성_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100,
+    "productId" : 1
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_response_fields"><a class="link" href="#_상품_생성_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 상품 ID</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_수정"><a class="link" href="#_상품_수정">상품 수정</a></h3>
+<div class="sect3">
+<h4 id="_상품_수정_curl_request"><a class="link" href="#_상품_수정_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_http_request"><a class="link" href="#_상품_수정_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">PUT /api/products/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 93
+Host: localhost:8080
+
+{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_http_response"><a class="link" href="#_상품_수정_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 296
+
+{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_httpie_request"><a class="link" href="#_상품_수정_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}' | http PUT 'http://localhost:8080/api/products/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_request_body"><a class="link" href="#_상품_수정_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_request_fields"><a class="link" href="#_상품_수정_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_response_body"><a class="link" href="#_상품_수정_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_response_fields"><a class="link" href="#_상품_수정_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 색상</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_삭제"><a class="link" href="#_상품_삭제">상품 삭제</a></h3>
+<div class="sect3">
+<h4 id="_상품_삭제_curl_request"><a class="link" href="#_상품_삭제_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_http_request"><a class="link" href="#_상품_삭제_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">DELETE /api/products/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_http_response"><a class="link" href="#_상품_삭제_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_httpie_request"><a class="link" href="#_상품_삭제_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http DELETE 'http://localhost:8080/api/products/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_request_body"><a class="link" href="#_상품_삭제_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_response_body"><a class="link" href="#_상품_삭제_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_주문"><a class="link" href="#_상품_주문">상품 주문</a></h3>
+<div class="sect3">
+<h4 id="_상품_주문_curl_request"><a class="link" href="#_상품_주문_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/order' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_http_request"><a class="link" href="#_상품_주문_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/products/1/order HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 63
+Host: localhost:8080
+
+{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_http_response"><a class="link" href="#_상품_주문_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 83
+
+{
+  "productId" : 1,
+  "optionId" : 1,
+  "quantity" : 10,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_httpie_request"><a class="link" href="#_상품_주문_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}' | http POST 'http://localhost:8080/api/products/1/order' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_request_body"><a class="link" href="#_상품_주문_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_request_fields"><a class="link" href="#_상품_주문_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>optionId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">주문 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>message</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">메시지</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_response_body"><a class="link" href="#_상품_주문_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "productId" : 1,
+  "optionId" : 1,
+  "quantity" : 10,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_response_fields"><a class="link" href="#_상품_주문_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>optionId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">주문 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>message</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">메시지</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_추가"><a class="link" href="#_위시_상품_추가">위시 상품 추가</a></h3>
+<div class="sect3">
+<h4 id="_위시_상품_추가_curl_request"><a class="link" href="#_위시_상품_추가_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/wish' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "productId" : 1,
+  "quantity" : 1
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_http_request"><a class="link" href="#_위시_상품_추가_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/products/wish HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 39
+Host: localhost:8080
+
+{
+  "productId" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_http_response"><a class="link" href="#_위시_상품_추가_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 32
+
+{
+  "id" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_httpie_request"><a class="link" href="#_위시_상품_추가_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "productId" : 1,
+  "quantity" : 1
+}' | http POST 'http://localhost:8080/api/products/wish' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_request_body"><a class="link" href="#_위시_상품_추가_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "productId" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_request_fields"><a class="link" href="#_위시_상품_추가_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">수량</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_response_body"><a class="link" href="#_위시_상품_추가_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_response_fields"><a class="link" href="#_위시_상품_추가_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">위시 상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">수량</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_생성"><a class="link" href="#_상품_옵션_생성">상품 옵션 생성</a></h3>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_curl_request"><a class="link" href="#_상품_옵션_생성_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_http_request"><a class="link" href="#_상품_옵션_생성_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/products/1/options HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 50
+Host: localhost:8080
+
+{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_http_response"><a class="link" href="#_상품_옵션_생성_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/products/1/options/1
+Content-Type: application/json
+Content-Length: 62
+
+{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_httpie_request"><a class="link" href="#_상품_옵션_생성_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}' | http POST 'http://localhost:8080/api/products/1/options' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_request_body"><a class="link" href="#_상품_옵션_생성_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_response_body"><a class="link" href="#_상품_옵션_생성_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_response_fields"><a class="link" href="#_상품_옵션_생성_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_조회"><a class="link" href="#_상품_옵션_조회">상품 옵션 조회</a></h3>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_curl_request"><a class="link" href="#_상품_옵션_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_http_request"><a class="link" href="#_상품_옵션_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/products/1/options HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_http_response"><a class="link" href="#_상품_옵션_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 92
+
+{
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_httpie_request"><a class="link" href="#_상품_옵션_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/products/1/options' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_request_body"><a class="link" href="#_상품_옵션_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_response_body"><a class="link" href="#_상품_옵션_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_response_fields"><a class="link" href="#_상품_옵션_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_수정"><a class="link" href="#_상품_옵션_수정">상품 옵션 수정</a></h3>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_curl_request"><a class="link" href="#_상품_옵션_수정_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_http_request"><a class="link" href="#_상품_옵션_수정_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">PUT /api/products/1/options/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 50
+Host: localhost:8080
+
+{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_http_response"><a class="link" href="#_상품_옵션_수정_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 62
+
+{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_httpie_request"><a class="link" href="#_상품_옵션_수정_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}' | http PUT 'http://localhost:8080/api/products/1/options/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_request_body"><a class="link" href="#_상품_옵션_수정_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_request_fields"><a class="link" href="#_상품_옵션_수정_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_response_body"><a class="link" href="#_상품_옵션_수정_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_response_fields"><a class="link" href="#_상품_옵션_수정_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_삭제"><a class="link" href="#_상품_옵션_삭제">상품 옵션 삭제</a></h3>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_curl_request"><a class="link" href="#_상품_옵션_삭제_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_http_request"><a class="link" href="#_상품_옵션_삭제_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">DELETE /api/products/1/options/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_http_response"><a class="link" href="#_상품_옵션_삭제_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_httpie_request"><a class="link" href="#_상품_옵션_삭제_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http DELETE 'http://localhost:8080/api/products/1/options/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_request_body"><a class="link" href="#_상품_옵션_삭제_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_response_body"><a class="link" href="#_상품_옵션_삭제_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_카테고리_api"><a class="link" href="#_카테고리_api">카테고리 API</a></h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_카테고리_생성"><a class="link" href="#_카테고리_생성">카테고리 생성</a></h3>
+<div class="sect3">
+<h4 id="_카테고리_생성_curl_request"><a class="link" href="#_카테고리_생성_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/categories' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA' \
+    -d '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_http_request"><a class="link" href="#_카테고리_생성_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/categories HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Content-Length: 147
+Host: localhost:8080
+
+{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_http_response"><a class="link" href="#_카테고리_생성_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/categories/1
+Content-Type: application/json
+Content-Length: 159
+
+{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_httpie_request"><a class="link" href="#_카테고리_생성_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}' | http POST 'http://localhost:8080/api/categories' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_request_body"><a class="link" href="#_카테고리_생성_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_request_fields"><a class="link" href="#_카테고리_생성_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_response_body"><a class="link" href="#_카테고리_생성_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_생성_response_fields"><a class="link" href="#_카테고리_생성_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_카테고리_수정"><a class="link" href="#_카테고리_수정">카테고리 수정</a></h3>
+<div class="sect3">
+<h4 id="_카테고리_수정_curl_request"><a class="link" href="#_카테고리_수정_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/categories/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA' \
+    -d '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_http_request"><a class="link" href="#_카테고리_수정_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">PUT /api/categories/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Content-Length: 147
+Host: localhost:8080
+
+{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_http_response"><a class="link" href="#_카테고리_수정_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 159
+
+{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_httpie_request"><a class="link" href="#_카테고리_수정_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}' | http PUT 'http://localhost:8080/api/categories/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_request_body"><a class="link" href="#_카테고리_수정_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_request_fields"><a class="link" href="#_카테고리_수정_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_response_body"><a class="link" href="#_카테고리_수정_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_수정_response_fields"><a class="link" href="#_카테고리_수정_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_카테고리_삭제"><a class="link" href="#_카테고리_삭제">카테고리 삭제</a></h3>
+<div class="sect3">
+<h4 id="_카테고리_삭제_curl_request"><a class="link" href="#_카테고리_삭제_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/categories/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_http_request"><a class="link" href="#_카테고리_삭제_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">DELETE /api/categories/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_http_response"><a class="link" href="#_카테고리_삭제_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_httpie_request"><a class="link" href="#_카테고리_삭제_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http DELETE 'http://localhost:8080/api/categories/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_request_body"><a class="link" href="#_카테고리_삭제_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카테고리_삭제_response_body"><a class="link" href="#_카테고리_삭제_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_단일_카테고리_조회"><a class="link" href="#_단일_카테고리_조회">단일 카테고리 조회</a></h3>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_curl_request"><a class="link" href="#_단일_카테고리_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/categories/1' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_http_request"><a class="link" href="#_단일_카테고리_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/categories/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_http_response"><a class="link" href="#_단일_카테고리_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 159
+
+{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_httpie_request"><a class="link" href="#_단일_카테고리_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/categories/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_request_body"><a class="link" href="#_단일_카테고리_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_response_body"><a class="link" href="#_단일_카테고리_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "name" : "카테고리01",
+  "description" : "카테고리01 설명",
+  "imageUrl" : "https://via.placeholder.com/150",
+  "color" : "#FFFFFF"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_카테고리_조회_response_fields"><a class="link" href="#_단일_카테고리_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_전체_카테고리_조회"><a class="link" href="#_전체_카테고리_조회">전체 카테고리 조회</a></h3>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_curl_request"><a class="link" href="#_전체_카테고리_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/categories' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_http_request"><a class="link" href="#_전체_카테고리_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/categories HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_http_response"><a class="link" href="#_전체_카테고리_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 369
+
+{
+  "categories" : [ {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }, {
+    "id" : 2,
+    "name" : "카테고리02",
+    "description" : "카테고리02 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_httpie_request"><a class="link" href="#_전체_카테고리_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/categories' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTAyLCJleHAiOjE3MjIzNTg3MDJ9.Ui6qD8vxUswbaz_RdFW-pU7XmGPFxaXS0DU7FBlBJwB_-yuL9WVCc7bq5yOezJltGK77L6tu3653lFLyt6zZsA'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_query_parameters"><a class="link" href="#_전체_카테고리_조회_query_parameters">Query parameters</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>size</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 크기</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>sort</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">정렬 조건</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_request_body"><a class="link" href="#_전체_카테고리_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_response_body"><a class="link" href="#_전체_카테고리_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "categories" : [ {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }, {
+    "id" : 2,
+    "name" : "카테고리02",
+    "description" : "카테고리02 설명",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_카테고리_조회_response_fields"><a class="link" href="#_전체_카테고리_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categories[].color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">색상 코드</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_회원_api"><a class="link" href="#_회원_api">회원 API</a></h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_회원가입"><a class="link" href="#_회원가입">회원가입</a></h3>
+<div class="sect3">
+<h4 id="_회원가입_curl_request"><a class="link" href="#_회원가입_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/members/register' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -d '{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_http_request"><a class="link" href="#_회원가입_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/members/register HTTP/1.1
+Content-Type: application/json
+Content-Length: 88
+Host: localhost:8080
+
+{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_http_response"><a class="link" href="#_회원가입_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/members/1
+Content-Type: application/json
+Content-Length: 71
+
+{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_httpie_request"><a class="link" href="#_회원가입_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}' | http POST 'http://localhost:8080/api/members/register' \
+    'Content-Type:application/json'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_request_body"><a class="link" href="#_회원가입_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_request_fields"><a class="link" href="#_회원가입_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>password</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">비밀번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이름</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_response_body"><a class="link" href="#_회원가입_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_response_fields"><a class="link" href="#_회원가입_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">회원 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이름</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_로그인"><a class="link" href="#_로그인">로그인</a></h3>
+<div class="sect3">
+<h4 id="_로그인_curl_request"><a class="link" href="#_로그인_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/members/login' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -d '{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_http_request"><a class="link" href="#_로그인_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">POST /api/members/login HTTP/1.1
+Content-Type: application/json
+Content-Length: 65
+Host: localhost:8080
+
+{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_http_response"><a class="link" href="#_로그인_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 196
+
+{
+  "accessToken" : "eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_httpie_request"><a class="link" href="#_로그인_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}' | http POST 'http://localhost:8080/api/members/login' \
+    'Content-Type:application/json'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_request_body"><a class="link" href="#_로그인_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_request_fields"><a class="link" href="#_로그인_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>password</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">비밀번호</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_로그인_response_body"><a class="link" href="#_로그인_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "accessToken" : "eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_response_fields"><a class="link" href="#_로그인_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>accessToken</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Bearer Token</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_회원_조회"><a class="link" href="#_회원_조회">회원 조회</a></h3>
+<div class="sect3">
+<h4 id="_회원_조회_curl_request"><a class="link" href="#_회원_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/members/1' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_http_request"><a class="link" href="#_회원_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/members/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_http_response"><a class="link" href="#_회원_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 100
+
+{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_httpie_request"><a class="link" href="#_회원_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/members/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_request_body"><a class="link" href="#_회원_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_response_body"><a class="link" href="#_회원_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_response_fields"><a class="link" href="#_회원_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">회원 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>password</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">비밀번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이름</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_조회"><a class="link" href="#_위시_상품_조회">위시 상품 조회</a></h3>
+<div class="sect3">
+<h4 id="_위시_상품_조회_curl_request"><a class="link" href="#_위시_상품_조회_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/members/wishlist' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_http_request"><a class="link" href="#_위시_상품_조회_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/members/wishlist HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_http_response"><a class="link" href="#_위시_상품_조회_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 180
+
+{
+  "wishlist" : [ {
+    "id" : 1,
+    "productId" : 1,
+    "name" : "product01",
+    "price" : 1000,
+    "quantity" : 5,
+    "imageUrl" : "https://via.placeholder.com/150"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_httpie_request"><a class="link" href="#_위시_상품_조회_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/members/wishlist' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_query_parameters"><a class="link" href="#_위시_상품_조회_query_parameters">Query parameters</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>size</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 크기</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_request_body"><a class="link" href="#_위시_상품_조회_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_response_body"><a class="link" href="#_위시_상품_조회_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "wishlist" : [ {
+    "id" : 1,
+    "productId" : 1,
+    "name" : "product01",
+    "price" : 1000,
+    "quantity" : 5,
+    "imageUrl" : "https://via.placeholder.com/150"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_response_fields"><a class="link" href="#_위시_상품_조회_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">위시 상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">재고 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_수정"><a class="link" href="#_위시_상품_수정">위시 상품 수정</a></h3>
+<div class="sect3">
+<h4 id="_위시_상품_수정_curl_request"><a class="link" href="#_위시_상품_수정_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/members/wishlist/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "quantity" : 5
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_http_request"><a class="link" href="#_위시_상품_수정_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">PUT /api/members/wishlist/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 20
+Host: localhost:8080
+
+{
+  "quantity" : 5
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_http_response"><a class="link" href="#_위시_상품_수정_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 143
+
+{
+  "id" : 1,
+  "productId" : 1,
+  "name" : "product01",
+  "price" : 1000,
+  "quantity" : 5,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_httpie_request"><a class="link" href="#_위시_상품_수정_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ echo '{
+  "quantity" : 5
+}' | http PUT 'http://localhost:8080/api/members/wishlist/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_request_body"><a class="link" href="#_위시_상품_수정_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "quantity" : 5
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_request_fields"><a class="link" href="#_위시_상품_수정_request_fields">Request fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">수량</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_response_body"><a class="link" href="#_위시_상품_수정_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "id" : 1,
+  "productId" : 1,
+  "name" : "product01",
+  "price" : 1000,
+  "quantity" : 5,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_response_fields"><a class="link" href="#_위시_상품_수정_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">위시 상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">재고 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_삭제"><a class="link" href="#_위시_상품_삭제">위시 상품 삭제</a></h3>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_curl_request"><a class="link" href="#_위시_상품_삭제_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/members/wishlist/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_http_request"><a class="link" href="#_위시_상품_삭제_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">DELETE /api/members/wishlist/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_http_response"><a class="link" href="#_위시_상품_삭제_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_httpie_request"><a class="link" href="#_위시_상품_삭제_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http DELETE 'http://localhost:8080/api/members/wishlist/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_request_body"><a class="link" href="#_위시_상품_삭제_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_response_body"><a class="link" href="#_위시_상품_삭제_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_소셜_로그인_api"><a class="link" href="#_소셜_로그인_api">소셜 로그인 API</a></h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_카카오_로그인"><a class="link" href="#_카카오_로그인">카카오 로그인</a></h3>
+<div class="sect3">
+<h4 id="_카카오_로그인_curl_request"><a class="link" href="#_카카오_로그인_curl_request">Curl request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ curl 'http://localhost:8080/api/login/oauth2/kakao?code=kakao-auth-code' -i -X GET</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_http_request"><a class="link" href="#_카카오_로그인_http_request">HTTP request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">GET /api/login/oauth2/kakao?code=kakao-auth-code HTTP/1.1
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_http_response"><a class="link" href="#_카카오_로그인_http_response">HTTP response</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-http hljs" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 47
+
+{
+  "accessToken" : "Bearer {{access_token}}"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_httpie_request"><a class="link" href="#_카카오_로그인_httpie_request">HTTPie request</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-bash hljs" data-lang="bash">$ http GET 'http://localhost:8080/api/login/oauth2/kakao?code=kakao-auth-code'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_query_parameters"><a class="link" href="#_카카오_로그인_query_parameters">Query parameters</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>code</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">kakao-auth-code</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_request_body"><a class="link" href="#_카카오_로그인_request_body">Request body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-none hljs"></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_response_body"><a class="link" href="#_카카오_로그인_response_body">Response body</a></h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight nowrap"><code class="language-json hljs" data-lang="json">{
+  "accessToken" : "Bearer {{access_token}}"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_response_fields"><a class="link" href="#_카카오_로그인_response_fields">Response fields</a></h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>accessToken</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>class java.lang.String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">access-token(BEARER)</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div id="footer">
+<div id="footer-text">
+Version 0.0.1-SNAPSHOT<br>
+Last updated 2024-07-31 00:55:05 +0900
+</div>
+</div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.3/highlight.min.js"></script>
+<script>
+if (!hljs.initHighlighting.called) {
+  hljs.initHighlighting.called = true
+  ;[].slice.call(document.querySelectorAll('pre.highlight > code[data-lang]')).forEach(function (el) { hljs.highlightBlock(el) })
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/js/script.js b/src/main/resources/static/js/script.js
index 9fed7fed9..98b615c83 100644
--- a/src/main/resources/static/js/script.js
+++ b/src/main/resources/static/js/script.js
@@ -140,44 +140,6 @@ function giftLogin() {
   });
 }
 
-function kakaoLogin() {
-  fetch('https://kauth.kakao.com/oauth/authorize?client_id=c14cc9f825429533e917e1b1be966e08&redirect_uri=http://localhost:8080/api/login/oauth2/kakao&response_type=code')
-  .then(response => {
-    if (!response.ok) {
-      return response.json().then(errorData => {
-        throw new Error(errorData.description);
-      });
-    }
-    return response.json();
-  })
-  .then(data => {
-    console.log(data);
-    localStorage.setItem('accessToken', data.accessToken);
-
-    fetch('/view/login-callback', {
-      method: 'GET',
-      headers: {
-        'Authorization': 'Bearer ' + data.accessToken
-      }
-    })
-    .then(response => {
-      if (!response.ok) {
-        throw new Error('페이지 로드 실패: ' + response.statusText);
-      }
-      return response.text();
-    })
-    .then(html => {
-      document.write(html);
-    })
-    .catch(error => {
-      console.error('페이지 로드 실패: ', error);
-    });
-  })
-  .catch(error => {
-    console.error('알 수 없는 에러가 발생했습니다! ', error);
-  });
-}
-
 function registerUser() {
   const form = document.getElementById('registerForm');
   const formData = new FormData(form);
diff --git a/src/main/resources/static/login.html b/src/main/resources/static/login.html
new file mode 100644
index 000000000..1c3079433
--- /dev/null
+++ b/src/main/resources/static/login.html
@@ -0,0 +1,561 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Asciidoctor 2.0.18">
+<title>소셜 로그인 API</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
+<style>
+/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
+/* Uncomment the following line when using as a custom stylesheet */
+/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; */
+html{font-family:sans-serif;-webkit-text-size-adjust:100%}
+a{background:none}
+a:focus{outline:thin dotted}
+a:active,a:hover{outline:0}
+h1{font-size:2em;margin:.67em 0}
+b,strong{font-weight:bold}
+abbr{font-size:.9em}
+abbr[title]{cursor:help;border-bottom:1px dotted #dddddf;text-decoration:none}
+dfn{font-style:italic}
+hr{height:0}
+mark{background:#ff0;color:#000}
+code,kbd,pre,samp{font-family:monospace;font-size:1em}
+pre{white-space:pre-wrap}
+q{quotes:"\201C" "\201D" "\2018" "\2019"}
+small{font-size:80%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-.5em}
+sub{bottom:-.25em}
+img{border:0}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+audio,video{display:inline-block}
+audio:not([controls]){display:none;height:0}
+fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;padding:0}
+button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
+button,input{line-height:normal}
+button,select{text-transform:none}
+button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
+button[disabled],html input[disabled]{cursor:default}
+input[type=checkbox],input[type=radio]{padding:0}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+*,::before,::after{box-sizing:border-box}
+html,body{font-size:100%}
+body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;line-height:1;position:relative;cursor:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-wrap:anywhere;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
+a:hover{cursor:pointer}
+img,object,embed{max-width:100%;height:auto}
+object,embed{height:100%}
+img{-ms-interpolation-mode:bicubic}
+.left{float:left!important}
+.right{float:right!important}
+.text-left{text-align:left!important}
+.text-right{text-align:right!important}
+.text-center{text-align:center!important}
+.text-justify{text-align:justify!important}
+.hide{display:none}
+img,object,svg{display:inline-block;vertical-align:middle}
+textarea{height:auto;min-height:50px}
+select{width:100%}
+.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
+div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
+a{color:#2156a5;text-decoration:underline;line-height:inherit}
+a:hover,a:focus{color:#1d4b8f}
+a img{border:0}
+p{line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
+p aside{font-size:.875em;line-height:1.35;font-style:italic}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
+h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
+h1{font-size:2.125em}
+h2{font-size:1.6875em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
+h4,h5{font-size:1.125em}
+h6{font-size:1em}
+hr{border:solid #dddddf;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em}
+em,i{font-style:italic;line-height:inherit}
+strong,b{font-weight:bold;line-height:inherit}
+small{font-size:60%;line-height:inherit}
+code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
+ul,ol,dl{line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
+ul,ol{margin-left:1.5em}
+ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0}
+ul.circle{list-style-type:circle}
+ul.disc{list-style-type:disc}
+ul.square{list-style-type:square}
+ul.circle ul:not([class]),ul.disc ul:not([class]),ul.square ul:not([class]){list-style:inherit}
+ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
+dl dt{margin-bottom:.3125em;font-weight:bold}
+dl dd{margin-bottom:1.25em}
+blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
+blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
+@media screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
+h1{font-size:2.75em}
+h2{font-size:2.3125em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
+h4{font-size:1.4375em}}
+table{background:#fff;margin-bottom:1.25em;border:1px solid #dedede;word-wrap:normal}
+table thead,table tfoot{background:#f7f8f7}
+table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
+table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
+table tr.even,table tr.alt{background:#f8f8f7}
+table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{line-height:1.6}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
+h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
+.center{margin-left:auto;margin-right:auto}
+.stretch{width:100%}
+.clearfix::before,.clearfix::after,.float-group::before,.float-group::after{content:" ";display:table}
+.clearfix::after,.float-group::after{clear:both}
+:not(pre).nobreak{word-wrap:normal}
+:not(pre).nowrap{white-space:nowrap}
+:not(pre).pre-wrap{white-space:pre-wrap}
+:not(pre):not([class^=L])>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background:#f7f7f8;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
+pre{color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;line-height:1.45;text-rendering:optimizeSpeed}
+pre code,pre pre{color:inherit;font-size:inherit;line-height:inherit}
+pre>code{display:block}
+pre.nowrap,pre.nowrap pre{white-space:pre;word-wrap:normal}
+em em{font-style:normal}
+strong strong{font-weight:400}
+.keyseq{color:rgba(51,51,51,.8)}
+kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 .1em #fff;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
+.keyseq kbd:first-child{margin-left:0}
+.keyseq kbd:last-child{margin-right:0}
+.menuseq,.menuref{color:#000}
+.menuseq b:not(.caret),.menuref{font-weight:inherit}
+.menuseq{word-spacing:-.02em}
+.menuseq b.caret{font-size:1.25em;line-height:.8}
+.menuseq i.caret{font-weight:bold;text-align:center;width:.45em}
+b.button::before,b.button::after{position:relative;top:-1px;font-weight:400}
+b.button::before{content:"[";padding:0 3px 0 2px}
+b.button::after{content:"]";padding:0 2px 0 3px}
+p a>code:hover{color:rgba(0,0,0,.9)}
+#header,#content,#footnotes,#footer{width:100%;margin:0 auto;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
+#header::before,#header::after,#content::before,#content::after,#footnotes::before,#footnotes::after,#footer::before,#footer::after{content:" ";display:table}
+#header::after,#content::after,#footnotes::after,#footer::after{clear:both}
+#content{margin-top:1.25em}
+#content::before{content:none}
+#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
+#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #dddddf}
+#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
+#header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:flex;flex-flow:row wrap}
+#header .details span:first-child{margin-left:-.125em}
+#header .details span.email a{color:rgba(0,0,0,.85)}
+#header .details br{display:none}
+#header .details br+span::before{content:"\00a0\2013\00a0"}
+#header .details br+span.author::before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
+#header .details br+span#revremark::before{content:"\00a0|\00a0"}
+#header #revnumber{text-transform:capitalize}
+#header #revnumber::after{content:"\00a0"}
+#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #dddddf;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
+#toc{border-bottom:1px solid #e7e7e9;padding-bottom:.5em}
+#toc>ul{margin-left:.125em}
+#toc ul.sectlevel0>li>a{font-style:italic}
+#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
+#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
+#toc li{line-height:1.3334;margin-top:.3334em}
+#toc a{text-decoration:none}
+#toc a:active{text-decoration:underline}
+#toctitle{color:#7a2518;font-size:1.2em}
+@media screen and (min-width:768px){#toctitle{font-size:1.375em}
+body.toc2{padding-left:15em;padding-right:0}
+#toc.toc2{margin-top:0!important;background:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #e7e7e9;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
+#toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
+#toc.toc2>ul{font-size:.9em;margin-bottom:0}
+#toc.toc2 ul ul{margin-left:0;padding-left:1em}
+#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
+body.toc2.toc-right{padding-left:0;padding-right:15em}
+body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #e7e7e9;left:auto;right:0}}
+@media screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
+#toc.toc2{width:20em}
+#toc.toc2 #toctitle{font-size:1.375em}
+#toc.toc2>ul{font-size:.95em}
+#toc.toc2 ul ul{padding-left:1.25em}
+body.toc2.toc-right{padding-left:0;padding-right:20em}}
+#content #toc{border:1px solid #e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;border-radius:4px}
+#content #toc>:first-child{margin-top:0}
+#content #toc>:last-child{margin-bottom:0}
+#footer{max-width:none;background:rgba(0,0,0,.8);padding:1.25em}
+#footer-text{color:hsla(0,0%,100%,.8);line-height:1.44}
+#content{margin-bottom:.625em}
+.sect1{padding-bottom:.625em}
+@media screen and (min-width:768px){#content{margin-bottom:1.25em}
+.sect1{padding-bottom:1.25em}}
+.sect1:last-child{padding-bottom:0}
+.sect1+.sect1{border-top:1px solid #e7e7e9}
+#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
+#content h1>a.anchor::before,h2>a.anchor::before,h3>a.anchor::before,#toctitle>a.anchor::before,.sidebarblock>.content>.title>a.anchor::before,h4>a.anchor::before,h5>a.anchor::before,h6>a.anchor::before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
+#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
+#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
+#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
+details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
+details{margin-left:1.25rem}
+details>summary{cursor:pointer;display:block;position:relative;line-height:1.6;margin-bottom:.625rem;outline:none;-webkit-tap-highlight-color:transparent}
+details>summary::-webkit-details-marker{display:none}
+details>summary::before{content:"";border:solid transparent;border-left:solid;border-width:.3em 0 .3em .5em;position:absolute;top:.5em;left:-1.25rem;transform:translateX(15%)}
+details[open]>summary::before{border:solid transparent;border-top:solid;border-width:.5em .3em 0;transform:translateY(15%)}
+details>summary::after{content:"";width:1.25rem;height:1em;position:absolute;top:.3em;left:-1.25rem}
+.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
+table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
+.paragraph.lead>p,#preamble>.sectionbody>[class=paragraph]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
+.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
+.admonitionblock>table td.icon{text-align:center;width:80px}
+.admonitionblock>table td.icon img{max-width:none}
+.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
+.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6);word-wrap:anywhere}
+.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
+.exampleblock>.content{border:1px solid #e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;border-radius:4px}
+.exampleblock>.content>:first-child{margin-top:0}
+.exampleblock>.content>:last-child{margin-bottom:0}
+.sidebarblock{border:1px solid #dbdbd6;margin-bottom:1.25em;padding:1.25em;background:#f3f3f2;border-radius:4px}
+.sidebarblock>:first-child{margin-top:0}
+.sidebarblock>:last-child{margin-bottom:0}
+.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
+.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
+.literalblock pre,.listingblock>.content>pre{border-radius:4px;overflow-x:auto;padding:1em;font-size:.8125em}
+@media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}}
+@media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}}
+.literalblock pre,.listingblock>.content>pre:not(.highlight),.listingblock>.content>pre[class=highlight],.listingblock>.content>pre[class^="highlight "]{background:#f7f7f8}
+.literalblock.output pre{color:#f7f7f8;background:rgba(0,0,0,.9)}
+.listingblock>.content{position:relative}
+.listingblock code[data-lang]::before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:inherit;opacity:.5}
+.listingblock:hover code[data-lang]::before{display:block}
+.listingblock.terminal pre .command::before{content:attr(data-prompt);padding-right:.5em;color:inherit;opacity:.5}
+.listingblock.terminal pre .command:not([data-prompt])::before{content:"$"}
+.listingblock pre.highlightjs{padding:0}
+.listingblock pre.highlightjs>code{padding:1em;border-radius:4px}
+.listingblock pre.prettyprint{border-width:0}
+.prettyprint{background:#f7f7f8}
+pre.prettyprint .linenums{line-height:1.45;margin-left:2em}
+pre.prettyprint li{background:none;list-style-type:inherit;padding-left:0}
+pre.prettyprint li code[data-lang]::before{opacity:1}
+pre.prettyprint li:not(:first-child) code[data-lang]::before{display:none}
+table.linenotable{border-collapse:separate;border:0;margin-bottom:0;background:none}
+table.linenotable td[class]{color:inherit;vertical-align:top;padding:0;line-height:inherit;white-space:normal}
+table.linenotable td.code{padding-left:.75em}
+table.linenotable td.linenos,pre.pygments .linenos{border-right:1px solid;opacity:.35;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+pre.pygments span.linenos{display:inline-block;margin-right:.75em}
+.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
+.quoteblock:not(.excerpt)>.title{margin-left:-1.5em;margin-bottom:.75em}
+.quoteblock blockquote,.quoteblock p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
+.quoteblock blockquote{margin:0;padding:0;border:0}
+.quoteblock blockquote::before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
+.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
+.quoteblock .attribution{margin-top:.75em;margin-right:.5ex;text-align:right}
+.verseblock{margin:0 1em 1.25em}
+.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans-serif;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
+.verseblock pre strong{font-weight:400}
+.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
+.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
+.quoteblock .attribution br,.verseblock .attribution br{display:none}
+.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
+.quoteblock.abstract blockquote::before,.quoteblock.excerpt blockquote::before,.quoteblock .quoteblock blockquote::before{display:none}
+.quoteblock.abstract blockquote,.quoteblock.abstract p,.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{line-height:1.6;word-spacing:0}
+.quoteblock.abstract{margin:0 1em 1.25em;display:block}
+.quoteblock.abstract>.title{margin:0 0 .375em;font-size:1.15em;text-align:center}
+.quoteblock.excerpt>blockquote,.quoteblock .quoteblock{padding:0 0 .25em 1em;border-left:.25em solid #dddddf}
+.quoteblock.excerpt,.quoteblock .quoteblock{margin-left:0}
+.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{color:inherit;font-size:1.0625rem}
+.quoteblock.excerpt .attribution,.quoteblock .quoteblock .attribution{color:inherit;font-size:.85rem;text-align:left;margin-right:0}
+p.tableblock:last-child{margin-bottom:0}
+td.tableblock>.content{margin-bottom:1.25em;word-wrap:anywhere}
+td.tableblock>.content>:last-child{margin-bottom:-1.25em}
+table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
+table.grid-all>*>tr>*{border-width:1px}
+table.grid-cols>*>tr>*{border-width:0 1px}
+table.grid-rows>*>tr>*{border-width:1px 0}
+table.frame-all{border-width:1px}
+table.frame-ends{border-width:1px 0}
+table.frame-sides{border-width:0 1px}
+table.frame-none>colgroup+*>:first-child>*,table.frame-sides>colgroup+*>:first-child>*{border-top-width:0}
+table.frame-none>:last-child>:last-child>*,table.frame-sides>:last-child>:last-child>*{border-bottom-width:0}
+table.frame-none>*>tr>:first-child,table.frame-ends>*>tr>:first-child{border-left-width:0}
+table.frame-none>*>tr>:last-child,table.frame-ends>*>tr>:last-child{border-right-width:0}
+table.stripes-all>*>tr,table.stripes-odd>*>tr:nth-of-type(odd),table.stripes-even>*>tr:nth-of-type(even),table.stripes-hover>*>tr:hover{background:#f8f8f7}
+th.halign-left,td.halign-left{text-align:left}
+th.halign-right,td.halign-right{text-align:right}
+th.halign-center,td.halign-center{text-align:center}
+th.valign-top,td.valign-top{vertical-align:top}
+th.valign-bottom,td.valign-bottom{vertical-align:bottom}
+th.valign-middle,td.valign-middle{vertical-align:middle}
+table thead th,table tfoot th{font-weight:bold}
+tbody tr th{background:#f7f8f7}
+tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
+p.tableblock>code:only-child{background:none;padding:0}
+p.tableblock{font-size:1em}
+ol{margin-left:1.75em}
+ul li ol{margin-left:1.5em}
+dl dd{margin-left:1.125em}
+dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
+li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
+ul.checklist,ul.none,ol.none,ul.no-bullet,ol.no-bullet,ol.unnumbered,ul.unstyled,ol.unstyled{list-style-type:none}
+ul.no-bullet,ol.no-bullet,ol.unnumbered{margin-left:.625em}
+ul.unstyled,ol.unstyled{margin-left:0}
+li>p:empty:only-child::before{content:"";display:inline-block}
+ul.checklist>li>p:first-child{margin-left:-1em}
+ul.checklist>li>p:first-child>.fa-square-o:first-child,ul.checklist>li>p:first-child>.fa-check-square-o:first-child{width:1.25em;font-size:.8em;position:relative;bottom:.125em}
+ul.checklist>li>p:first-child>input[type=checkbox]:first-child{margin-right:.25em}
+ul.inline{display:flex;flex-flow:row wrap;list-style:none;margin:0 0 .625em -1.25em}
+ul.inline>li{margin-left:1.25em}
+.unstyled dl dt{font-weight:400;font-style:normal}
+ol.arabic{list-style-type:decimal}
+ol.decimal{list-style-type:decimal-leading-zero}
+ol.loweralpha{list-style-type:lower-alpha}
+ol.upperalpha{list-style-type:upper-alpha}
+ol.lowerroman{list-style-type:lower-roman}
+ol.upperroman{list-style-type:upper-roman}
+ol.lowergreek{list-style-type:lower-greek}
+.hdlist>table,.colist>table{border:0;background:none}
+.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
+td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
+td.hdlist1{font-weight:bold;padding-bottom:1.25em}
+td.hdlist2{word-wrap:anywhere}
+.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
+.colist td:not([class]):first-child{padding:.4em .75em 0;line-height:1;vertical-align:top}
+.colist td:not([class]):first-child img{max-width:none}
+.colist td:not([class]):last-child{padding:.25em 0}
+.thumb,.th{line-height:0;display:inline-block;border:4px solid #fff;box-shadow:0 0 0 1px #ddd}
+.imageblock.left{margin:.25em .625em 1.25em 0}
+.imageblock.right{margin:.25em 0 1.25em .625em}
+.imageblock>.title{margin-bottom:0}
+.imageblock.thumb,.imageblock.th{border-width:6px}
+.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
+.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
+.image.left{margin-right:.625em}
+.image.right{margin-left:.625em}
+a.image{text-decoration:none;display:inline-block}
+a.image object{pointer-events:none}
+sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
+sup.footnote a,sup.footnoteref a{text-decoration:none}
+sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
+#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
+#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em;border-width:1px 0 0}
+#footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;margin-bottom:.2em}
+#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none;margin-left:-1.05em}
+#footnotes .footnote:last-of-type{margin-bottom:0}
+#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
+div.unbreakable{page-break-inside:avoid}
+.big{font-size:larger}
+.small{font-size:smaller}
+.underline{text-decoration:underline}
+.overline{text-decoration:overline}
+.line-through{text-decoration:line-through}
+.aqua{color:#00bfbf}
+.aqua-background{background:#00fafa}
+.black{color:#000}
+.black-background{background:#000}
+.blue{color:#0000bf}
+.blue-background{background:#0000fa}
+.fuchsia{color:#bf00bf}
+.fuchsia-background{background:#fa00fa}
+.gray{color:#606060}
+.gray-background{background:#7d7d7d}
+.green{color:#006000}
+.green-background{background:#007d00}
+.lime{color:#00bf00}
+.lime-background{background:#00fa00}
+.maroon{color:#600000}
+.maroon-background{background:#7d0000}
+.navy{color:#000060}
+.navy-background{background:#00007d}
+.olive{color:#606000}
+.olive-background{background:#7d7d00}
+.purple{color:#600060}
+.purple-background{background:#7d007d}
+.red{color:#bf0000}
+.red-background{background:#fa0000}
+.silver{color:#909090}
+.silver-background{background:#bcbcbc}
+.teal{color:#006060}
+.teal-background{background:#007d7d}
+.white{color:#bfbfbf}
+.white-background{background:#fafafa}
+.yellow{color:#bfbf00}
+.yellow-background{background:#fafa00}
+span.icon>.fa{cursor:default}
+a span.icon>.fa{cursor:inherit}
+.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
+.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
+.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
+.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
+.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
+.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
+.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(0,0,0,.8);border-radius:50%;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
+.conum[data-value] *{color:#fff!important}
+.conum[data-value]+b{display:none}
+.conum[data-value]::after{content:attr(data-value)}
+pre .conum[data-value]{position:relative;top:-.125em}
+b.conum *{color:inherit!important}
+.conum:not([data-value]):empty{display:none}
+dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
+h1,h2,p,td.content,span.alt,summary{letter-spacing:-.01em}
+p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
+p,blockquote,dt,td.content,span.alt,summary{font-size:1.0625rem}
+p{margin-bottom:1.25rem}
+.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
+.exampleblock>.content{background:#fffef7;border-color:#e0e0dc;box-shadow:0 1px 4px #e0e0dc}
+.print-only{display:none!important}
+@page{margin:1.25cm .75cm}
+@media print{*{box-shadow:none!important;text-shadow:none!important}
+html{font-size:80%}
+a{color:inherit!important;text-decoration:underline!important}
+a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
+a[href^="http:"]:not(.bare)::after,a[href^="https:"]:not(.bare)::after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
+abbr[title]{border-bottom:1px dotted}
+abbr[title]::after{content:" (" attr(title) ")"}
+pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
+thead{display:table-header-group}
+svg{max-width:100%}
+p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
+h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
+#header,#content,#footnotes,#footer{max-width:none}
+#toc,.sidebarblock,.exampleblock>.content{background:none!important}
+#toc{border-bottom:1px solid #dddddf!important;padding-bottom:0!important}
+body.book #header{text-align:center}
+body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em}
+body.book #header .details{border:0!important;display:block;padding:0!important}
+body.book #header .details span:first-child{margin-left:0!important}
+body.book #header .details br{display:block}
+body.book #header .details br+span::before{content:none!important}
+body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
+body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
+.listingblock code[data-lang]::before{display:block}
+#footer{padding:0 .9375em}
+.hide-on-print{display:none!important}
+.print-only{display:block!important}
+.hide-for-print{display:none!important}
+.show-for-print{display:inherit!important}}
+@media amzn-kf8,print{#header>h1:first-child{margin-top:1.25rem}
+.sect1{padding:0!important}
+.sect1+.sect1{border:0}
+#footer{background:none}
+#footer-text{color:rgba(0,0,0,.6);font-size:.9em}}
+@media amzn-kf8{#header,#content,#footnotes,#footer{padding:0}}
+</style>
+</head>
+<body class="article">
+<div id="header">
+</div>
+<div id="content">
+<div class="sect1">
+<h2 id="_소셜_로그인_api">소셜 로그인 API</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_카카오_로그인">카카오 로그인</h3>
+<div class="sect3">
+<h4 id="_카카오_로그인_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/login/oauth2/kakao?code=kakao-auth-code' -i -X GET</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/login/oauth2/kakao?code=kakao-auth-code HTTP/1.1
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 47
+
+{
+  "accessToken" : "Bearer {{access_token}}"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/login/oauth2/kakao?code=kakao-auth-code'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_query_parameters">Query parameters</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>code</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">kakao-auth-code</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "accessToken" : "Bearer {{access_token}}"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_카카오_로그인_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>accessToken</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>class java.lang.String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">access-token(BEARER)</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div id="footer">
+<div id="footer-text">
+Version 0.0.1-SNAPSHOT<br>
+Last updated 2024-07-31 00:55:05 +0900
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/member.html b/src/main/resources/static/member.html
new file mode 100644
index 000000000..d64053781
--- /dev/null
+++ b/src/main/resources/static/member.html
@@ -0,0 +1,1219 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Asciidoctor 2.0.18">
+<title>회원 API</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
+<style>
+/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
+/* Uncomment the following line when using as a custom stylesheet */
+/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; */
+html{font-family:sans-serif;-webkit-text-size-adjust:100%}
+a{background:none}
+a:focus{outline:thin dotted}
+a:active,a:hover{outline:0}
+h1{font-size:2em;margin:.67em 0}
+b,strong{font-weight:bold}
+abbr{font-size:.9em}
+abbr[title]{cursor:help;border-bottom:1px dotted #dddddf;text-decoration:none}
+dfn{font-style:italic}
+hr{height:0}
+mark{background:#ff0;color:#000}
+code,kbd,pre,samp{font-family:monospace;font-size:1em}
+pre{white-space:pre-wrap}
+q{quotes:"\201C" "\201D" "\2018" "\2019"}
+small{font-size:80%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-.5em}
+sub{bottom:-.25em}
+img{border:0}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+audio,video{display:inline-block}
+audio:not([controls]){display:none;height:0}
+fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;padding:0}
+button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
+button,input{line-height:normal}
+button,select{text-transform:none}
+button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
+button[disabled],html input[disabled]{cursor:default}
+input[type=checkbox],input[type=radio]{padding:0}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+*,::before,::after{box-sizing:border-box}
+html,body{font-size:100%}
+body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;line-height:1;position:relative;cursor:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-wrap:anywhere;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
+a:hover{cursor:pointer}
+img,object,embed{max-width:100%;height:auto}
+object,embed{height:100%}
+img{-ms-interpolation-mode:bicubic}
+.left{float:left!important}
+.right{float:right!important}
+.text-left{text-align:left!important}
+.text-right{text-align:right!important}
+.text-center{text-align:center!important}
+.text-justify{text-align:justify!important}
+.hide{display:none}
+img,object,svg{display:inline-block;vertical-align:middle}
+textarea{height:auto;min-height:50px}
+select{width:100%}
+.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
+div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
+a{color:#2156a5;text-decoration:underline;line-height:inherit}
+a:hover,a:focus{color:#1d4b8f}
+a img{border:0}
+p{line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
+p aside{font-size:.875em;line-height:1.35;font-style:italic}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
+h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
+h1{font-size:2.125em}
+h2{font-size:1.6875em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
+h4,h5{font-size:1.125em}
+h6{font-size:1em}
+hr{border:solid #dddddf;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em}
+em,i{font-style:italic;line-height:inherit}
+strong,b{font-weight:bold;line-height:inherit}
+small{font-size:60%;line-height:inherit}
+code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
+ul,ol,dl{line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
+ul,ol{margin-left:1.5em}
+ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0}
+ul.circle{list-style-type:circle}
+ul.disc{list-style-type:disc}
+ul.square{list-style-type:square}
+ul.circle ul:not([class]),ul.disc ul:not([class]),ul.square ul:not([class]){list-style:inherit}
+ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
+dl dt{margin-bottom:.3125em;font-weight:bold}
+dl dd{margin-bottom:1.25em}
+blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
+blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
+@media screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
+h1{font-size:2.75em}
+h2{font-size:2.3125em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
+h4{font-size:1.4375em}}
+table{background:#fff;margin-bottom:1.25em;border:1px solid #dedede;word-wrap:normal}
+table thead,table tfoot{background:#f7f8f7}
+table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
+table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
+table tr.even,table tr.alt{background:#f8f8f7}
+table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{line-height:1.6}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
+h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
+.center{margin-left:auto;margin-right:auto}
+.stretch{width:100%}
+.clearfix::before,.clearfix::after,.float-group::before,.float-group::after{content:" ";display:table}
+.clearfix::after,.float-group::after{clear:both}
+:not(pre).nobreak{word-wrap:normal}
+:not(pre).nowrap{white-space:nowrap}
+:not(pre).pre-wrap{white-space:pre-wrap}
+:not(pre):not([class^=L])>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background:#f7f7f8;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
+pre{color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;line-height:1.45;text-rendering:optimizeSpeed}
+pre code,pre pre{color:inherit;font-size:inherit;line-height:inherit}
+pre>code{display:block}
+pre.nowrap,pre.nowrap pre{white-space:pre;word-wrap:normal}
+em em{font-style:normal}
+strong strong{font-weight:400}
+.keyseq{color:rgba(51,51,51,.8)}
+kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 .1em #fff;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
+.keyseq kbd:first-child{margin-left:0}
+.keyseq kbd:last-child{margin-right:0}
+.menuseq,.menuref{color:#000}
+.menuseq b:not(.caret),.menuref{font-weight:inherit}
+.menuseq{word-spacing:-.02em}
+.menuseq b.caret{font-size:1.25em;line-height:.8}
+.menuseq i.caret{font-weight:bold;text-align:center;width:.45em}
+b.button::before,b.button::after{position:relative;top:-1px;font-weight:400}
+b.button::before{content:"[";padding:0 3px 0 2px}
+b.button::after{content:"]";padding:0 2px 0 3px}
+p a>code:hover{color:rgba(0,0,0,.9)}
+#header,#content,#footnotes,#footer{width:100%;margin:0 auto;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
+#header::before,#header::after,#content::before,#content::after,#footnotes::before,#footnotes::after,#footer::before,#footer::after{content:" ";display:table}
+#header::after,#content::after,#footnotes::after,#footer::after{clear:both}
+#content{margin-top:1.25em}
+#content::before{content:none}
+#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
+#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #dddddf}
+#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
+#header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:flex;flex-flow:row wrap}
+#header .details span:first-child{margin-left:-.125em}
+#header .details span.email a{color:rgba(0,0,0,.85)}
+#header .details br{display:none}
+#header .details br+span::before{content:"\00a0\2013\00a0"}
+#header .details br+span.author::before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
+#header .details br+span#revremark::before{content:"\00a0|\00a0"}
+#header #revnumber{text-transform:capitalize}
+#header #revnumber::after{content:"\00a0"}
+#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #dddddf;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
+#toc{border-bottom:1px solid #e7e7e9;padding-bottom:.5em}
+#toc>ul{margin-left:.125em}
+#toc ul.sectlevel0>li>a{font-style:italic}
+#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
+#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
+#toc li{line-height:1.3334;margin-top:.3334em}
+#toc a{text-decoration:none}
+#toc a:active{text-decoration:underline}
+#toctitle{color:#7a2518;font-size:1.2em}
+@media screen and (min-width:768px){#toctitle{font-size:1.375em}
+body.toc2{padding-left:15em;padding-right:0}
+#toc.toc2{margin-top:0!important;background:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #e7e7e9;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
+#toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
+#toc.toc2>ul{font-size:.9em;margin-bottom:0}
+#toc.toc2 ul ul{margin-left:0;padding-left:1em}
+#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
+body.toc2.toc-right{padding-left:0;padding-right:15em}
+body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #e7e7e9;left:auto;right:0}}
+@media screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
+#toc.toc2{width:20em}
+#toc.toc2 #toctitle{font-size:1.375em}
+#toc.toc2>ul{font-size:.95em}
+#toc.toc2 ul ul{padding-left:1.25em}
+body.toc2.toc-right{padding-left:0;padding-right:20em}}
+#content #toc{border:1px solid #e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;border-radius:4px}
+#content #toc>:first-child{margin-top:0}
+#content #toc>:last-child{margin-bottom:0}
+#footer{max-width:none;background:rgba(0,0,0,.8);padding:1.25em}
+#footer-text{color:hsla(0,0%,100%,.8);line-height:1.44}
+#content{margin-bottom:.625em}
+.sect1{padding-bottom:.625em}
+@media screen and (min-width:768px){#content{margin-bottom:1.25em}
+.sect1{padding-bottom:1.25em}}
+.sect1:last-child{padding-bottom:0}
+.sect1+.sect1{border-top:1px solid #e7e7e9}
+#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
+#content h1>a.anchor::before,h2>a.anchor::before,h3>a.anchor::before,#toctitle>a.anchor::before,.sidebarblock>.content>.title>a.anchor::before,h4>a.anchor::before,h5>a.anchor::before,h6>a.anchor::before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
+#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
+#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
+#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
+details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
+details{margin-left:1.25rem}
+details>summary{cursor:pointer;display:block;position:relative;line-height:1.6;margin-bottom:.625rem;outline:none;-webkit-tap-highlight-color:transparent}
+details>summary::-webkit-details-marker{display:none}
+details>summary::before{content:"";border:solid transparent;border-left:solid;border-width:.3em 0 .3em .5em;position:absolute;top:.5em;left:-1.25rem;transform:translateX(15%)}
+details[open]>summary::before{border:solid transparent;border-top:solid;border-width:.5em .3em 0;transform:translateY(15%)}
+details>summary::after{content:"";width:1.25rem;height:1em;position:absolute;top:.3em;left:-1.25rem}
+.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
+table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
+.paragraph.lead>p,#preamble>.sectionbody>[class=paragraph]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
+.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
+.admonitionblock>table td.icon{text-align:center;width:80px}
+.admonitionblock>table td.icon img{max-width:none}
+.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
+.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6);word-wrap:anywhere}
+.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
+.exampleblock>.content{border:1px solid #e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;border-radius:4px}
+.exampleblock>.content>:first-child{margin-top:0}
+.exampleblock>.content>:last-child{margin-bottom:0}
+.sidebarblock{border:1px solid #dbdbd6;margin-bottom:1.25em;padding:1.25em;background:#f3f3f2;border-radius:4px}
+.sidebarblock>:first-child{margin-top:0}
+.sidebarblock>:last-child{margin-bottom:0}
+.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
+.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
+.literalblock pre,.listingblock>.content>pre{border-radius:4px;overflow-x:auto;padding:1em;font-size:.8125em}
+@media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}}
+@media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}}
+.literalblock pre,.listingblock>.content>pre:not(.highlight),.listingblock>.content>pre[class=highlight],.listingblock>.content>pre[class^="highlight "]{background:#f7f7f8}
+.literalblock.output pre{color:#f7f7f8;background:rgba(0,0,0,.9)}
+.listingblock>.content{position:relative}
+.listingblock code[data-lang]::before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:inherit;opacity:.5}
+.listingblock:hover code[data-lang]::before{display:block}
+.listingblock.terminal pre .command::before{content:attr(data-prompt);padding-right:.5em;color:inherit;opacity:.5}
+.listingblock.terminal pre .command:not([data-prompt])::before{content:"$"}
+.listingblock pre.highlightjs{padding:0}
+.listingblock pre.highlightjs>code{padding:1em;border-radius:4px}
+.listingblock pre.prettyprint{border-width:0}
+.prettyprint{background:#f7f7f8}
+pre.prettyprint .linenums{line-height:1.45;margin-left:2em}
+pre.prettyprint li{background:none;list-style-type:inherit;padding-left:0}
+pre.prettyprint li code[data-lang]::before{opacity:1}
+pre.prettyprint li:not(:first-child) code[data-lang]::before{display:none}
+table.linenotable{border-collapse:separate;border:0;margin-bottom:0;background:none}
+table.linenotable td[class]{color:inherit;vertical-align:top;padding:0;line-height:inherit;white-space:normal}
+table.linenotable td.code{padding-left:.75em}
+table.linenotable td.linenos,pre.pygments .linenos{border-right:1px solid;opacity:.35;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+pre.pygments span.linenos{display:inline-block;margin-right:.75em}
+.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
+.quoteblock:not(.excerpt)>.title{margin-left:-1.5em;margin-bottom:.75em}
+.quoteblock blockquote,.quoteblock p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
+.quoteblock blockquote{margin:0;padding:0;border:0}
+.quoteblock blockquote::before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
+.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
+.quoteblock .attribution{margin-top:.75em;margin-right:.5ex;text-align:right}
+.verseblock{margin:0 1em 1.25em}
+.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans-serif;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
+.verseblock pre strong{font-weight:400}
+.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
+.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
+.quoteblock .attribution br,.verseblock .attribution br{display:none}
+.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
+.quoteblock.abstract blockquote::before,.quoteblock.excerpt blockquote::before,.quoteblock .quoteblock blockquote::before{display:none}
+.quoteblock.abstract blockquote,.quoteblock.abstract p,.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{line-height:1.6;word-spacing:0}
+.quoteblock.abstract{margin:0 1em 1.25em;display:block}
+.quoteblock.abstract>.title{margin:0 0 .375em;font-size:1.15em;text-align:center}
+.quoteblock.excerpt>blockquote,.quoteblock .quoteblock{padding:0 0 .25em 1em;border-left:.25em solid #dddddf}
+.quoteblock.excerpt,.quoteblock .quoteblock{margin-left:0}
+.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{color:inherit;font-size:1.0625rem}
+.quoteblock.excerpt .attribution,.quoteblock .quoteblock .attribution{color:inherit;font-size:.85rem;text-align:left;margin-right:0}
+p.tableblock:last-child{margin-bottom:0}
+td.tableblock>.content{margin-bottom:1.25em;word-wrap:anywhere}
+td.tableblock>.content>:last-child{margin-bottom:-1.25em}
+table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
+table.grid-all>*>tr>*{border-width:1px}
+table.grid-cols>*>tr>*{border-width:0 1px}
+table.grid-rows>*>tr>*{border-width:1px 0}
+table.frame-all{border-width:1px}
+table.frame-ends{border-width:1px 0}
+table.frame-sides{border-width:0 1px}
+table.frame-none>colgroup+*>:first-child>*,table.frame-sides>colgroup+*>:first-child>*{border-top-width:0}
+table.frame-none>:last-child>:last-child>*,table.frame-sides>:last-child>:last-child>*{border-bottom-width:0}
+table.frame-none>*>tr>:first-child,table.frame-ends>*>tr>:first-child{border-left-width:0}
+table.frame-none>*>tr>:last-child,table.frame-ends>*>tr>:last-child{border-right-width:0}
+table.stripes-all>*>tr,table.stripes-odd>*>tr:nth-of-type(odd),table.stripes-even>*>tr:nth-of-type(even),table.stripes-hover>*>tr:hover{background:#f8f8f7}
+th.halign-left,td.halign-left{text-align:left}
+th.halign-right,td.halign-right{text-align:right}
+th.halign-center,td.halign-center{text-align:center}
+th.valign-top,td.valign-top{vertical-align:top}
+th.valign-bottom,td.valign-bottom{vertical-align:bottom}
+th.valign-middle,td.valign-middle{vertical-align:middle}
+table thead th,table tfoot th{font-weight:bold}
+tbody tr th{background:#f7f8f7}
+tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
+p.tableblock>code:only-child{background:none;padding:0}
+p.tableblock{font-size:1em}
+ol{margin-left:1.75em}
+ul li ol{margin-left:1.5em}
+dl dd{margin-left:1.125em}
+dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
+li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
+ul.checklist,ul.none,ol.none,ul.no-bullet,ol.no-bullet,ol.unnumbered,ul.unstyled,ol.unstyled{list-style-type:none}
+ul.no-bullet,ol.no-bullet,ol.unnumbered{margin-left:.625em}
+ul.unstyled,ol.unstyled{margin-left:0}
+li>p:empty:only-child::before{content:"";display:inline-block}
+ul.checklist>li>p:first-child{margin-left:-1em}
+ul.checklist>li>p:first-child>.fa-square-o:first-child,ul.checklist>li>p:first-child>.fa-check-square-o:first-child{width:1.25em;font-size:.8em;position:relative;bottom:.125em}
+ul.checklist>li>p:first-child>input[type=checkbox]:first-child{margin-right:.25em}
+ul.inline{display:flex;flex-flow:row wrap;list-style:none;margin:0 0 .625em -1.25em}
+ul.inline>li{margin-left:1.25em}
+.unstyled dl dt{font-weight:400;font-style:normal}
+ol.arabic{list-style-type:decimal}
+ol.decimal{list-style-type:decimal-leading-zero}
+ol.loweralpha{list-style-type:lower-alpha}
+ol.upperalpha{list-style-type:upper-alpha}
+ol.lowerroman{list-style-type:lower-roman}
+ol.upperroman{list-style-type:upper-roman}
+ol.lowergreek{list-style-type:lower-greek}
+.hdlist>table,.colist>table{border:0;background:none}
+.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
+td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
+td.hdlist1{font-weight:bold;padding-bottom:1.25em}
+td.hdlist2{word-wrap:anywhere}
+.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
+.colist td:not([class]):first-child{padding:.4em .75em 0;line-height:1;vertical-align:top}
+.colist td:not([class]):first-child img{max-width:none}
+.colist td:not([class]):last-child{padding:.25em 0}
+.thumb,.th{line-height:0;display:inline-block;border:4px solid #fff;box-shadow:0 0 0 1px #ddd}
+.imageblock.left{margin:.25em .625em 1.25em 0}
+.imageblock.right{margin:.25em 0 1.25em .625em}
+.imageblock>.title{margin-bottom:0}
+.imageblock.thumb,.imageblock.th{border-width:6px}
+.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
+.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
+.image.left{margin-right:.625em}
+.image.right{margin-left:.625em}
+a.image{text-decoration:none;display:inline-block}
+a.image object{pointer-events:none}
+sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
+sup.footnote a,sup.footnoteref a{text-decoration:none}
+sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
+#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
+#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em;border-width:1px 0 0}
+#footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;margin-bottom:.2em}
+#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none;margin-left:-1.05em}
+#footnotes .footnote:last-of-type{margin-bottom:0}
+#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
+div.unbreakable{page-break-inside:avoid}
+.big{font-size:larger}
+.small{font-size:smaller}
+.underline{text-decoration:underline}
+.overline{text-decoration:overline}
+.line-through{text-decoration:line-through}
+.aqua{color:#00bfbf}
+.aqua-background{background:#00fafa}
+.black{color:#000}
+.black-background{background:#000}
+.blue{color:#0000bf}
+.blue-background{background:#0000fa}
+.fuchsia{color:#bf00bf}
+.fuchsia-background{background:#fa00fa}
+.gray{color:#606060}
+.gray-background{background:#7d7d7d}
+.green{color:#006000}
+.green-background{background:#007d00}
+.lime{color:#00bf00}
+.lime-background{background:#00fa00}
+.maroon{color:#600000}
+.maroon-background{background:#7d0000}
+.navy{color:#000060}
+.navy-background{background:#00007d}
+.olive{color:#606000}
+.olive-background{background:#7d7d00}
+.purple{color:#600060}
+.purple-background{background:#7d007d}
+.red{color:#bf0000}
+.red-background{background:#fa0000}
+.silver{color:#909090}
+.silver-background{background:#bcbcbc}
+.teal{color:#006060}
+.teal-background{background:#007d7d}
+.white{color:#bfbfbf}
+.white-background{background:#fafafa}
+.yellow{color:#bfbf00}
+.yellow-background{background:#fafa00}
+span.icon>.fa{cursor:default}
+a span.icon>.fa{cursor:inherit}
+.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
+.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
+.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
+.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
+.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
+.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
+.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(0,0,0,.8);border-radius:50%;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
+.conum[data-value] *{color:#fff!important}
+.conum[data-value]+b{display:none}
+.conum[data-value]::after{content:attr(data-value)}
+pre .conum[data-value]{position:relative;top:-.125em}
+b.conum *{color:inherit!important}
+.conum:not([data-value]):empty{display:none}
+dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
+h1,h2,p,td.content,span.alt,summary{letter-spacing:-.01em}
+p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
+p,blockquote,dt,td.content,span.alt,summary{font-size:1.0625rem}
+p{margin-bottom:1.25rem}
+.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
+.exampleblock>.content{background:#fffef7;border-color:#e0e0dc;box-shadow:0 1px 4px #e0e0dc}
+.print-only{display:none!important}
+@page{margin:1.25cm .75cm}
+@media print{*{box-shadow:none!important;text-shadow:none!important}
+html{font-size:80%}
+a{color:inherit!important;text-decoration:underline!important}
+a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
+a[href^="http:"]:not(.bare)::after,a[href^="https:"]:not(.bare)::after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
+abbr[title]{border-bottom:1px dotted}
+abbr[title]::after{content:" (" attr(title) ")"}
+pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
+thead{display:table-header-group}
+svg{max-width:100%}
+p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
+h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
+#header,#content,#footnotes,#footer{max-width:none}
+#toc,.sidebarblock,.exampleblock>.content{background:none!important}
+#toc{border-bottom:1px solid #dddddf!important;padding-bottom:0!important}
+body.book #header{text-align:center}
+body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em}
+body.book #header .details{border:0!important;display:block;padding:0!important}
+body.book #header .details span:first-child{margin-left:0!important}
+body.book #header .details br{display:block}
+body.book #header .details br+span::before{content:none!important}
+body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
+body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
+.listingblock code[data-lang]::before{display:block}
+#footer{padding:0 .9375em}
+.hide-on-print{display:none!important}
+.print-only{display:block!important}
+.hide-for-print{display:none!important}
+.show-for-print{display:inherit!important}}
+@media amzn-kf8,print{#header>h1:first-child{margin-top:1.25rem}
+.sect1{padding:0!important}
+.sect1+.sect1{border:0}
+#footer{background:none}
+#footer-text{color:rgba(0,0,0,.6);font-size:.9em}}
+@media amzn-kf8{#header,#content,#footnotes,#footer{padding:0}}
+</style>
+</head>
+<body class="article">
+<div id="header">
+</div>
+<div id="content">
+<div class="sect1">
+<h2 id="_회원_api">회원 API</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_회원가입">회원가입</h3>
+<div class="sect3">
+<h4 id="_회원가입_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/members/register' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -d '{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/members/register HTTP/1.1
+Content-Type: application/json
+Content-Length: 88
+Host: localhost:8080
+
+{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/members/1
+Content-Type: application/json
+Content-Length: 71
+
+{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}' | http POST 'http://localhost:8080/api/members/register' \
+    'Content-Type:application/json'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>password</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">비밀번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이름</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원가입_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">회원 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이름</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_로그인">로그인</h3>
+<div class="sect3">
+<h4 id="_로그인_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/members/login' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -d '{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/members/login HTTP/1.1
+Content-Type: application/json
+Content-Length: 65
+Host: localhost:8080
+
+{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 196
+
+{
+  "accessToken" : "eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}' | http POST 'http://localhost:8080/api/members/login' \
+    'Content-Type:application/json'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "email" : "member01@gmail.com",
+  "password" : "password01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>password</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">비밀번호</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_로그인_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "accessToken" : "eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_로그인_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>accessToken</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Bearer Token</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_회원_조회">회원 조회</h3>
+<div class="sect3">
+<h4 id="_회원_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/members/1' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/members/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 100
+
+{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/members/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "email" : "member01@gmail.com",
+  "password" : "password01",
+  "name" : "member01"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_회원_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">회원 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>email</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이메일</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>password</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">비밀번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이름</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_조회">위시 상품 조회</h3>
+<div class="sect3">
+<h4 id="_위시_상품_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/members/wishlist' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/members/wishlist HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 180
+
+{
+  "wishlist" : [ {
+    "id" : 1,
+    "productId" : 1,
+    "name" : "product01",
+    "price" : 1000,
+    "quantity" : 5,
+    "imageUrl" : "https://via.placeholder.com/150"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/members/wishlist' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_query_parameters">Query parameters</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>size</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 크기</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "wishlist" : [ {
+    "id" : 1,
+    "productId" : 1,
+    "name" : "product01",
+    "price" : 1000,
+    "quantity" : 5,
+    "imageUrl" : "https://via.placeholder.com/150"
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">위시 상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">재고 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>wishlist[].imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_수정">위시 상품 수정</h3>
+<div class="sect3">
+<h4 id="_위시_상품_수정_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/members/wishlist/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "quantity" : 5
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">PUT /api/members/wishlist/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 20
+Host: localhost:8080
+
+{
+  "quantity" : 5
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 143
+
+{
+  "id" : 1,
+  "productId" : 1,
+  "name" : "product01",
+  "price" : 1000,
+  "quantity" : 5,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "quantity" : 5
+}' | http PUT 'http://localhost:8080/api/members/wishlist/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "quantity" : 5
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">수량</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "productId" : 1,
+  "name" : "product01",
+  "price" : 1000,
+  "quantity" : 5,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_수정_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">위시 상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 식별자</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">재고 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">이미지 URL</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_삭제">위시 상품 삭제</h3>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/members/wishlist/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">DELETE /api/members/wishlist/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http DELETE 'http://localhost:8080/api/members/wishlist/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_삭제_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div id="footer">
+<div id="footer-text">
+Version 0.0.1-SNAPSHOT<br>
+Last updated 2024-07-31 00:55:05 +0900
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/product.html b/src/main/resources/static/product.html
new file mode 100644
index 000000000..93f25fe52
--- /dev/null
+++ b/src/main/resources/static/product.html
@@ -0,0 +1,2078 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Asciidoctor 2.0.18">
+<title>상품 API</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
+<style>
+/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
+/* Uncomment the following line when using as a custom stylesheet */
+/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; */
+html{font-family:sans-serif;-webkit-text-size-adjust:100%}
+a{background:none}
+a:focus{outline:thin dotted}
+a:active,a:hover{outline:0}
+h1{font-size:2em;margin:.67em 0}
+b,strong{font-weight:bold}
+abbr{font-size:.9em}
+abbr[title]{cursor:help;border-bottom:1px dotted #dddddf;text-decoration:none}
+dfn{font-style:italic}
+hr{height:0}
+mark{background:#ff0;color:#000}
+code,kbd,pre,samp{font-family:monospace;font-size:1em}
+pre{white-space:pre-wrap}
+q{quotes:"\201C" "\201D" "\2018" "\2019"}
+small{font-size:80%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-.5em}
+sub{bottom:-.25em}
+img{border:0}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+audio,video{display:inline-block}
+audio:not([controls]){display:none;height:0}
+fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;padding:0}
+button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
+button,input{line-height:normal}
+button,select{text-transform:none}
+button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
+button[disabled],html input[disabled]{cursor:default}
+input[type=checkbox],input[type=radio]{padding:0}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+*,::before,::after{box-sizing:border-box}
+html,body{font-size:100%}
+body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;line-height:1;position:relative;cursor:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-wrap:anywhere;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
+a:hover{cursor:pointer}
+img,object,embed{max-width:100%;height:auto}
+object,embed{height:100%}
+img{-ms-interpolation-mode:bicubic}
+.left{float:left!important}
+.right{float:right!important}
+.text-left{text-align:left!important}
+.text-right{text-align:right!important}
+.text-center{text-align:center!important}
+.text-justify{text-align:justify!important}
+.hide{display:none}
+img,object,svg{display:inline-block;vertical-align:middle}
+textarea{height:auto;min-height:50px}
+select{width:100%}
+.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
+div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
+a{color:#2156a5;text-decoration:underline;line-height:inherit}
+a:hover,a:focus{color:#1d4b8f}
+a img{border:0}
+p{line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
+p aside{font-size:.875em;line-height:1.35;font-style:italic}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
+h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
+h1{font-size:2.125em}
+h2{font-size:1.6875em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
+h4,h5{font-size:1.125em}
+h6{font-size:1em}
+hr{border:solid #dddddf;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em}
+em,i{font-style:italic;line-height:inherit}
+strong,b{font-weight:bold;line-height:inherit}
+small{font-size:60%;line-height:inherit}
+code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
+ul,ol,dl{line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
+ul,ol{margin-left:1.5em}
+ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0}
+ul.circle{list-style-type:circle}
+ul.disc{list-style-type:disc}
+ul.square{list-style-type:square}
+ul.circle ul:not([class]),ul.disc ul:not([class]),ul.square ul:not([class]){list-style:inherit}
+ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
+dl dt{margin-bottom:.3125em;font-weight:bold}
+dl dd{margin-bottom:1.25em}
+blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
+blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
+@media screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
+h1{font-size:2.75em}
+h2{font-size:2.3125em}
+h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
+h4{font-size:1.4375em}}
+table{background:#fff;margin-bottom:1.25em;border:1px solid #dedede;word-wrap:normal}
+table thead,table tfoot{background:#f7f8f7}
+table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
+table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
+table tr.even,table tr.alt{background:#f8f8f7}
+table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{line-height:1.6}
+h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
+h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
+.center{margin-left:auto;margin-right:auto}
+.stretch{width:100%}
+.clearfix::before,.clearfix::after,.float-group::before,.float-group::after{content:" ";display:table}
+.clearfix::after,.float-group::after{clear:both}
+:not(pre).nobreak{word-wrap:normal}
+:not(pre).nowrap{white-space:nowrap}
+:not(pre).pre-wrap{white-space:pre-wrap}
+:not(pre):not([class^=L])>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background:#f7f7f8;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
+pre{color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;line-height:1.45;text-rendering:optimizeSpeed}
+pre code,pre pre{color:inherit;font-size:inherit;line-height:inherit}
+pre>code{display:block}
+pre.nowrap,pre.nowrap pre{white-space:pre;word-wrap:normal}
+em em{font-style:normal}
+strong strong{font-weight:400}
+.keyseq{color:rgba(51,51,51,.8)}
+kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 .1em #fff;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
+.keyseq kbd:first-child{margin-left:0}
+.keyseq kbd:last-child{margin-right:0}
+.menuseq,.menuref{color:#000}
+.menuseq b:not(.caret),.menuref{font-weight:inherit}
+.menuseq{word-spacing:-.02em}
+.menuseq b.caret{font-size:1.25em;line-height:.8}
+.menuseq i.caret{font-weight:bold;text-align:center;width:.45em}
+b.button::before,b.button::after{position:relative;top:-1px;font-weight:400}
+b.button::before{content:"[";padding:0 3px 0 2px}
+b.button::after{content:"]";padding:0 2px 0 3px}
+p a>code:hover{color:rgba(0,0,0,.9)}
+#header,#content,#footnotes,#footer{width:100%;margin:0 auto;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
+#header::before,#header::after,#content::before,#content::after,#footnotes::before,#footnotes::after,#footer::before,#footer::after{content:" ";display:table}
+#header::after,#content::after,#footnotes::after,#footer::after{clear:both}
+#content{margin-top:1.25em}
+#content::before{content:none}
+#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
+#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #dddddf}
+#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #dddddf;padding-bottom:8px}
+#header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:flex;flex-flow:row wrap}
+#header .details span:first-child{margin-left:-.125em}
+#header .details span.email a{color:rgba(0,0,0,.85)}
+#header .details br{display:none}
+#header .details br+span::before{content:"\00a0\2013\00a0"}
+#header .details br+span.author::before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
+#header .details br+span#revremark::before{content:"\00a0|\00a0"}
+#header #revnumber{text-transform:capitalize}
+#header #revnumber::after{content:"\00a0"}
+#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #dddddf;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
+#toc{border-bottom:1px solid #e7e7e9;padding-bottom:.5em}
+#toc>ul{margin-left:.125em}
+#toc ul.sectlevel0>li>a{font-style:italic}
+#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
+#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
+#toc li{line-height:1.3334;margin-top:.3334em}
+#toc a{text-decoration:none}
+#toc a:active{text-decoration:underline}
+#toctitle{color:#7a2518;font-size:1.2em}
+@media screen and (min-width:768px){#toctitle{font-size:1.375em}
+body.toc2{padding-left:15em;padding-right:0}
+#toc.toc2{margin-top:0!important;background:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #e7e7e9;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
+#toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
+#toc.toc2>ul{font-size:.9em;margin-bottom:0}
+#toc.toc2 ul ul{margin-left:0;padding-left:1em}
+#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
+body.toc2.toc-right{padding-left:0;padding-right:15em}
+body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #e7e7e9;left:auto;right:0}}
+@media screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
+#toc.toc2{width:20em}
+#toc.toc2 #toctitle{font-size:1.375em}
+#toc.toc2>ul{font-size:.95em}
+#toc.toc2 ul ul{padding-left:1.25em}
+body.toc2.toc-right{padding-left:0;padding-right:20em}}
+#content #toc{border:1px solid #e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;border-radius:4px}
+#content #toc>:first-child{margin-top:0}
+#content #toc>:last-child{margin-bottom:0}
+#footer{max-width:none;background:rgba(0,0,0,.8);padding:1.25em}
+#footer-text{color:hsla(0,0%,100%,.8);line-height:1.44}
+#content{margin-bottom:.625em}
+.sect1{padding-bottom:.625em}
+@media screen and (min-width:768px){#content{margin-bottom:1.25em}
+.sect1{padding-bottom:1.25em}}
+.sect1:last-child{padding-bottom:0}
+.sect1+.sect1{border-top:1px solid #e7e7e9}
+#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
+#content h1>a.anchor::before,h2>a.anchor::before,h3>a.anchor::before,#toctitle>a.anchor::before,.sidebarblock>.content>.title>a.anchor::before,h4>a.anchor::before,h5>a.anchor::before,h6>a.anchor::before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
+#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
+#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
+#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
+details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
+details{margin-left:1.25rem}
+details>summary{cursor:pointer;display:block;position:relative;line-height:1.6;margin-bottom:.625rem;outline:none;-webkit-tap-highlight-color:transparent}
+details>summary::-webkit-details-marker{display:none}
+details>summary::before{content:"";border:solid transparent;border-left:solid;border-width:.3em 0 .3em .5em;position:absolute;top:.5em;left:-1.25rem;transform:translateX(15%)}
+details[open]>summary::before{border:solid transparent;border-top:solid;border-width:.5em .3em 0;transform:translateY(15%)}
+details>summary::after{content:"";width:1.25rem;height:1em;position:absolute;top:.3em;left:-1.25rem}
+.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
+table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
+.paragraph.lead>p,#preamble>.sectionbody>[class=paragraph]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
+.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
+.admonitionblock>table td.icon{text-align:center;width:80px}
+.admonitionblock>table td.icon img{max-width:none}
+.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
+.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6);word-wrap:anywhere}
+.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
+.exampleblock>.content{border:1px solid #e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;border-radius:4px}
+.exampleblock>.content>:first-child{margin-top:0}
+.exampleblock>.content>:last-child{margin-bottom:0}
+.sidebarblock{border:1px solid #dbdbd6;margin-bottom:1.25em;padding:1.25em;background:#f3f3f2;border-radius:4px}
+.sidebarblock>:first-child{margin-top:0}
+.sidebarblock>:last-child{margin-bottom:0}
+.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
+.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
+.literalblock pre,.listingblock>.content>pre{border-radius:4px;overflow-x:auto;padding:1em;font-size:.8125em}
+@media screen and (min-width:768px){.literalblock pre,.listingblock>.content>pre{font-size:.90625em}}
+@media screen and (min-width:1280px){.literalblock pre,.listingblock>.content>pre{font-size:1em}}
+.literalblock pre,.listingblock>.content>pre:not(.highlight),.listingblock>.content>pre[class=highlight],.listingblock>.content>pre[class^="highlight "]{background:#f7f7f8}
+.literalblock.output pre{color:#f7f7f8;background:rgba(0,0,0,.9)}
+.listingblock>.content{position:relative}
+.listingblock code[data-lang]::before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:inherit;opacity:.5}
+.listingblock:hover code[data-lang]::before{display:block}
+.listingblock.terminal pre .command::before{content:attr(data-prompt);padding-right:.5em;color:inherit;opacity:.5}
+.listingblock.terminal pre .command:not([data-prompt])::before{content:"$"}
+.listingblock pre.highlightjs{padding:0}
+.listingblock pre.highlightjs>code{padding:1em;border-radius:4px}
+.listingblock pre.prettyprint{border-width:0}
+.prettyprint{background:#f7f7f8}
+pre.prettyprint .linenums{line-height:1.45;margin-left:2em}
+pre.prettyprint li{background:none;list-style-type:inherit;padding-left:0}
+pre.prettyprint li code[data-lang]::before{opacity:1}
+pre.prettyprint li:not(:first-child) code[data-lang]::before{display:none}
+table.linenotable{border-collapse:separate;border:0;margin-bottom:0;background:none}
+table.linenotable td[class]{color:inherit;vertical-align:top;padding:0;line-height:inherit;white-space:normal}
+table.linenotable td.code{padding-left:.75em}
+table.linenotable td.linenos,pre.pygments .linenos{border-right:1px solid;opacity:.35;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+pre.pygments span.linenos{display:inline-block;margin-right:.75em}
+.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
+.quoteblock:not(.excerpt)>.title{margin-left:-1.5em;margin-bottom:.75em}
+.quoteblock blockquote,.quoteblock p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
+.quoteblock blockquote{margin:0;padding:0;border:0}
+.quoteblock blockquote::before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
+.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
+.quoteblock .attribution{margin-top:.75em;margin-right:.5ex;text-align:right}
+.verseblock{margin:0 1em 1.25em}
+.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans-serif;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
+.verseblock pre strong{font-weight:400}
+.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
+.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
+.quoteblock .attribution br,.verseblock .attribution br{display:none}
+.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
+.quoteblock.abstract blockquote::before,.quoteblock.excerpt blockquote::before,.quoteblock .quoteblock blockquote::before{display:none}
+.quoteblock.abstract blockquote,.quoteblock.abstract p,.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{line-height:1.6;word-spacing:0}
+.quoteblock.abstract{margin:0 1em 1.25em;display:block}
+.quoteblock.abstract>.title{margin:0 0 .375em;font-size:1.15em;text-align:center}
+.quoteblock.excerpt>blockquote,.quoteblock .quoteblock{padding:0 0 .25em 1em;border-left:.25em solid #dddddf}
+.quoteblock.excerpt,.quoteblock .quoteblock{margin-left:0}
+.quoteblock.excerpt blockquote,.quoteblock.excerpt p,.quoteblock .quoteblock blockquote,.quoteblock .quoteblock p{color:inherit;font-size:1.0625rem}
+.quoteblock.excerpt .attribution,.quoteblock .quoteblock .attribution{color:inherit;font-size:.85rem;text-align:left;margin-right:0}
+p.tableblock:last-child{margin-bottom:0}
+td.tableblock>.content{margin-bottom:1.25em;word-wrap:anywhere}
+td.tableblock>.content>:last-child{margin-bottom:-1.25em}
+table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
+table.grid-all>*>tr>*{border-width:1px}
+table.grid-cols>*>tr>*{border-width:0 1px}
+table.grid-rows>*>tr>*{border-width:1px 0}
+table.frame-all{border-width:1px}
+table.frame-ends{border-width:1px 0}
+table.frame-sides{border-width:0 1px}
+table.frame-none>colgroup+*>:first-child>*,table.frame-sides>colgroup+*>:first-child>*{border-top-width:0}
+table.frame-none>:last-child>:last-child>*,table.frame-sides>:last-child>:last-child>*{border-bottom-width:0}
+table.frame-none>*>tr>:first-child,table.frame-ends>*>tr>:first-child{border-left-width:0}
+table.frame-none>*>tr>:last-child,table.frame-ends>*>tr>:last-child{border-right-width:0}
+table.stripes-all>*>tr,table.stripes-odd>*>tr:nth-of-type(odd),table.stripes-even>*>tr:nth-of-type(even),table.stripes-hover>*>tr:hover{background:#f8f8f7}
+th.halign-left,td.halign-left{text-align:left}
+th.halign-right,td.halign-right{text-align:right}
+th.halign-center,td.halign-center{text-align:center}
+th.valign-top,td.valign-top{vertical-align:top}
+th.valign-bottom,td.valign-bottom{vertical-align:bottom}
+th.valign-middle,td.valign-middle{vertical-align:middle}
+table thead th,table tfoot th{font-weight:bold}
+tbody tr th{background:#f7f8f7}
+tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
+p.tableblock>code:only-child{background:none;padding:0}
+p.tableblock{font-size:1em}
+ol{margin-left:1.75em}
+ul li ol{margin-left:1.5em}
+dl dd{margin-left:1.125em}
+dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
+li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
+ul.checklist,ul.none,ol.none,ul.no-bullet,ol.no-bullet,ol.unnumbered,ul.unstyled,ol.unstyled{list-style-type:none}
+ul.no-bullet,ol.no-bullet,ol.unnumbered{margin-left:.625em}
+ul.unstyled,ol.unstyled{margin-left:0}
+li>p:empty:only-child::before{content:"";display:inline-block}
+ul.checklist>li>p:first-child{margin-left:-1em}
+ul.checklist>li>p:first-child>.fa-square-o:first-child,ul.checklist>li>p:first-child>.fa-check-square-o:first-child{width:1.25em;font-size:.8em;position:relative;bottom:.125em}
+ul.checklist>li>p:first-child>input[type=checkbox]:first-child{margin-right:.25em}
+ul.inline{display:flex;flex-flow:row wrap;list-style:none;margin:0 0 .625em -1.25em}
+ul.inline>li{margin-left:1.25em}
+.unstyled dl dt{font-weight:400;font-style:normal}
+ol.arabic{list-style-type:decimal}
+ol.decimal{list-style-type:decimal-leading-zero}
+ol.loweralpha{list-style-type:lower-alpha}
+ol.upperalpha{list-style-type:upper-alpha}
+ol.lowerroman{list-style-type:lower-roman}
+ol.upperroman{list-style-type:upper-roman}
+ol.lowergreek{list-style-type:lower-greek}
+.hdlist>table,.colist>table{border:0;background:none}
+.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
+td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
+td.hdlist1{font-weight:bold;padding-bottom:1.25em}
+td.hdlist2{word-wrap:anywhere}
+.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
+.colist td:not([class]):first-child{padding:.4em .75em 0;line-height:1;vertical-align:top}
+.colist td:not([class]):first-child img{max-width:none}
+.colist td:not([class]):last-child{padding:.25em 0}
+.thumb,.th{line-height:0;display:inline-block;border:4px solid #fff;box-shadow:0 0 0 1px #ddd}
+.imageblock.left{margin:.25em .625em 1.25em 0}
+.imageblock.right{margin:.25em 0 1.25em .625em}
+.imageblock>.title{margin-bottom:0}
+.imageblock.thumb,.imageblock.th{border-width:6px}
+.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
+.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
+.image.left{margin-right:.625em}
+.image.right{margin-left:.625em}
+a.image{text-decoration:none;display:inline-block}
+a.image object{pointer-events:none}
+sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
+sup.footnote a,sup.footnoteref a{text-decoration:none}
+sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
+#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
+#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em;border-width:1px 0 0}
+#footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;margin-bottom:.2em}
+#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none;margin-left:-1.05em}
+#footnotes .footnote:last-of-type{margin-bottom:0}
+#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
+div.unbreakable{page-break-inside:avoid}
+.big{font-size:larger}
+.small{font-size:smaller}
+.underline{text-decoration:underline}
+.overline{text-decoration:overline}
+.line-through{text-decoration:line-through}
+.aqua{color:#00bfbf}
+.aqua-background{background:#00fafa}
+.black{color:#000}
+.black-background{background:#000}
+.blue{color:#0000bf}
+.blue-background{background:#0000fa}
+.fuchsia{color:#bf00bf}
+.fuchsia-background{background:#fa00fa}
+.gray{color:#606060}
+.gray-background{background:#7d7d7d}
+.green{color:#006000}
+.green-background{background:#007d00}
+.lime{color:#00bf00}
+.lime-background{background:#00fa00}
+.maroon{color:#600000}
+.maroon-background{background:#7d0000}
+.navy{color:#000060}
+.navy-background{background:#00007d}
+.olive{color:#606000}
+.olive-background{background:#7d7d00}
+.purple{color:#600060}
+.purple-background{background:#7d007d}
+.red{color:#bf0000}
+.red-background{background:#fa0000}
+.silver{color:#909090}
+.silver-background{background:#bcbcbc}
+.teal{color:#006060}
+.teal-background{background:#007d7d}
+.white{color:#bfbfbf}
+.white-background{background:#fafafa}
+.yellow{color:#bfbf00}
+.yellow-background{background:#fafa00}
+span.icon>.fa{cursor:default}
+a span.icon>.fa{cursor:inherit}
+.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
+.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
+.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
+.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
+.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
+.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
+.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(0,0,0,.8);border-radius:50%;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
+.conum[data-value] *{color:#fff!important}
+.conum[data-value]+b{display:none}
+.conum[data-value]::after{content:attr(data-value)}
+pre .conum[data-value]{position:relative;top:-.125em}
+b.conum *{color:inherit!important}
+.conum:not([data-value]):empty{display:none}
+dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
+h1,h2,p,td.content,span.alt,summary{letter-spacing:-.01em}
+p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
+p,blockquote,dt,td.content,span.alt,summary{font-size:1.0625rem}
+p{margin-bottom:1.25rem}
+.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
+.exampleblock>.content{background:#fffef7;border-color:#e0e0dc;box-shadow:0 1px 4px #e0e0dc}
+.print-only{display:none!important}
+@page{margin:1.25cm .75cm}
+@media print{*{box-shadow:none!important;text-shadow:none!important}
+html{font-size:80%}
+a{color:inherit!important;text-decoration:underline!important}
+a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
+a[href^="http:"]:not(.bare)::after,a[href^="https:"]:not(.bare)::after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
+abbr[title]{border-bottom:1px dotted}
+abbr[title]::after{content:" (" attr(title) ")"}
+pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
+thead{display:table-header-group}
+svg{max-width:100%}
+p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
+h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
+#header,#content,#footnotes,#footer{max-width:none}
+#toc,.sidebarblock,.exampleblock>.content{background:none!important}
+#toc{border-bottom:1px solid #dddddf!important;padding-bottom:0!important}
+body.book #header{text-align:center}
+body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em}
+body.book #header .details{border:0!important;display:block;padding:0!important}
+body.book #header .details span:first-child{margin-left:0!important}
+body.book #header .details br{display:block}
+body.book #header .details br+span::before{content:none!important}
+body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
+body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
+.listingblock code[data-lang]::before{display:block}
+#footer{padding:0 .9375em}
+.hide-on-print{display:none!important}
+.print-only{display:block!important}
+.hide-for-print{display:none!important}
+.show-for-print{display:inherit!important}}
+@media amzn-kf8,print{#header>h1:first-child{margin-top:1.25rem}
+.sect1{padding:0!important}
+.sect1+.sect1{border:0}
+#footer{background:none}
+#footer-text{color:rgba(0,0,0,.6);font-size:.9em}}
+@media amzn-kf8{#header,#content,#footnotes,#footer{padding:0}}
+</style>
+</head>
+<body class="article">
+<div id="header">
+</div>
+<div id="content">
+<div class="sect1">
+<h2 id="_상품_api">상품 API</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_전체_상품_조회">전체 상품 조회</h3>
+<div class="sect3">
+<h4 id="_전체_상품_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products?page=0&amp;size=10' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/products?page=0&amp;size=10 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 443
+
+{
+  "products" : [ {
+    "id" : 1,
+    "name" : "상품01",
+    "price" : 1000,
+    "imageUrl" : "https://via.placeholder.com/150",
+    "options" : [ {
+      "id" : 1,
+      "name" : "상품 옵션 01",
+      "stock" : 100
+    } ],
+    "category" : {
+      "id" : 1,
+      "name" : "카테고리01",
+      "description" : "카테고리01 입니다",
+      "imageUrl" : "https://via.placeholder.com/150",
+      "color" : "#FFFFFF"
+    }
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/products?page=0&amp;size=10' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_query_parameters">Query parameters</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Parameter</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 번호</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>size</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">페이지 크기</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "products" : [ {
+    "id" : 1,
+    "name" : "상품01",
+    "price" : 1000,
+    "imageUrl" : "https://via.placeholder.com/150",
+    "options" : [ {
+      "id" : 1,
+      "name" : "상품 옵션 01",
+      "stock" : 100
+    } ],
+    "category" : {
+      "id" : 1,
+      "name" : "카테고리01",
+      "description" : "카테고리01 입니다",
+      "imageUrl" : "https://via.placeholder.com/150",
+      "color" : "#FFFFFF"
+    }
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_전체_상품_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>products[].category.color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 색상</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_단일_상품_조회">단일 상품 조회</h3>
+<div class="sect3">
+<h4 id="_단일_상품_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/products/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 386
+
+{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ],
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/products/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ],
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_단일_상품_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 색상</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_생성">상품 생성</h3>
+<div class="sect3">
+<h4 id="_상품_생성_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/products HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 196
+Host: localhost:8080
+
+{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/products/1
+Content-Type: application/json
+Content-Length: 216
+
+{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100,
+    "productId" : 1
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}' | http POST 'http://localhost:8080/api/products' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "categoryId" : 1,
+  "productOptions" : [ {
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>categoryId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productOptions</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productOptions[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productOptions[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100,
+    "productId" : 1
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_생성_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Array</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 목록</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 상품 ID</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_수정">상품 수정</h3>
+<div class="sect3">
+<h4 id="_상품_수정_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">PUT /api/products/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 93
+Host: localhost:8080
+
+{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 296
+
+{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}' | http PUT 'http://localhost:8080/api/products/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "상품01",
+  "price" : 1000,
+  "imageUrl" : "https://via.placeholder.com/150",
+  "category" : {
+    "id" : 1,
+    "name" : "카테고리01",
+    "description" : "카테고리01 입니다",
+    "imageUrl" : "https://via.placeholder.com/150",
+    "color" : "#FFFFFF"
+  }
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_수정_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>price</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 가격</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.description</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 설명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.imageUrl</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 이미지 URL</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>category.color</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">카테고리 색상</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_삭제">상품 삭제</h3>
+<div class="sect3">
+<h4 id="_상품_삭제_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">DELETE /api/products/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http DELETE 'http://localhost:8080/api/products/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_삭제_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_주문">상품 주문</h3>
+<div class="sect3">
+<h4 id="_상품_주문_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/order' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/products/1/order HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 63
+Host: localhost:8080
+
+{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 83
+
+{
+  "productId" : 1,
+  "optionId" : 1,
+  "quantity" : 10,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}' | http POST 'http://localhost:8080/api/products/1/order' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "optionId" : 1,
+  "quantity" : 1,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>optionId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">주문 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>message</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">메시지</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "productId" : 1,
+  "optionId" : 1,
+  "quantity" : 10,
+  "message" : "message"
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_주문_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>optionId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">주문 수량</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>message</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">메시지</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_위시_상품_추가">위시 상품 추가</h3>
+<div class="sect3">
+<h4 id="_위시_상품_추가_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/wish' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "productId" : 1,
+  "quantity" : 1
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/products/wish HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 39
+Host: localhost:8080
+
+{
+  "productId" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 32
+
+{
+  "id" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "productId" : 1,
+  "quantity" : 1
+}' | http POST 'http://localhost:8080/api/products/wish' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "productId" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>productId</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">수량</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "quantity" : 1
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_위시_상품_추가_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">위시 상품 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>quantity</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">수량</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_생성">상품 옵션 생성</h3>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options' -i -X POST \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">POST /api/products/1/options HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 50
+Host: localhost:8080
+
+{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 201 Created
+Location: http://localhost:8080/api/products/1/options/1
+Content-Type: application/json
+Content-Length: 62
+
+{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}' | http POST 'http://localhost:8080/api/products/1/options' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_생성_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_조회">상품 옵션 조회</h3>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options' -i -X GET \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">GET /api/products/1/options HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 92
+
+{
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http GET 'http://localhost:8080/api/products/1/options' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "options" : [ {
+    "id" : 1,
+    "name" : "상품 옵션 01",
+    "stock" : 100
+  } ]
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_조회_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>options[].stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_수정">상품 옵션 수정</h3>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options/1' -i -X PUT \
+    -H 'Content-Type: application/json' \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw' \
+    -d '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">PUT /api/products/1/options/1 HTTP/1.1
+Content-Type: application/json
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Content-Length: 50
+Host: localhost:8080
+
+{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 200 OK
+Content-Type: application/json
+Content-Length: 62
+
+{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ echo '{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}' | http PUT 'http://localhost:8080/api/products/1/options/1' \
+    'Content-Type:application/json' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_request_fields">Request fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-json" data-lang="json">{
+  "id" : 1,
+  "name" : "상품 옵션 01",
+  "stock" : 100
+}</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_수정_response_fields">Response fields</h4>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 33.3333%;">
+<col style="width: 33.3334%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Path</th>
+<th class="tableblock halign-left valign-top">Type</th>
+<th class="tableblock halign-left valign-top">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>id</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 ID</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>name</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>String</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션명</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>stock</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Number</code></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">상품 옵션 재고</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_상품_옵션_삭제">상품 옵션 삭제</h3>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_curl_request">Curl request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ curl 'http://localhost:8080/api/products/1/options/1' -i -X DELETE \
+    -H 'Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_http_request">HTTP request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">DELETE /api/products/1/options/1 HTTP/1.1
+Authorization: Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw
+Host: localhost:8080</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_http_response">HTTP response</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code class="language-http" data-lang="http">HTTP/1.1 204 No Content</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_httpie_request">HTTPie request</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight"><code class="language-bash" data-lang="bash">$ http DELETE 'http://localhost:8080/api/products/1/options/1' \
+    'Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJtZW1iZXJJZCI6MSwiaWF0IjoxNzIyMzU1MTA0LCJleHAiOjE3MjIzNTg3MDR9.89Yf45yjhDeU0k6CYLtjklTXJTJZ8K1aDtqgdLnpIzLkpfVMlu-JX84iwIzn47WsywraIJ-7AsJSS_5zs4TaQw'</code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_request_body">Request body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_상품_옵션_삭제_response_body">Response body</h4>
+<div class="listingblock">
+<div class="content">
+<pre class="highlight nowrap"><code></code></pre>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div id="footer">
+<div id="footer-text">
+Version 0.0.1-SNAPSHOT<br>
+Last updated 2024-07-31 00:55:05 +0900
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/form/login-form.html b/src/main/resources/templates/form/login-form.html
index eeb3b6e3f..ac13998d2 100644
--- a/src/main/resources/templates/form/login-form.html
+++ b/src/main/resources/templates/form/login-form.html
@@ -23,7 +23,7 @@ <h1 class="my-4">로그인</h1>
   <hr>
   <div class="mt-3">
     <a href="/view/register" class="btn btn-secondary">회원가입</a>
-    <a id="kakao-login-btn" href="https://kauth.kakao.com/oauth/authorize?client_id=c14cc9f825429533e917e1b1be966e08&redirect_uri=http://localhost:8080/api/login/oauth2/kakao&response_type=code" class="btn btn-warning">카카오 로그인</a>
+    <a id="kakao-login-btn" th:href="'https://kauth.kakao.com/oauth/authorize?client_id=' + ${clientId} + '&redirect_uri=' + ${redirectUri} + '&response_type=code'" class="btn btn-warning">카카오 로그인</a>
   </div>
 </div>
 <script src="/js/script.js"></script>
diff --git a/src/test/java/gift/config/RestDocsConfiguration.java b/src/test/java/gift/config/RestDocsConfiguration.java
new file mode 100644
index 000000000..8682ea2d6
--- /dev/null
+++ b/src/test/java/gift/config/RestDocsConfiguration.java
@@ -0,0 +1,21 @@
+package gift.config;
+
+import org.springframework.boot.test.context.TestConfiguration;
+import org.springframework.context.annotation.Bean;
+import org.springframework.restdocs.mockmvc.MockMvcRestDocumentation;
+import org.springframework.restdocs.mockmvc.RestDocumentationResultHandler;
+import org.springframework.restdocs.operation.preprocess.Preprocessors;
+
+@TestConfiguration
+public class RestDocsConfiguration {
+
+    @Bean
+    public RestDocumentationResultHandler write() {
+        return MockMvcRestDocumentation.document(
+            "{class-name}/{method-name}",
+            Preprocessors.preprocessRequest(Preprocessors.prettyPrint()), //예쁘게 출력
+            Preprocessors.preprocessResponse(Preprocessors.prettyPrint()) //예쁘게 출력
+        );
+    }
+
+}
diff --git a/src/test/java/gift/mock/MockLoginMemberArgumentResolver.java b/src/test/java/gift/mock/MockLoginMemberArgumentResolver.java
new file mode 100644
index 000000000..5829a7d93
--- /dev/null
+++ b/src/test/java/gift/mock/MockLoginMemberArgumentResolver.java
@@ -0,0 +1,25 @@
+package gift.mock;
+
+import gift.domain.constants.Platform;
+import gift.domain.vo.Email;
+import gift.web.dto.MemberDetails;
+import gift.web.resolver.LoginMemberArgumentResolver;
+import org.springframework.boot.test.context.TestComponent;
+import org.springframework.core.MethodParameter;
+import org.springframework.web.bind.support.WebDataBinderFactory;
+import org.springframework.web.context.request.NativeWebRequest;
+import org.springframework.web.method.support.ModelAndViewContainer;
+
+@TestComponent
+public class MockLoginMemberArgumentResolver extends LoginMemberArgumentResolver {
+
+    public MockLoginMemberArgumentResolver() {
+        super(null, null);
+    }
+
+    @Override
+    public Object resolveArgument(MethodParameter parameter, ModelAndViewContainer mavContainer,
+        NativeWebRequest webRequest, WebDataBinderFactory binderFactory) throws Exception {
+        return new MemberDetails(1L, Email.from("member01@gmail.com"), Platform.GIFT);
+    }
+}
diff --git a/src/test/java/gift/service/ProductOptionServiceTest.java b/src/test/java/gift/service/ProductOptionServiceTest.java
index 69b413f0c..da01416cd 100644
--- a/src/test/java/gift/service/ProductOptionServiceTest.java
+++ b/src/test/java/gift/service/ProductOptionServiceTest.java
@@ -4,13 +4,14 @@
 import static org.assertj.core.api.Assertions.assertThatThrownBy;
 import static org.junit.jupiter.api.Assertions.assertAll;
 import static org.junit.jupiter.api.Assertions.assertDoesNotThrow;
-import static org.junit.jupiter.api.Assertions.assertThrows;
 import static org.mockito.ArgumentMatchers.any;
 import static org.mockito.BDDMockito.given;
 
+import gift.domain.Product;
 import gift.domain.ProductOption;
 import gift.domain.ProductOption.Builder;
 import gift.repository.ProductOptionRepository;
+import gift.repository.ProductRepository;
 import gift.web.dto.request.productoption.CreateProductOptionRequest;
 import gift.web.dto.request.productoption.SubtractProductOptionQuantityRequest;
 import gift.web.dto.request.productoption.UpdateProductOptionRequest;
@@ -37,6 +38,9 @@ class ProductOptionServiceTest {
     @Mock
     private ProductOptionRepository productOptionRepository;
 
+    @Mock
+    private ProductRepository productRepository;
+
     @Test
     @DisplayName("상품 옵션 생성 요청이 정상적일 때, 상품 옵션을 성공적으로 생성합니다.")
     void createOption() {
@@ -44,6 +48,7 @@ void createOption() {
         Long productId = 1L;
         CreateProductOptionRequest request = new CreateProductOptionRequest("optionName", 1000);
         given(productOptionRepository.save(any())).willReturn(request.toEntity(productId));
+        given(productRepository.findById(any())).willReturn(Optional.of(new Product.Builder().productOptions(List.of(request.toEntity(productId))).build()));
 
         //when
         CreateProductOptionResponse response = productOptionService.createOption(productId, request);
diff --git a/src/test/java/gift/service/ProductServiceTest.java b/src/test/java/gift/service/ProductServiceTest.java
index ad43d05ca..c8332d0c2 100644
--- a/src/test/java/gift/service/ProductServiceTest.java
+++ b/src/test/java/gift/service/ProductServiceTest.java
@@ -55,7 +55,7 @@ class ProductServiceTest {
 
     @BeforeEach
     void setUp() {
-        productOptionService = new ProductOptionService(productOptionRepository);
+        productOptionService = new ProductOptionService(productOptionRepository, productRepository);
         productService = new ProductService(productRepository, categoryRepository, wishProductRepository, productOptionService);
     }
 
diff --git a/src/test/java/gift/web/controller/api/CategoryApiControllerTest.java b/src/test/java/gift/web/controller/api/CategoryApiControllerTest.java
new file mode 100644
index 000000000..20563b011
--- /dev/null
+++ b/src/test/java/gift/web/controller/api/CategoryApiControllerTest.java
@@ -0,0 +1,237 @@
+package gift.web.controller.api;
+
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.BDDMockito.given;
+import static org.springframework.restdocs.mockmvc.RestDocumentationRequestBuilders.post;
+import static org.springframework.restdocs.mockmvc.RestDocumentationRequestBuilders.put;
+import static org.springframework.restdocs.payload.PayloadDocumentation.fieldWithPath;
+import static org.springframework.restdocs.payload.PayloadDocumentation.requestFields;
+import static org.springframework.restdocs.payload.PayloadDocumentation.responseFields;
+import static org.springframework.restdocs.request.RequestDocumentation.parameterWithName;
+import static org.springframework.restdocs.request.RequestDocumentation.queryParameters;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.delete;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import gift.authentication.token.JwtProvider;
+import gift.config.RestDocsConfiguration;
+import gift.domain.Member;
+import gift.domain.Member.Builder;
+import gift.domain.vo.Email;
+import gift.service.CategoryService;
+import gift.web.dto.request.category.CreateCategoryRequest;
+import gift.web.dto.request.category.UpdateCategoryRequest;
+import gift.web.dto.response.category.CreateCategoryResponse;
+import gift.web.dto.response.category.ReadAllCategoriesResponse;
+import gift.web.dto.response.category.ReadCategoryResponse;
+import gift.web.dto.response.category.UpdateCategoryResponse;
+import java.util.List;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.DisplayName;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.context.annotation.Import;
+import org.springframework.data.web.PageableHandlerMethodArgumentResolver;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.restdocs.RestDocumentationContextProvider;
+import org.springframework.restdocs.RestDocumentationExtension;
+import org.springframework.restdocs.mockmvc.MockMvcRestDocumentation;
+import org.springframework.restdocs.mockmvc.RestDocumentationResultHandler;
+import org.springframework.restdocs.payload.JsonFieldType;
+import org.springframework.test.context.ActiveProfiles;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.setup.MockMvcBuilders;
+
+@ActiveProfiles("test")
+@SpringBootTest
+@Import(RestDocsConfiguration.class)
+@ExtendWith(RestDocumentationExtension.class)
+class CategoryApiControllerTest {
+
+    private MockMvc mockMvc;
+
+    @Autowired
+    protected RestDocumentationResultHandler restDocs;
+
+    @Autowired
+    protected ObjectMapper objectMapper;
+
+    @Autowired
+    private JwtProvider jwtProvider;
+
+    @MockBean
+    private CategoryService categoryService;
+
+    private String accessToken;
+
+    private static final String BASE_URL = "/api/categories";
+
+    @BeforeEach
+    void setUp(
+        final RestDocumentationContextProvider provider
+    ) {
+        mockMvc = MockMvcBuilders
+            .standaloneSetup(new CategoryApiController(categoryService))
+            .setCustomArgumentResolvers(new PageableHandlerMethodArgumentResolver())
+            .apply(MockMvcRestDocumentation.documentationConfiguration(provider))
+            .alwaysDo(restDocs)
+            .build();
+
+        Member member = new Builder().id(1L).name("회원01").email(Email.from("member01@gmail.com"))
+            .build();
+        accessToken = jwtProvider.generateToken(member).getValue();
+    }
+
+
+    @Test
+    @DisplayName("카테고리 생성")
+    void createCategory() throws Exception {
+        CreateCategoryRequest request = new CreateCategoryRequest("카테고리01",
+            "카테고리01 설명", "https://via.placeholder.com/150", "#FFFFFF");
+
+        String content = objectMapper.writeValueAsString(request);
+
+        given(categoryService.createCategory(any(CreateCategoryRequest.class)))
+            .willReturn(new CreateCategoryResponse(1L, "카테고리01", "카테고리01 설명", "https://via.placeholder.com/150", "#FFFFFF"));
+
+        mockMvc
+            .perform(
+                post(BASE_URL)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+            )
+            .andExpect(status().isCreated())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("이미지 URL"),
+                        fieldWithPath("color").type(JsonFieldType.STRING).description("색상 코드")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("이미지 URL"),
+                        fieldWithPath("color").type(JsonFieldType.STRING).description("색상 코드")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("모든 카테고리 조회")
+    void readAllCategories() throws Exception {
+        given(categoryService.readAllCategories(any()))
+            .willReturn(new ReadAllCategoriesResponse(List.of(
+                new ReadCategoryResponse(1L, "카테고리01", "카테고리01 설명", "https://via.placeholder.com/150", "#FFFFFF"),
+                new ReadCategoryResponse(2L, "카테고리02", "카테고리02 설명", "https://via.placeholder.com/150", "#FFFFFF")
+            )));
+
+        mockMvc
+            .perform(
+                get(BASE_URL)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    queryParameters(
+                        parameterWithName("page").optional().description("페이지 번호"),
+                        parameterWithName("size").optional().description("페이지 크기"),
+                        parameterWithName("sort").optional().description("정렬 조건")
+                    ),
+                    responseFields(
+                        fieldWithPath("categories[].id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("categories[].name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("categories[].description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("categories[].imageUrl").type(JsonFieldType.STRING).description("이미지 URL"),
+                        fieldWithPath("categories[].color").type(JsonFieldType.STRING).description("색상 코드")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("단일 카테고리 조회")
+    void readCategory() throws Exception {
+        given(categoryService.readCategory(any(Long.class)))
+            .willReturn(new ReadCategoryResponse(1L, "카테고리01", "카테고리01 설명", "https://via.placeholder.com/150", "#FFFFFF"));
+
+        mockMvc
+            .perform(
+                get(BASE_URL + "/{id}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("이미지 URL"),
+                        fieldWithPath("color").type(JsonFieldType.STRING).description("색상 코드")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("카테고리 수정")
+    void updateCategory() throws Exception {
+        UpdateCategoryRequest request = new UpdateCategoryRequest("카테고리01", "카테고리01 설명",
+            "https://via.placeholder.com/150", "#FFFFFF");
+
+        String content = objectMapper.writeValueAsString(request);
+
+        given(categoryService.updateCategory(any(Long.class), any(UpdateCategoryRequest.class)))
+            .willReturn(new UpdateCategoryResponse(1L, "카테고리01", "카테고리01 설명", "https://via.placeholder.com/150", "#FFFFFF"));
+
+        mockMvc
+            .perform(
+                put(BASE_URL + "/{id}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("이미지 URL"),
+                        fieldWithPath("color").type(JsonFieldType.STRING).description("색상 코드")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("이미지 URL"),
+                        fieldWithPath("color").type(JsonFieldType.STRING).description("색상 코드")
+                    )
+                )
+            );
+    }
+
+    @Test
+    void deleteCategory() throws Exception {
+        mockMvc
+            .perform(
+                delete(BASE_URL + "/{id}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isNoContent())
+            .andDo(
+                restDocs.document()
+            );
+    }
+}
\ No newline at end of file
diff --git a/src/test/java/gift/web/controller/api/LoginControllerTest.java b/src/test/java/gift/web/controller/api/LoginControllerTest.java
new file mode 100644
index 000000000..0e08217f7
--- /dev/null
+++ b/src/test/java/gift/web/controller/api/LoginControllerTest.java
@@ -0,0 +1,84 @@
+package gift.web.controller.api;
+
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.BDDMockito.given;
+import static org.springframework.restdocs.payload.PayloadDocumentation.fieldWithPath;
+import static org.springframework.restdocs.payload.PayloadDocumentation.responseFields;
+import static org.springframework.restdocs.request.RequestDocumentation.parameterWithName;
+import static org.springframework.restdocs.request.RequestDocumentation.queryParameters;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import gift.config.RestDocsConfiguration;
+import gift.service.LoginService;
+import gift.web.dto.response.LoginResponse;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.context.annotation.Import;
+import org.springframework.restdocs.RestDocumentationContextProvider;
+import org.springframework.restdocs.RestDocumentationExtension;
+import org.springframework.restdocs.mockmvc.MockMvcRestDocumentation;
+import org.springframework.restdocs.mockmvc.RestDocumentationResultHandler;
+import org.springframework.test.context.ActiveProfiles;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.setup.MockMvcBuilders;
+
+@ActiveProfiles("test")
+@SpringBootTest
+@Import(RestDocsConfiguration.class)
+@ExtendWith(RestDocumentationExtension.class)
+class LoginControllerTest {
+
+    private MockMvc mockMvc;
+
+    @Autowired
+    protected RestDocumentationResultHandler restDocs;
+
+    @Autowired
+    protected ObjectMapper objectMapper;
+
+    @MockBean
+    private LoginService loginService;
+
+    private static final String BASE_URL = "/api/login";
+
+    @BeforeEach
+    void setUp(
+        final RestDocumentationContextProvider provider
+    ) {
+        mockMvc = MockMvcBuilders
+            .standaloneSetup(new LoginController(loginService))
+            .apply(MockMvcRestDocumentation.documentationConfiguration(provider))
+            .alwaysDo(restDocs)
+            .build();
+    }
+
+
+    @Test
+    void kakaoLogin() throws Exception {
+        given(loginService.kakaoLogin(any()))
+            .willReturn(new LoginResponse("Bearer {{access_token}}"));
+
+        mockMvc
+            .perform(
+                get(BASE_URL + "/oauth2/kakao")
+                .param("code", "kakao-auth-code")
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    queryParameters(
+                        parameterWithName("code").optional().description("kakao-auth-code")
+                    ),
+                    responseFields(
+                        fieldWithPath("accessToken").type(String.class).description("access-token(BEARER)")
+                    )
+                )
+            );
+    }
+}
\ No newline at end of file
diff --git a/src/test/java/gift/web/controller/api/MemberApiControllerTest.java b/src/test/java/gift/web/controller/api/MemberApiControllerTest.java
index 85204f1ea..3cd366a8d 100644
--- a/src/test/java/gift/web/controller/api/MemberApiControllerTest.java
+++ b/src/test/java/gift/web/controller/api/MemberApiControllerTest.java
@@ -1,20 +1,27 @@
 package gift.web.controller.api;
 
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.junit.jupiter.api.Assertions.assertAll;
-import static org.junit.jupiter.api.Assertions.assertIterableEquals;
-import static org.junit.jupiter.api.Assertions.assertTrue;
-
-import gift.authentication.token.Token;
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.BDDMockito.given;
+import static org.springframework.restdocs.payload.PayloadDocumentation.fieldWithPath;
+import static org.springframework.restdocs.payload.PayloadDocumentation.requestFields;
+import static org.springframework.restdocs.payload.PayloadDocumentation.responseFields;
+import static org.springframework.restdocs.request.RequestDocumentation.parameterWithName;
+import static org.springframework.restdocs.request.RequestDocumentation.queryParameters;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.delete;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.put;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import gift.authentication.token.JwtProvider;
+import gift.config.RestDocsConfiguration;
 import gift.domain.Member;
-import gift.repository.MemberRepository;
+import gift.domain.Member.Builder;
+import gift.domain.vo.Email;
+import gift.mock.MockLoginMemberArgumentResolver;
 import gift.service.MemberService;
 import gift.service.WishProductService;
-import gift.utils.CategoryDummyDataProvider;
-import gift.utils.DatabaseCleanup;
-import gift.utils.MemberDummyDataProvider;
-import gift.utils.ProductDummyDataProvider;
-import gift.utils.WishProductDummyDataProvider;
 import gift.web.dto.request.LoginRequest;
 import gift.web.dto.request.member.CreateMemberRequest;
 import gift.web.dto.request.wishproduct.UpdateWishProductRequest;
@@ -22,205 +29,239 @@
 import gift.web.dto.response.member.CreateMemberResponse;
 import gift.web.dto.response.member.ReadMemberResponse;
 import gift.web.dto.response.wishproduct.ReadAllWishProductsResponse;
+import gift.web.dto.response.wishproduct.ReadWishProductResponse;
 import gift.web.dto.response.wishproduct.UpdateWishProductResponse;
-import org.junit.jupiter.api.AfterEach;
+import io.swagger.v3.core.util.Json;
+import java.util.List;
 import org.junit.jupiter.api.BeforeEach;
 import org.junit.jupiter.api.DisplayName;
 import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.boot.test.context.SpringBootTest;
-import org.springframework.boot.test.context.SpringBootTest.WebEnvironment;
-import org.springframework.boot.test.web.client.TestRestTemplate;
-import org.springframework.boot.test.web.server.LocalServerPort;
-import org.springframework.data.domain.PageRequest;
-import org.springframework.http.HttpEntity;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.context.annotation.Import;
+import org.springframework.data.web.PageableHandlerMethodArgumentResolver;
 import org.springframework.http.HttpHeaders;
-import org.springframework.http.HttpMethod;
-import org.springframework.http.ResponseEntity;
+import org.springframework.http.MediaType;
+import org.springframework.restdocs.RestDocumentationContextProvider;
+import org.springframework.restdocs.RestDocumentationExtension;
+import org.springframework.restdocs.mockmvc.MockMvcRestDocumentation;
+import org.springframework.restdocs.mockmvc.RestDocumentationResultHandler;
+import org.springframework.restdocs.payload.JsonFieldType;
 import org.springframework.test.context.ActiveProfiles;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.setup.MockMvcBuilders;
 
 @ActiveProfiles("test")
-@SpringBootTest(webEnvironment = WebEnvironment.RANDOM_PORT)
+@SpringBootTest
+@Import(RestDocsConfiguration.class)
+@ExtendWith(RestDocumentationExtension.class)
 class MemberApiControllerTest {
 
-    @LocalServerPort
-    private int port;
-
-    @Autowired
-    private TestRestTemplate restTemplate;
-
-    @Autowired
-    private MemberDummyDataProvider memberDummyDataProvider;
-
-    @Autowired
-    private ProductDummyDataProvider productDummyDataProvider;
+    private MockMvc mockMvc;
 
     @Autowired
-    private WishProductDummyDataProvider wishProductDummyDataProvider;
+    protected RestDocumentationResultHandler restDocs;
 
     @Autowired
-    private CategoryDummyDataProvider categoryDummyDataProvider;
+    protected ObjectMapper objectMapper;
 
     @Autowired
-    private DatabaseCleanup databaseCleanup;
+    private JwtProvider jwtProvider;
 
-    @Autowired
+    @MockBean
     private MemberService memberService;
 
-    @Autowired
-    private MemberRepository memberRepository;
-
-    @Autowired
+    @MockBean
     private WishProductService wishProductService;
 
-    //테스트용 회원
-    private Member member;
-    private Token token;
-
-    @BeforeEach
-    void setUp() {
-        insertDummyData(100);
-        member = getTestMember(1L);
-        token = getAccessToken();
-    }
-
-    private Member getTestMember(Long id) {
-        return memberRepository.findById(id)
-            .orElseThrow(() -> new IllegalArgumentException("ID: " + id +"인 회원이 존재하지 않습니다."));
-    }
-
-    private Token getAccessToken() {
-        LoginRequest loginRequest = new LoginRequest(
-            member.getEmail().getValue(),
-            member.getPassword().getValue()
-        );
-        LoginResponse loginResponse = memberService.login(loginRequest);
-        return Token.from(loginResponse.getAccessToken());
-    }
+    private String accessToken;
 
-    private void insertDummyData(int quantity) {
-        if (quantity < 2) {
-            throw new IllegalArgumentException("quantity는 2 이상이어야 합니다.");
-        }
-        memberDummyDataProvider.run(quantity);
-        productDummyDataProvider.run(quantity);
-        wishProductDummyDataProvider.run(quantity);
-        categoryDummyDataProvider.run(quantity);
-    }
+    private static final String BASE_URL = "/api/members";
 
-    @AfterEach
-    void tearDown() {
-        databaseCleanup.execute();
+    @BeforeEach
+    void setUp(
+        final RestDocumentationContextProvider provider
+    ) {
+        mockMvc = MockMvcBuilders
+            .standaloneSetup(new MemberApiController(memberService, wishProductService))
+            .setCustomArgumentResolvers(new MockLoginMemberArgumentResolver(), new PageableHandlerMethodArgumentResolver())
+            .apply(MockMvcRestDocumentation.documentationConfiguration(provider))
+            .alwaysDo(restDocs)
+            .build();
+
+        Member member = new Builder().id(1L).name("회원01").email(Email.from("member01@gmail.com"))
+            .build();
+        accessToken = jwtProvider.generateToken(member).getValue();
     }
 
     @Test
-    @DisplayName("회원 생성 요청에 대한 정상 응답")
-    void createMember() {
-        //given
-        CreateMemberRequest request = new CreateMemberRequest("test@gmail.com", "test1234", "test");
-        String url = "http://localhost:" + port + "/api/members/register";
-
-        //when
-        ResponseEntity<CreateMemberResponse> response = restTemplate.postForEntity(url, request, CreateMemberResponse.class);
-
-        //then
-        Long newMemberId = response.getBody().getId();
-        ReadMemberResponse findMember = memberService.readMember(newMemberId);
-
-        assertAll(
-            () -> assertTrue(response.getStatusCode().is2xxSuccessful()),
-            () -> assertThat(newMemberId).isEqualTo(findMember.getId()),
-            () -> assertThat(request.getEmail()).isEqualTo(findMember.getEmail()),
-            () -> assertThat(request.getName()).isEqualTo(findMember.getName()),
-            () -> assertThat(request.getPassword()).isEqualTo(findMember.getPassword())
-        );
+    @DisplayName("회원 가입")
+    void createMember() throws Exception {
+        CreateMemberRequest request = new CreateMemberRequest("member01@gmail.com", "password01",
+            "member01");
+
+        String content = objectMapper.writeValueAsString(request);
+
+        given(memberService.createMember(any()))
+            .willReturn(new CreateMemberResponse(1L, "member01@gmail.com", "member01"));
+
+        mockMvc
+            .perform(
+                post(BASE_URL + "/register")
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .content(content)
+            )
+            .andExpect(status().isCreated())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("email").type(JsonFieldType.STRING).description("이메일"),
+                        fieldWithPath("password").type(JsonFieldType.STRING).description("비밀번호"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("이름")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("회원 식별자"),
+                        fieldWithPath("email").type(JsonFieldType.STRING).description("이메일"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("이름")
+                    )
+                )
+            );
     }
 
     @Test
-    @DisplayName("로그인 요청에 대한 정상 응답")
-    void login() {
-        //given
-        String url = "http://localhost:" + port + "/api/members/login";
-        String email = member.getEmail().getValue();
-        String password = member.getPassword().getValue();
-        LoginRequest request = new LoginRequest(email, password);
-
-        //when
-        ResponseEntity<LoginResponse> response = restTemplate.postForEntity(url, request, LoginResponse.class);
-
-        //then
-        assertAll(
-            () -> assertTrue(response.getStatusCode().is2xxSuccessful()),
-            () -> assertThat(response.getBody().getAccessToken()).isNotNull()
-        );
+    @DisplayName("로그인")
+    void login() throws Exception {
+        LoginRequest request = new LoginRequest("member01@gmail.com", "password01");
+        String content = objectMapper.writeValueAsString(request);
+
+        given(memberService.login(any()))
+            .willReturn(new LoginResponse(accessToken));
+
+        mockMvc
+            .perform(
+                post(BASE_URL + "/login")
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .content(content)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("email").type(JsonFieldType.STRING).description("이메일"),
+                        fieldWithPath("password").type(JsonFieldType.STRING).description("비밀번호")
+                    ),
+                    responseFields(
+                        fieldWithPath("accessToken").type(JsonFieldType.STRING).description("Bearer Token")
+                    )
+                )
+            );
     }
 
     @Test
-    @DisplayName("위시 리스트 조회 요청에 대한 정상 응답")
-    void readWishProduct() {
-        //given
-        String url = "http://localhost:" + port + "/api/members/wishlist";
-        HttpHeaders httpHeaders = getHttpHeaders();
-        HttpEntity httpEntity = new HttpEntity(httpHeaders);
-
-        PageRequest defaultPageRequest = PageRequest.of(0, 10);
-        ReadAllWishProductsResponse expectedWishProducts = wishProductService.readAllWishProducts(member.getId(),
-            defaultPageRequest);
-
-        //when
-        ResponseEntity<ReadAllWishProductsResponse> response = restTemplate.exchange(url,
-            HttpMethod.GET, httpEntity, ReadAllWishProductsResponse.class);
-
-        //then
-        assertAll(
-            () -> assertTrue(response.getStatusCode().is2xxSuccessful()),
-            () -> assertIterableEquals(response.getBody().getWishlist(), expectedWishProducts.getWishlist())
-        );
+    @DisplayName("회원 조회")
+    void readMember() throws Exception {
+        given(memberService.readMember(any(Long.class)))
+            .willReturn(new ReadMemberResponse(1L, "member01@gmail.com", "password01", "member01"));
+
+        mockMvc
+            .perform(
+                get(BASE_URL + "/{memberId}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("회원 식별자"),
+                        fieldWithPath("email").type(JsonFieldType.STRING).description("이메일"),
+                        fieldWithPath("password").type(JsonFieldType.STRING).description("비밀번호"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("이름")
+                    )
+                )
+            );
     }
 
     @Test
-    @DisplayName("위시 리스트 상품 수정 요청에 대한 정상 응답")
-    void updateWishProduct() {
-        //given
-        Long wishProductId = 1L;
-        String url = "http://localhost:" + port + "/api/members/wishlist/" + wishProductId;
-        HttpHeaders httpHeaders = getHttpHeaders();
-
-        UpdateWishProductRequest request = new UpdateWishProductRequest(3);
-
-        HttpEntity httpEntity = new HttpEntity(request, httpHeaders);
-
-        //when
-        ResponseEntity<UpdateWishProductResponse> response = restTemplate.exchange(url,
-            HttpMethod.PUT, httpEntity, UpdateWishProductResponse.class);
-
-        //then
-        assertAll(
-            () -> assertTrue(response.getStatusCode().is2xxSuccessful()),
-            () -> assertThat(response.getBody().getQuantity()).isEqualTo(request.getQuantity())
+    @DisplayName("위시 상품 조회")
+    void readWishProduct() throws Exception {
+        ReadAllWishProductsResponse response = new ReadAllWishProductsResponse(
+            List.of(new ReadWishProductResponse(1L, 1L, "product01", 1000, 5, "https://via.placeholder.com/150"))
         );
+
+        given(wishProductService.readAllWishProducts(any(Long.class), any()))
+            .willReturn(response);
+
+        mockMvc
+            .perform(
+                get(BASE_URL + "/wishlist")
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    queryParameters(
+                        parameterWithName("page").optional().description("페이지 번호"),
+                        parameterWithName("size").optional().description("페이지 크기")
+                    ),
+                    responseFields(
+                        fieldWithPath("wishlist[].id").type(JsonFieldType.NUMBER).description("위시 상품 식별자"),
+                        fieldWithPath("wishlist[].productId").type(JsonFieldType.NUMBER).description("상품 식별자"),
+                        fieldWithPath("wishlist[].name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("wishlist[].price").type(JsonFieldType.NUMBER).description("가격"),
+                        fieldWithPath("wishlist[].quantity").type(JsonFieldType.NUMBER).description("재고 수량"),
+                        fieldWithPath("wishlist[].imageUrl").type(JsonFieldType.STRING).description("이미지 URL")
+                    )
+                )
+            );
     }
 
     @Test
-    @DisplayName("위시 리스트 상품 삭제 요청에 대한 정상 응답")
-    void deleteWishProduct() {
-        //given
-        Long wishProductId = 2L;
-        String url = "http://localhost:" + port + "/api/members/wishlist/" + wishProductId;
-        HttpHeaders httpHeaders = getHttpHeaders();
-        HttpEntity httpEntity = new HttpEntity(httpHeaders);
-
-        //when
-        ResponseEntity<Void> response = restTemplate.exchange(url, HttpMethod.DELETE, httpEntity,
-            Void.class);
-
-        //then
-        assertTrue(response.getStatusCode().is2xxSuccessful());
+    @DisplayName("위시 상품 수정")
+    void updateWishProduct() throws Exception {
+        UpdateWishProductRequest request = new UpdateWishProductRequest(5);
+        String content = Json.mapper().writeValueAsString(request);
+
+        given(wishProductService.updateWishProduct(any(Long.class), any()))
+            .willReturn(new UpdateWishProductResponse(1L, 1L, "product01", 1000, 5, "https://via.placeholder.com/150"));
+
+        mockMvc
+            .perform(
+                put(BASE_URL + "/wishlist/{wishProductId}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .content(content)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("quantity").type(JsonFieldType.NUMBER).description("수량")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("위시 상품 식별자"),
+                        fieldWithPath("productId").type(JsonFieldType.NUMBER).description("상품 식별자"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("price").type(JsonFieldType.NUMBER).description("가격"),
+                        fieldWithPath("quantity").type(JsonFieldType.NUMBER).description("재고 수량"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("이미지 URL")
+                    )
+                )
+            );
     }
 
-    private HttpHeaders getHttpHeaders() {
-        HttpHeaders httpHeaders = new HttpHeaders();
-        httpHeaders.setBearerAuth(token.getValue());
-        return httpHeaders;
+    @Test
+    @DisplayName("위시 상품 삭제")
+    void deleteWishProduct() throws Exception {
+        mockMvc
+            .perform(
+                delete(BASE_URL + "/wishlist/{wishProductId}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isNoContent())
+            .andDo(
+                restDocs.document()
+            );
     }
 }
\ No newline at end of file
diff --git a/src/test/java/gift/web/controller/api/ProductApiControllerTest.java b/src/test/java/gift/web/controller/api/ProductApiControllerTest.java
new file mode 100644
index 000000000..24d5347a3
--- /dev/null
+++ b/src/test/java/gift/web/controller/api/ProductApiControllerTest.java
@@ -0,0 +1,524 @@
+package gift.web.controller.api;
+
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.BDDMockito.given;
+import static org.springframework.restdocs.mockmvc.RestDocumentationRequestBuilders.delete;
+import static org.springframework.restdocs.mockmvc.RestDocumentationRequestBuilders.post;
+import static org.springframework.restdocs.mockmvc.RestDocumentationRequestBuilders.put;
+import static org.springframework.restdocs.payload.PayloadDocumentation.fieldWithPath;
+import static org.springframework.restdocs.payload.PayloadDocumentation.requestFields;
+import static org.springframework.restdocs.payload.PayloadDocumentation.responseFields;
+import static org.springframework.restdocs.request.RequestDocumentation.parameterWithName;
+import static org.springframework.restdocs.request.RequestDocumentation.queryParameters;
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import gift.authentication.token.JwtProvider;
+import gift.config.RestDocsConfiguration;
+import gift.converter.StringToUrlConverter;
+import gift.domain.Category;
+import gift.domain.Member;
+import gift.domain.Member.Builder;
+import gift.domain.Product;
+import gift.domain.ProductOption;
+import gift.domain.vo.Color;
+import gift.domain.vo.Email;
+import gift.mock.MockLoginMemberArgumentResolver;
+import gift.service.OrderService;
+import gift.service.ProductOptionService;
+import gift.service.ProductService;
+import gift.service.WishProductService;
+import gift.web.dto.request.order.CreateOrderRequest;
+import gift.web.dto.request.product.CreateProductRequest;
+import gift.web.dto.request.product.UpdateProductRequest;
+import gift.web.dto.request.productoption.CreateProductOptionRequest;
+import gift.web.dto.request.productoption.UpdateProductOptionRequest;
+import gift.web.dto.request.wishproduct.CreateWishProductRequest;
+import gift.web.dto.response.category.ReadCategoryResponse;
+import gift.web.dto.response.order.OrderResponse;
+import gift.web.dto.response.product.CreateProductResponse;
+import gift.web.dto.response.product.ReadAllProductsResponse;
+import gift.web.dto.response.product.ReadProductResponse;
+import gift.web.dto.response.product.UpdateProductResponse;
+import gift.web.dto.response.productoption.CreateProductOptionResponse;
+import gift.web.dto.response.productoption.ReadAllProductOptionsResponse;
+import gift.web.dto.response.productoption.ReadProductOptionResponse;
+import gift.web.dto.response.productoption.UpdateProductOptionResponse;
+import gift.web.dto.response.wishproduct.CreateWishProductResponse;
+import java.util.List;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.DisplayName;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.context.annotation.Import;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.web.PageableHandlerMethodArgumentResolver;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.restdocs.RestDocumentationContextProvider;
+import org.springframework.restdocs.RestDocumentationExtension;
+import org.springframework.restdocs.mockmvc.MockMvcRestDocumentation;
+import org.springframework.restdocs.mockmvc.RestDocumentationResultHandler;
+import org.springframework.restdocs.payload.JsonFieldType;
+import org.springframework.test.context.ActiveProfiles;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.setup.MockMvcBuilders;
+
+@ActiveProfiles("test")
+@SpringBootTest
+@Import(RestDocsConfiguration.class)
+@ExtendWith(RestDocumentationExtension.class)
+class ProductApiControllerTest {
+
+    private MockMvc mockMvc;
+
+    @Autowired
+    protected RestDocumentationResultHandler restDocs;
+
+    @Autowired
+    protected ObjectMapper objectMapper;
+
+    @Autowired
+    private JwtProvider jwtProvider;
+
+    @MockBean
+    private ProductService productService;
+    @MockBean
+    private WishProductService wishProductService;
+    @MockBean
+    private ProductOptionService productOptionService;
+    @MockBean
+    private OrderService orderService;
+
+    private String accessToken;
+
+    private static final String BASE_URL = "/api/products";
+
+    @BeforeEach
+    void setUp(
+        final RestDocumentationContextProvider provider
+    ) {
+        mockMvc = MockMvcBuilders
+            .standaloneSetup(new ProductApiController(productService, wishProductService, productOptionService, orderService))
+            .setCustomArgumentResolvers(new MockLoginMemberArgumentResolver(), new PageableHandlerMethodArgumentResolver())
+            .apply(MockMvcRestDocumentation.documentationConfiguration(provider))
+                .alwaysDo(restDocs)
+            .build();
+
+        Member member = new Builder().id(1L).name("회원01").email(Email.from("member01@gmail.com"))
+            .build();
+        accessToken = jwtProvider.generateToken(member).getValue();
+    }
+
+    @Test
+    @DisplayName("전체 상품 조회")
+    void readAllProducts() throws Exception {
+        given(productService.readAllProducts(any(Pageable.class)))
+            .willReturn(ReadAllProductsResponse.from(
+                List.of(new ReadProductResponse(1L, "상품01", 1000, "https://via.placeholder.com/150",
+                    List.of(new ReadProductOptionResponse(1L, "상품 옵션 01", 100)),
+                    new ReadCategoryResponse(1L, "카테고리01", "카테고리01 입니다", "https://via.placeholder.com/150", "#FFFFFF")))
+            ));
+
+        mockMvc
+            .perform(
+                get(BASE_URL)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+                    .param("page", "0")
+                    .param("size", "10")
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    queryParameters(
+                        parameterWithName("page").optional().description("페이지 번호"),
+                        parameterWithName("size").optional().description("페이지 크기")
+                    ),
+                    responseFields(
+                        fieldWithPath("products[].id").type(JsonFieldType.NUMBER).description("상품 ID"),
+                        fieldWithPath("products[].name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("products[].price").type(JsonFieldType.NUMBER).description("상품 가격"),
+                        fieldWithPath("products[].imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL"),
+                        fieldWithPath("products[].options").type(JsonFieldType.ARRAY).description("상품 옵션 목록"),
+                        fieldWithPath("products[].options[].id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("products[].options[].name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("products[].options[].stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고"),
+                        fieldWithPath("products[].category.id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("products[].category.name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("products[].category.description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("products[].category.imageUrl").type(JsonFieldType.STRING).description("카테고리 이미지 URL"),
+                        fieldWithPath("products[].category.color").type(JsonFieldType.STRING).description("카테고리 색상")
+                    )
+                )
+            );
+    }
+
+//    todo requestParam 만 다른 경로에 대해 테스트 코드 동작시키기
+//    @Test
+//    @DisplayName("카테고리로 상품 조회")
+//    void readProductsByCategoryId() throws Exception {
+//        given(productService.readProductsByCategoryId(any(Long.class), any(Pageable.class)))
+//            .willReturn(ReadAllProductsResponse.from(
+//                List.of(new ReadProductResponse(1L, "상품01", 1000, "https://via.placeholder.com/150",
+//                    List.of(new ReadProductOptionResponse(1L, "상품 옵션 01", 100)),
+//                    new ReadCategoryResponse(1L, "카테고리01", "카테고리01 입니다", "https://via.placeholder.com/150", "#FFFFFF")))
+//            ));
+//
+//        mockMvc
+//            .perform(
+//                get(BASE_URL)
+//                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+//            )
+//            .andExpect(status().isOk())
+//            .andDo(
+//                restDocs.document(
+//                    queryParameters(
+//                        parameterWithName("page").optional().description("페이지 번호"),
+//                        parameterWithName("size").optional().description("페이지 크기"),
+//                        parameterWithName("categoryId").description("카테고리 아이디")
+//                    ),
+//                    responseFields(
+//                        fieldWithPath("products[].id").type(JsonFieldType.NUMBER).description("상품 ID"),
+//                        fieldWithPath("products[].name").type(JsonFieldType.STRING).description("상품명"),
+//                        fieldWithPath("products[].price").type(JsonFieldType.NUMBER).description("상품 가격"),
+//                        fieldWithPath("products[].imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL"),
+//                        fieldWithPath("products[].productOptions").type(JsonFieldType.ARRAY).description("상품 옵션 목록"),
+//                        fieldWithPath("products[].productOptions[].id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+//                        fieldWithPath("products[].productOptions[].name").type(JsonFieldType.STRING).description("상품 옵션명"),
+//                        fieldWithPath("products[].productOptions[].stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고"),
+//                        fieldWithPath("products[].category.id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+//                        fieldWithPath("products[].category.name").type(JsonFieldType.STRING).description("카테고리명"),
+//                        fieldWithPath("products[].category.description").type(JsonFieldType.STRING).description("카테고리 설명"),
+//                        fieldWithPath("products[].category.imageUrl").type(JsonFieldType.STRING).description("카테고리 이미지 URL"),
+//                        fieldWithPath("products[].category.color").type(JsonFieldType.STRING).description("카테고리 색상")
+//                    )
+//                )
+//            );
+//    }
+
+    @Test
+    @DisplayName("상품 생성")
+    void createProduct() throws Exception {
+        CreateProductRequest request = new CreateProductRequest("상품01", 1000,
+            "https://via.placeholder.com/150", 1L,
+            List.of(new CreateProductOptionRequest("상품 옵션 01", 100)));
+        String content = objectMapper.writeValueAsString(request);
+
+        given(productService.createProduct(any(CreateProductRequest.class)))
+            .willReturn(new CreateProductResponse(1L, "상품01", 1000, "https://via.placeholder.com/150", List.of(new ProductOption.Builder().id(1L).productId(1L).name("상품 옵션 01").stock(100).build())) );
+
+        mockMvc
+            .perform(
+                post(BASE_URL)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isCreated())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("price").type(JsonFieldType.NUMBER).description("상품 가격"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL"),
+                        fieldWithPath("categoryId").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("productOptions").type(JsonFieldType.ARRAY).description("상품 옵션 목록"),
+                        fieldWithPath("productOptions[].name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("productOptions[].stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("상품 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("price").type(JsonFieldType.NUMBER).description("상품 가격"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL"),
+                        fieldWithPath("options").type(JsonFieldType.ARRAY).description("상품 옵션 목록"),
+                        fieldWithPath("options[].id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("options[].name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("options[].stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고"),
+                        fieldWithPath("options[].productId").type(JsonFieldType.NUMBER).description("상품 옵션 상품 ID")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("단일 상품 조회")
+    void readProduct() throws Exception {
+        given(productService.readProductById(any(Long.class)))
+            .willReturn(new ReadProductResponse(1L, "상품01", 1000, "https://via.placeholder.com/150",
+                List.of(new ReadProductOptionResponse(1L, "상품 옵션 01", 100)),
+                new ReadCategoryResponse(1L, "카테고리01", "카테고리01 입니다", "https://via.placeholder.com/150", "#FFFFFF")));
+
+        mockMvc
+            .perform(
+                get(BASE_URL + "/{productId}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("상품 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("price").type(JsonFieldType.NUMBER).description("상품 가격"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL"),
+                        fieldWithPath("options").type(JsonFieldType.ARRAY).description("상품 옵션 목록"),
+                        fieldWithPath("options[].id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("options[].name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("options[].stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고"),
+                        fieldWithPath("category.id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("category.name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("category.description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("category.imageUrl").type(JsonFieldType.STRING).description("카테고리 이미지 URL"),
+                        fieldWithPath("category.color").type(JsonFieldType.STRING).description("카테고리 색상")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 수정")
+    void updateProduct() throws Exception {
+        UpdateProductRequest request = new UpdateProductRequest("상품01", 1000, "https://via.placeholder.com/150");
+
+        String content = objectMapper.writeValueAsString(request);
+
+        given(productService.updateProduct(any(Long.class), any()))
+            .willReturn(UpdateProductResponse.from(new Product.Builder()
+                .id(1L)
+                .name("상품01")
+                .price(1000)
+                .productOptions(
+                    List.of(
+                        new ProductOption.Builder()
+                            .id(1L)
+                            .productId(1L)
+                            .name("상품 옵션 01")
+                            .stock(100)
+                            .build()
+                    ))
+                .imageUrl(StringToUrlConverter.convert("https://via.placeholder.com/150"))
+                .category(new Category.Builder()
+                    .id(1L)
+                    .name("카테고리01")
+                    .color(Color.from("#FFFFFF"))
+                    .description("카테고리01 입니다")
+                    .imageUrl(StringToUrlConverter.convert("https://via.placeholder.com/150"))
+                    .build())
+                .build()));
+
+        mockMvc
+            .perform(
+                put(BASE_URL + "/{productId}", 1L)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("price").type(JsonFieldType.NUMBER).description("상품 가격"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("상품 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품명"),
+                        fieldWithPath("price").type(JsonFieldType.NUMBER).description("상품 가격"),
+                        fieldWithPath("imageUrl").type(JsonFieldType.STRING).description("상품 이미지 URL"),
+                        fieldWithPath("category.id").type(JsonFieldType.NUMBER).description("카테고리 ID"),
+                        fieldWithPath("category.name").type(JsonFieldType.STRING).description("카테고리명"),
+                        fieldWithPath("category.description").type(JsonFieldType.STRING).description("카테고리 설명"),
+                        fieldWithPath("category.imageUrl").type(JsonFieldType.STRING).description("카테고리 이미지 URL"),
+                        fieldWithPath("category.color").type(JsonFieldType.STRING).description("카테고리 색상")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 삭제")
+    void deleteProduct() throws Exception {
+        mockMvc
+            .perform(
+                delete(BASE_URL + "/{productId}", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isNoContent())
+            .andDo(
+                restDocs.document()
+            );
+    }
+
+    @Test
+    @DisplayName("위시 상품 추가")
+    void createWishProduct() throws Exception {
+        CreateWishProductRequest request = new CreateWishProductRequest(1L, 1);
+        String content = objectMapper.writeValueAsString(request);
+
+        given(wishProductService.createWishProduct(any(Long.class), any()))
+            .willReturn(new CreateWishProductResponse(1L, 1));
+
+        mockMvc
+            .perform(
+                post(BASE_URL + "/wish")
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("productId").type(JsonFieldType.NUMBER).description("상품 ID"),
+                        fieldWithPath("quantity").type(JsonFieldType.NUMBER).description("수량")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("위시 상품 ID"),
+                        fieldWithPath("quantity").type(JsonFieldType.NUMBER).description("수량")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 옵션 조회")
+    void readOptions() throws Exception {
+        given(productOptionService.readAllOptions(any(Long.class)))
+            .willReturn(ReadAllProductOptionsResponse.from(
+                List.of(new ReadProductOptionResponse(1L, "상품 옵션 01", 100))
+            ));
+
+        mockMvc
+            .perform(
+                get(BASE_URL + "/{productId}/options", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    responseFields(
+                        fieldWithPath("options[].id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("options[].name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("options[].stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 옵션 생성")
+    void createOption() throws Exception {
+        CreateProductOptionRequest request = new CreateProductOptionRequest(
+            "상품 옵션 01", 100);
+        String content = objectMapper.writeValueAsString(request);
+
+        given(productOptionService.createOption(any(Long.class), any()))
+            .willReturn(new CreateProductOptionResponse(1L, "상품 옵션 01", 100));
+
+        mockMvc
+            .perform(
+                post(BASE_URL + "/{productId}/options", 1L)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isCreated())
+            .andDo(
+                restDocs.document(
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 주문")
+    void orderProduct() throws Exception {
+
+        CreateOrderRequest request = new CreateOrderRequest(1L, 1, "message");
+        String content = objectMapper.writeValueAsString(request);
+
+        given(orderService.createOrder(any(String.class), any(Long.class), any(Long.class), any()))
+            .willReturn(new OrderResponse(1L, 1L, 10, "message"));
+
+        mockMvc
+            .perform(
+                post(BASE_URL + "/{productId}/order", 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("optionId").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("quantity").type(JsonFieldType.NUMBER).description("주문 수량"),
+                        fieldWithPath("message").type(JsonFieldType.STRING).description("메시지")
+                    ),
+                    responseFields(
+                        fieldWithPath("productId").type(JsonFieldType.NUMBER).description("상품 ID"),
+                        fieldWithPath("optionId").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("quantity").type(JsonFieldType.NUMBER).description("주문 수량"),
+                        fieldWithPath("message").type(JsonFieldType.STRING).description("메시지")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 옵션 수정")
+    void updateOption() throws Exception {
+        UpdateProductOptionRequest request = new UpdateProductOptionRequest(
+            "상품 옵션 01", 100);
+        String content = objectMapper.writeValueAsString(request);
+
+        given(productOptionService.updateOption(any(Long.class), any(Long.class), any()))
+            .willReturn(new UpdateProductOptionResponse(1L, "상품 옵션 01", 100));
+
+        mockMvc
+            .perform(
+                put(BASE_URL + "/{productId}/options/{optionId}", 1L, 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+                    .content(content)
+                    .contentType(MediaType.APPLICATION_JSON)
+            )
+            .andExpect(status().isOk())
+            .andDo(
+                restDocs.document(
+                    requestFields(
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고")
+                    ),
+                    responseFields(
+                        fieldWithPath("id").type(JsonFieldType.NUMBER).description("상품 옵션 ID"),
+                        fieldWithPath("name").type(JsonFieldType.STRING).description("상품 옵션명"),
+                        fieldWithPath("stock").type(JsonFieldType.NUMBER).description("상품 옵션 재고")
+                    )
+                )
+            );
+    }
+
+    @Test
+    @DisplayName("상품 옵션 삭제")
+    void deleteOption() throws Exception {
+        mockMvc
+            .perform(
+                delete(BASE_URL + "/{productId}/options/{optionId}", 1L, 1L)
+                    .header(HttpHeaders.AUTHORIZATION, "Bearer " + accessToken)
+            )
+            .andExpect(status().isNoContent())
+            .andDo(
+                restDocs.document()
+            );
+    }
+}
\ No newline at end of file