Socket Client 적용

src/main/resources/templates/page/tester/apiCollection.html

@@ -85,11 +85,21 @@
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
                 <div class="modal-body">
-                    <select class="form-select" id="modal_collection"></select>
+                    <div class="form-floating">
+                        <select class="form-select" id="modal_collection"></select>
+                        <label for="modal_collection">컬렉션 선택</label>
+                    </div>
                     <div class="input-group mt-2">
                         <span class="input-group-text">API 이름</span>
                         <input type="text" class="form-control" id="new_api_name">
                     </div>
+                    <div class="form-floating">
+                        <select name="type" class="mt-2 form-select method" id="new_api_type">
+                            <option value="HTTP">HTTP</option>
+                            <option value="TCP">TCP</option>
+                        </select>
+                        <label for="new_api_type">API유형</label>
+                    </div>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>