순서 1. 태그 추가 2. 변수 선언 3. 각 항목 확인 4. 최종 확인 1. 태그 추가 공란 시 경고글 역할을 할 태그를 추가합니다. 위치는 class 속성 값이 'input-box'인 각각의 태그 내부 제일 마지막 공간입니다. 각 태그의 속성명에는 공통적으로 적용될 'ck_warn' 값과 각 태그를 구분해줄 '항목명_wanr"값을 추가했습니다. 상품 명을 입력해주세요. 상품 가격을 입력해주세요. 상품 재고를 입력해주세요. 상품 소개를 입력해주세요. 카테고리를 선택해주세요. "adminProduct.css" 파일에 추가한 태그에 대한 css 설정 코드를 추가합니다. .ck_warn{/* 입력란 공란 경고 태그 */ display: none; padding-top: 10px; text-align: cen..
순서 1. 대분류 2. 중분류 3. 테스트 1. 대분류 'for'문과 Jquery의 'append'를 이용해서 태그 내부에 태그를 추가해줍니다. 태그 내부에 아래의 Javascript코드를 추가합니다. /* 대분류 태그 */ for(let i = 0; i < cate1Array.length; i++){ cateSelect1.append("" + cate1Array[i].kind_name + ""); } 서버를 구동시켜서 확인을 해보면 아래와 같이 태그가 추가된 것을 볼 수 있습니다. 2. 중분류 중분류 태그에 태그를 추가되도록 해야 하는데, 대분류의 옵션이 선택되었을 때 출력이 되어야 합니다. 따라서 대분류 옵션이 선택되었을 때 실행하는 메서드를 먼저 추가합니다. $(cateSelect1).on("cha..
순서 1. , 태그 추가 2. JSON 데이터 변환 1. , 태그 추가 카테고리를 출력시킬 기본적인 틀로서 , 태그를 추가했습니다. 상품 카테고리 대분류 선택 중분류 선택 사용자가 '대분류'를 선택하게 되면 그에 맞는 '중분류' 가 세팅됩니다. 그리고 최종적으로 '중분류'를 선택하는 것은 상품 등록에 필요로 한 "kind_id" 데이터를 선택하는 것이기 때문에 '중분류'의 태그에 name속성을 부여하였습니다. 추가한 태그들에 css 설정을 추가해주기 위해 'adminProduct.css'파일에 아래의 코드를 추가해줍니다. .form_section_content select {/* 카테고리 css 설정 */ width: 50%; height: 35px; font-size: 20px; text-align-l..
순서 1. 카테고리 리스트 객체 2. JSON 데이터 변환 1. 카테고리 리스트 객체 카테고리 리스트 객체를 DB로부터 호출할 수 있도록 Mapper, Service 메서드를 먼저 만들었습니다. 데이터를 반환받는 방식은 게시판의 목록 데이터를 가져오는 방식처럼 List방식을 사용합니다. 먼저 카테고리 테이블(SWAN_CATE)의 데이터를 저장할 그릇인 VO 클래스부터 작성 후, Mapper, Service 순으로 작업합니다. 1.1 CateVO 클래스 com.swan.model 패키지에 CateVO.java 클래스를 생성한 뒤 아래의 변수들을 추가해줍니다. /* 카테고리 등급 */ private int tier; /* 카테고리 이름 */ private String kind_name; /* 카테고리 넘버*..
