Dahoon06 Store

이미지 슬라이드 사이드 바를 클릭하면 이미지가 다음 이미지로 변환되는 이미지 슬라이드를 만들것이다. 사용된 CSS .wrapper { /* 슬라이드 쇼 영역 스타일 */ width:600px; /* 너비 */ margin:0 auto; /* 화면 중앙에 배치 */ position:relative; /* 슬라이드 위치를 잡기 위해 */ background-color:#ccc; text-align:center; /* 슬라이드를 화면 중앙에 배치 */ } #container { position:absolute; } #container > img { /* 각 이미지의 스타일 */ width:100%; /* 슬라이드 영역에 꽉 차게 */ float:left; /* 왼쪽부터 배치 */ } button { posit..

location.replace('교체할페이지'); replace는 현재의 페이지에서 실행된다(새로운창에서 열리는게 아니라) 또한 페이지가 이동하는것이 아니라 교체 되는 것이기 때문에 뒤로가기 버튼이 비활성화 되어있다. location.href="이동할페이지"; 페이지의 이동이 일어난것이기 때문에 뒤로가기 버튼 활성화(이동가능)

1.크롬 2.익스플로어 3.엣지

체크 박스를 클릭하게 되면 "주문 정보"에 입력한 데이터가 아래 "배송 정보" 칸에 자동으로 채워지게 할 것이다. 사용한 CSS 더보기 * { margin:0; padding:0; box-sizing: border-box; } ul { list-style: none; } legend { font-size:1.2em; font-weight:bold; margin-left:20px; } form { width:520px; height:auto; padding-left:10px; margin:50px auto; } fieldset { border:1px solid #c0c0c0; padding:30px 20px 30px 30px; margin-bottom:35px; } .field { float:left; w..

자바스크립트를 이용한 객체 생성 => var 변수명 { 객체명 } => {변수명:값, 변수명:값,~~~ }; ex) 회원 객체 var member={name:"홍길동", age:33~~ }; 자바 스크립트 객체의 생성자 및 멤버변수, 메소드 선언방법 생성자) function 생성자 (매개변수){ this.멤버변수명; this.메소드명 = function(){ } } 객체 생성 방법 => var 객체명 = new 생성자(전달값); 객체의 변수 사용방법 => 객체명.멤버변수=값; 객체의 메소드 호출방법 => 객체명.메소드명(); 자바 스크립트 객체, 멤버변수, 메소드 선언시, { } 을 이용하는 방법 (필요할 경우에만 간단하게 선언하여 사용) var 객체명 = { 멤버변수:값 멤버변수:값, 멤버변수:값, 메..

자바스크립트 특징 완벽한 언어가 아니다.(데이터 타입x) 변수 선언 : var 변수명; 함수 선언 : function 함수명(){ } function 함수명(매개변수명){ } 제어문 : if / for / while HTML 태그 선택 : document.querySelector(#id); HTML 태그 객체 onclick=function() { } 이러한 형태 자바 스크립트를 사용한 프레임워크 => jQuery / node.js / react.js / vue.js 자바 스크립트 => 함수를 선언 자바스크립트 위치 1. 2. HTML 내부 파일생성(js) 입력창 HTML 내부에 글씨, 태그를 출력 var test = prompt("~~을 입력하세요); document.write("출력내용"); //(js..

쇼핑몰 프로젝트의 마무리 단계 파일업로드 필요한 라이브러리 : cos.jar("오렐리 출판사"에서 개발) 전역변수로 선언된 (ProductMgr.java) private static final String UPLOAD = "C:/shop/data/"; private static final String ENCTYPE = "UTF-8"; private static final int MAXSIZE = 10*1024*1024; 파일 추가 public boolean insertProduct(HttpServletRequest req) { Connection con = null; PreparedStatement pstmt = null; String sql = null; boolean flag = false; try ..

기존에 했던 프로젝트에서 상품 목록, 장바구니, 구매목록 부분 업데이트 오늘도 코드양이 많다...

필요한 데이터 회원 : 조회 / 삽입 / 수정 / 삭제 MemberMgr => DAO역할 MemberBean => DTO 상품 : 조회 / 삽입 / 수정 / 삭제 ProductMg r=> DAO역할 ProductBean => DTO 주문 : 조회 / 삽입 / 수정 / 삭제 OrderMgr => DAO역할 OrderBean => DTO 장바구니 : 조회 / 삽입 / 수정 / 삭제 CartMgr => DAO역할 ** 기존에 사용했던 방식(DAO,DTO 하나를 만들어서 이 안에 모든 코드를 넣는다.)대로 하게되면 코드양이 너무 길어진다. 그렇기에 각각의 클래스를 따로 만들어서 사용한다. 기존에 했던 쇼핑몰 프로젝트에 데이터베이스 연동을 시켰다. 오늘은 기존에 했던 방식(사용자 1명)과 달리 여러명의 사용자가 ..

1. register.html과 myform.css 2.memberInsert.jsp와 sytle.css ..=> style인데 오타.. css연습을 하기 위함이라 아직 기능적인 요소들은 뺐다. html파일에 css 로그인 정보 아이디 비밀번호 비밀번호 확인 회원등급 개인정보 이름 메일주소 연락처 코딩 숙련도(상,중,하) 제출 사용된 CSS 더보기 @charset "UTF-8"; html, body, form, fieldset, legend, ol, li { margin: 0; padding: 0; } body { background: #ffffff; color: #111111; font-family: 맑은고딕,굴림,돋움; padding: 20px; } form{ background: #9cbc2c; -..