목록분류 전체보기 (187)
기초공사 (html,css,javascript)
// 인증시작 중단 여기에서 on클래스를 추가삭제는 알았는데 function stop_verify( ) 함수에 넣으니 on의속(바탕색)성이 자꾸 사라져서 디버깅을 보니 stop_verify();가 곳곳에 있다보니 나왔다 사라지고 했다. 그래서 따로 함수를 만들어서 function stop_verify_short()를 만들어서 stop_verify(); 을 호출하고, 중단버튼을 클릭 할때만 $('.hvr-ripple-out').removeClass('on')이것이 적용하도록 했다. 안선임이 도와줌;; function stop_verify_short(){ stop_verify(); $('.hvr-ripple-out').removeClass('on'); }
//DAO Data Access Object 의 약자로 "데이터베이스에 접근하는 객체" 라는뜻, DAO를 구현하지 않으면 서비스 로직부분과 DB에 접근하는 부분이 한 파일(servlet)에 작성된다. 이러한 방법은 객체지향1원칙인 단일책임의 원칙을 위배하게 되므로, 루틴을 분리하여 작성해야 한다. (하나의 클래스는 하나의 기능만을 제공하라는 의미이다) DAO는 개발자가 select(),insert(), update(),delete()와 같은 연산들에 대한 인터페이시를 미리 정해놓음으로써 데이터에 대한 처리를 간단하게 할 수 있도록 도와준다. //DTO Data Transfer Object의 약자이다. DTO는 전송의 이미보다는 사실 DB에 존재하는 테이블의 데이터를 저장하는 객체라는 뜻에 가깝다. 예를들..
board폴더를 붙일떄 나는 오류 the superclass"java.servlet.http.HttpServle", determined from the Dynamic Web Module facet verison (3,1), was not found on the java build path
발단 why? datalist는 선택을 할떄 왜 value가 다 안나오지?? datalist라는 태그는 자동완성 개념이다. '포'를 입력하면 '포'가 시작되는 value만 보여진다. value로 선택하고자 할때는 select를 쓰자 //아래는 코드 포장여부 선물 포장 포장 안함 포장안함2 선물 포장 포장 안함 포장안함2
// input type ="number" 선물용3kg 개 (최대5) 선물용_5kg 개 최대(10개) 슬라이드 막대 이용하기 가정용 3kg 개 최대(10개) 가정용 5kg 개 최대(10개) 가정용 3kg 가정용 5kg 포장선택 선물 포장 선물 포장 안함 날짜3가지 방법 날짜 지정하기 기본버튼 파일첨부하기 readionly와 required 배송정보 주문상품 이름 주소 이메일 연락처 배송지정 메모 이벤트와 새로운 소식 메일수신 메일수신안함 textares cols : 텍스트 영역의 가로 너비를 문자 단위로 지정한다. row : 텍스트 영역의 세로 길이를 줄 단위로 지정합니다. 지정한 숫자보다 줄 개수가 많아지면 스크롤 막대가 생긴다.
// 1개의 버튼만 선택하려면 라디오 버튼을 사용하고 선물 포장 선물 포장 안함 2개 이상을 선태하려면 체크 박스를 사용한다.
1. input 태그 type속성 2. 텍스트,비밀번호 필드에서 사용하는 주요속성 1, size 텍스트와 비밀번호 필드의 길이를 말한다. 즉 화면에 몇글자가 보이도록 할것인지 지저한다. 예) 최대한 입력할 수있는 글자수가 10인데 size속성값을 5로 지정하면 필드크기는 5개 글자 크기에 맞추고 나머지 5개글자는 화면에 보이지 않게 된다. 2. value 텍스트 필드 요소가 화면에 표시될 때 텍스트 필드 부분에 보여주는 내용이다. 이 속성을 사용하지 않으면 빈 텍스트 필드가 표시된다. 비밀번호 필드에서 사용하지 않는 속성이다. 3. maxlength 텍스트 필드와 비밀번호 필드에 입력할 수 있는 최대 문자 수를 지정한다. // input type =""search" 일때 웹브라우저 화면으로 볼때는 텍스트..
// html에는 img 태그가 없는데 생겼다. DOM트리에 추가가 한것이고. body 요소 내 표시하고자 할때는 document.body.appendChild()를 사용한다. 똒같은 프로퍼티와 메서드를 가지고 있는 객체를 반복해서 만든다면, 그만큼 메모리 공간이 낭비된다. 이때 생성자 함수와 클래스를 유용하게 사용할 수 있다. 생성자 함수와 클래스는 비슷한 개념이지만, ... 객체의 틀을 만들때 함수를 사용하는데 이 함수를 생성자 함수라고 한다, 생성자 함수를 사용해서 찍어내는 객체를 인스턴스 객체라고한다. 1. new예약어를 사용해 인스턴스 만들기 today = new Date( )
//문제의 발단 유니크(Unique) 키와 기본 키(Primary Key) 그리고 외래 키(Foreign Key)는 데이터베이스에서 테이블 간의 관계를 나타내고 데이터의 무결성을 유지하기 위해 사용되는 키의 종류입니다. 이들 간에는 다음과 같은 차이점이 있습니다. 유니크(Unique) 키: 유니크 키는 테이블의 열(또는 열의 조합)에 대해 중복을 허용하지 않는 제약 조건입니다. 유니크 키는 해당 열(또는 열의 조합)에 고유한 값을 가지는 것을 보장합니다. 테이블에서 여러 개의 유니크 키를 가질 수 있으며, 각 유니크 키는 서로 다른 열(또는 열의 조합)에 적용될 수 있습니다. 기본 키(Primary Key): 기본 키는 테이블의 열(또는 열의 조합)에 대해 중복을 허용하지 않는 제약 조건입니다. 기본 키..
// 좀더 정확히 알고싶어서 해본 예제 parent:400px로 두니 변화를 알수없으니 100%로 두었따. 예시를 보자. flex flex-grow box1 box2 box3 flex-shrink box1 box2 box3 flex-basis box1 box2 box3 flex box1 box2 box3 예시를 보자. flexl-shrink는 기본값이 1이다. 설정을 안해줘도 화면사이즈가 줄어들면 각각 조금씩 축소 되어있다. 1:1:1이 된다. 부모너비가 400px이고 shrink는 200px씩 3개이므로 200px가 넘친다. 그 200px에 대해서 3등분하니 66.66px가 된다. 그래서 각 box1은 200px이니 200px - 66.66px 를 빼서 133.33px가 된다. 여기에서 box3을 fl..