본문 바로가기

전체 글408

[Spring] 쇼핑몰 - 44 관리자 메뉴 목록 추가 Interceptor 관리자 계정으로 가서 관리 메뉴들을 다시 만들어보자. header.html header에서 관리자메뉴일때 메뉴이름 조회하는 곳을 찾아서 주소를 준다. 컨트롤러로 가기 전에, menuCode 데이터를 가지고 와줘야하며, 컨트롤러의 상세 주소는 데이터베이스에 SUB_MENU_URL로 만들어주었기 때문에, 데이터 값을 끌어 와주면 된다. th:each로 반복시켜 준 ${menuList} 안에 menuUrl이 들어가 있으므로, 각 순서대로 뽑아준 것을 가지고 와준다. adminMenu-mapper.xml 메뉴와 서브메뉴 쿼리는 interceptor에서 실행한다. MENU_001 자리에는 002, 003도 추가되었으니, #{menuCode} 로 바꿔줄 수 있다. Admin Service 쿼리문에서 매개변수로 me.. 2023. 4. 13.
[Spring] 쇼핑몰 - 43 Ajax 사용해 form태그 한방에 넘기기 (바로구매) 바로구매 하는 방법을 알아보자. buy-mapper.xml SHOP_BUY 테이블에서 buyCode는 자동으로 1씩 증가되고, memId도 저장되어있다. 따라서 buyPrice만 가져오면 된다. 그러기 위해선 수량데이터를 가져와야하고, 이 상품의 단가를 수량에 곱하면 가격이 나온다. 그러기 위해서는 이 쿼리도 함께 실행되어야하는데, ITEM_CODE, BUY_CNT 만 들고오면 된다. 총 단가(buyPrice), 수량(buyCnt), 상품코드(itemCode) 이렇게 3개를 가지고 온다. item_detail.html form태그에 감싸져있는 데이터는 ajax에서 가져올때 다들고 올 수 있다. item_detail.js // 자바스크립트로 폼 태그 선택 const form1 = document.query.. 2023. 4. 13.
[Spring] 쇼핑몰 - 42 사용자 sub메뉴 classappend 사용해 나타내기 classappend를 사용해보자. CategoryIntercepter 인터셉터 이전에 카테고리인터셉터에서 카테고리를 조회하는 부분을 만든 기록이 있다. IntercepterConfig 인터셉터 통합 만들어준 인터셉터를 이곳에서 메소드를 만들어 호출할 수 있는데, 어느 화면에 호출해줄지 addPathPatterns를 통해 추가해주면 된다. 현재 빨간박스와 같이 /cart 컨트롤러에 있는 모든 곳에 나타난다. 이곳에서 buys 컨트롤러에서도 모든 곳에 노란 박스가 나타날 수 있도록 추가해주었다. personal_side.html side html에서 장바구니 목록, 구매내역에 각각 임의로 만든 personalMenu 값에 1, 2 를 각각 넣어주었고, 타임리프를 이용해 각 페이지로 넘어올때마다 person.. 2023. 4. 12.
[Spring] 쇼핑몰 - 41 검색기능 추가하기 검색 버튼을 만들어 보려고한다. cart_html html에서 getBuyList 함수를 만들어 클릭하면 js에서 실행되도록 만들었다. cart_buy.js html에서 클릭되면 month라는 변수가 어떠한 이벤트로 실행되도록 코드를 만들어주었는데, month는 현재 없다. SearchVO 생성, BuyVO extends SearchVO에서 month를 하나 생성해주고, BuyVO에서 extends를 이용해서 상속해준다. 따라서 BuyVO에는 month에 대한 변수와 세터 ,게터, 투스트링 모두 사용할 수 있게 된다. cart_buy.html 폼태그는 이 끝난 이후 바로 닫아주자. 그리고 input의 type 속성도 hidden으로 바꾸었다. 버튼들이 클릭되면 0 , -1, -3이 전달되는데, 폼태크 선.. 2023. 4. 12.
[Spring] 쇼핑몰 - 40 Bootstrap에서 가져온 태그 활용하기 cart_buy.html data-bs-target에 있는 id가 밑에있는 div의 id와 동일하다. 그러면 button에 있는 data-bs-target은 누를때마다 밑에 있는 상세내용이 나오는 div가 열고 닫히게 된다. 개발자 도구에서 확인해보면 이런식으로 전체 이름이 같지않고, 각 패널마다 이름이 주어져서 하나를 클릭해도 전체 열기 혹은 닫기가 안되는 것을 볼 수 있다. 추가적으로 button 클래스에 collapsed를 추가해주었고, div 클래스에 show를 제거해주면서 보이는 이미지를 조금 바꿨다. 버튼을 눌렀을 때만 파란색 표시가되고, 열리지 않은 목록들은 하얀색으로 표시되는 것을 볼 수 있다. - 접힐 때 : class-collpased 추가 , aria-expanded = "false".. 2023. 4. 12.
[Spring] 쇼핑몰 - 39 장바구니에 담긴 구매 리스트 왼쪽처럼 비슷하게 구매내역 페이지를 구성해보았다. cart.js ajax에서 통신에 성공하게 되면 buys/buysPage 컨트롤러로 이동하게 된다. 먼저, 구매한 상품에 대해 전체 조회하는 데이터를 DB에서 만들어보자. buy-mapper.xml BUT_CNT과 DETAIL_BUY_PRICE를 위해 collection으로 buyDetailList를 끌어와 줄 수 있다. 쿼리문에 있는 아래 4개 데이터는 어떻게 가져올 수 있을까 ATTACHED_FILE_NAME , ITEM_NAME , ITEM_PRICE (SELECT COUNT(BUY_DETAIL_CODE) FROM BUY_DETAIL WHERE BUY_CODE = BUY.BUY_CODE) AS ETC buyDetailVO에는 상품 하나를 샀을때 조회.. 2023. 4. 11.
[json] Map데이터 받아오는 8가지 방법 json_test.html TestController json_test.js ajax에 JSON.stringify(stu)는 문자로 보내는데, json 형태로 바꿔서 던져주라는 것이다. html로 넘어와서 데이터 받기를 누르면 오른쪽 컨트롤러로 넘어가면서 콘솔창으로 Map data들이 뜨게된다. Controller Map 함수를 사용하게 되면 이와 같이 data에 있는 값들이 콘솔창에 json 형태로 나오게 된다. ajax 위에서 만든 stu 함수를 컨트롤러로 json 형태로 보내게 된다. 추가적으로 name으로 java, age로 20 데이터도 함께 보내게 된다. ajax에 있는 데이터 값이 json 형태로 하나 나오게 되고, 나머지는 임의로 넣어 줬던 name과 age가 출력된다. 맨위는 데이터를 통.. 2023. 4. 10.
파이썬(python) - for문 사용법 이번에는 파이썬에서 For문을 어떻게 사용하는지 알아보려고한다. java와 또 다르게 파이썬에서는 아주 간단하게 for문을 사용할 수 있으며, 들여쓰기가 중요하다. 리스트를 생성할 때에도 따로 자료형을 설정해주지 않는다. 2023. 4. 10.
[Spring] 쇼핑몰 - 38 장바구니 선택 구매 선택구매에 대해서 알아보자. 내가 구매하고자하는 수량, 아이템 코드, 총 가격을 모두 들고와 보자. 구매하고자하는 상품 수 * 2(ITEM_CODE, BUY_CNT, TOTAL_PRICE)가 필요하고 + 1 (총 구매가격) 이 필요하다. json으로 데이터를 가지고 오면 자바에서는 그것을 Map으로 쓴다. th:data-item-code="${cart.itemCode}" 아이템코드 th:data-buy-cnt="${cart.cartCnt}" 수량 th:data-detail-buy-price="${cart.totalPrice}" 총가격 체크박스를 클릭 시 data를 이용해 데이터를 강제적으로 넣어보았다. js파일에서 buys 함수를 만든후 체크될 데이터가 여러개 있으므로 반복문으로 돌렸다. 체크 박스를 누.. 2023. 4. 7.
파이썬(python) - 파이썬의 리스트(List) 변수 선언 및 사용법 리스트를 생성하고, 출력하는 방법 리스트에 데이터 추가하는 방법 리스트에 리스트가 들어간 데이터 출력하는 방법 2023. 4. 6.
파이썬(python) - 파이썬의 변수와 출력문, IF 사용법 파이썬의 변수와 출력문, IF 사용법 IF 문 IF 문 기본 문법 if 조건 : 실행코드 elif 조건 : 실행코드 else : 실행코드 데이터 입력 다음은 파이썬에서 리스트 사용하는 방법에 대해서 알아보자. 2023. 4. 6.
파이썬(python) - Jupyter 사용법 HTML 삽입 미리보기할 수 없는 소스 주피터 많이 사용하는 단축키 - a : 현재 셀에서 윗줄에 셀 추가 - b : 현재 셀에서 아랫줄에 셀 추가 - dd : 현재 셀 삭제 - ctrl + enter : 현재 셀 실행 - shift + enter : 현재 셀 실행 후 다음 셀로 이동 - m : 코드 창을 마크다운 창으로 변경 - y : 마크다운 창을 코드 창으로 변경 - c : 현재 셀 복사 - v : 복사한 셀 붙여넣기 - x : 현재 셀 잘라내기 - z : 현재 셀 이전 상태로 되돌리기 - shift + m : 현재 셀과 아래 셀을 병합 - tab : 해당 글자로 시작하는 함수 확인 가능(자동완성 기능) 주피터 노트북 테마 및 폰트 변경 법 1. 폰트 압축파일의 압축을 푼다. 2. 압축 푼 파일의 .. 2023. 4. 6.

티스토리툴바