웹 애플리케이션을 개발하다 보면 checkbox를 통해 동의 여부와 같이 사용자에게 선택을 요구하는 경우가 있습니다. 저는 쇼핑몰 사이트를 개발하면서 관리자 입장에서 구매 내역을 관리하면서 결제 여부, 취소 여부, 환불 여부를 관리하는 부분에 있어 헷갈렸던 부분을 기록하고자 합니다. 관리자 구매 내역 수정 상품명 : 구매자 : 가격 : 수량: PayYN Cancel Refund 주문 수정 체크박스는 로 구현되어 있습니다. 기존의 데이터 값이 'Y'이면 input 태그에 'checked'가 적용되며 아닌 경우에는 '' 빈 값이 적용되어 체크 되지 않은 상태로 보이게 됩니다. 의문이었던 점 type = 'checkbox'인 input 태그는 선택되지 않은 경우에는 어떤 값이 전달될지 궁금했습니다. value..
쇼핑몰과 서점 애플리케이션을 사용하다 보면 장바구니 기능을 볼 수 있습니다. 보통 form 태그를 통해 안에 작성된 input 태그들을 하나의 묶음으로 전송하여 처리하곤 했습니다. 하지만, 장바구니와 같이 form 태그로 묶어서 전달해야 하는 데이터가 1개가 아닌 여러 개 일 때 어떻게 해야 될지 의문이었습니다. 결론 : 1) js 문법을 이용하여 사용자가 (동적) (체크박스)를 선택한 데이터를 확인합니다. 2) 이를 서버에 json 형태로 전달해주고, 서버에서는 json 데이터를 반복문을 통해 DB에 쿼리를 전송합니다. form 태그는 보통 서버에 데이터를 전송할 때 사용합니다. 주로 사용하는 속성으로 action과 method가 있습니다. action은 전송할 서버의 주소를 담고 있습니다. metho..
Node.js를 공부하면서 select 태그를 통해 상품을 선택할 때마다 해당하는 데이터의 정보를 동적으로 변경하고 싶었습니다. 데이터의 정보를 조회하기 위해서는 1) 선택된 상품의 pk값을 서버에 전달합니다. 2) 서버 측에서는 pk를 통해 데이터베이스에서 조회합니다. 3) 데이터베이스에서는 요청한 값을 서버로 반환합니다. 4) 서버에서 이를 다시 html에 적용하여 사용자들에게 보여줍니다. 상품 선택: 상품명 : 브랜드 : 가격 : 수량: 결제 장바구니 상품 준비중 select 태그 안에 option 태그는 value로 각 상품의 pk를 가지고 있고 ( list[i].mer_id ), 사용자에게는 상품의 이름 ( list[i].name )을 보여주고 있습니다. 이때 option 태그에서 원하는 데이터..
