HTML
-
게시판 만들기 -22.05.06~HTML 2022. 6. 9. 23:34
동적웹 프로젝트 board만들기 Context root는 /로 해준다. WebContent에 3개의 폴더 만들어주기 http://bootstrapk.com/getting-started/#download 시작하기 · 부트스트랩 부트스트랩은 프레임워크와 함께 일하기 위해 편리한 방법으로 빌드시스템으로 Grunt 를 사용합니다. 그것은 우리의 코드를 컴파일하고, 테스트하고, 그 밖에 몇몇 처리를 도와줍니다. Grunt 설치 bootstrapk.com =>다운로드 받고압축 풀기 =>jquery-3.6.0도 추가 =>lib에 추가 !!! =>패키지 만들어준다. config내용은 원래 프로젝트에 존재하던것을 복붙해왔다. 제이쿼리가 밑에 있기 보다는 위에있어서 우선 적용될 수 있게 하는것이 좋다 테이블 만들기 시퀀스..
-
BOM과 DOM-22.04.12HTML 2022. 4. 12. 17:53
·HTML 문서를 객체로 표현한 것을 DOM ·웹브라우저를 객체로 표현한 것을 BOM(Browser Object Model) setTimeout setTimeout(fn,ms) : ms에 지장된 시간 경과 시 배경색 바꾸기 setTimeout setTimeout(fn,ms) : ms에 지장된 시간 경과 시 배경색 바꾸기 setInterval() setInterval(fn, ms) : ms에 지정된 시간 경과 마다 배경 바꾸기 =>랜덤으로 변경됨 +수정 setInterval() ClearInterval() setInterval(fn, ms) : ms에 지정된 시간 경과 마다 배경 바꾸기 setInterval() ClearInterval() setInterval(fn, ms) : ms에 지정된 시간 경과 마..
-
String2 ,Math-22.04.11HTML 2022. 4. 11. 17:48
주민등록번호를 입력 받아 생일, 성별, 나이 출력 ex) 110325 - 4432595 생일: 2011년 4월 25일 성별: 여자 나이: 11살 주민등록번호 유효성 검증 프로그램(ABCDEF-GHIJKLM) 1. M을 제외한 모든 자리를 2-9까지 순차적으로 곱하여 총 합을 구한다. 2. 총 합(1의 값)을 11로 나누어 나머지를 구한다. 3. 11에서 나머지(2의 값)를 뺀다. 4. 3번의 결과가 10일때 0. 11일때 1로 변환한다(10 이전의 값은 그대로 사용한다.) 5. 4번의 결과와 M의 자리가 같으면 유효한 주민등록번호 1.1 ~ 10 사이의 난수를 발생 후 사용자가 이 값을 맞추는 프로그램을 작성하시오. Number Guess 1부터 100까지 추측하기 추측 2.가위 바위 보 게임을 할 수 ..
-
Date객체,String객체 -22.04.08HTML 2022. 4. 8. 17:41
·날짜와 시간 작업을 하는데 사용되는 가장 기본적인 객체 ·New Date() // 현재 날짜와 시간 ·new Date(milliseconds) // 1970/01/01 이후의 밀리 초 ·new Date(dateString) ·new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]]) ·Month는 0부터 시작 ·Year는 두자리로도 표시 가능 ·UTC ·1972년 1월 1일부터 시행된 국제 표준시 ·UTC는 그리니치 평균시(GMT)로 불리기도 하는데, UTC와 GMT는 초의 소수점 단위에서만 차이가 나기 때문에 일상에서는 혼용되어 사용된다. ·기술적인 표기에서는 UTC가 사용된다. date_getDate getDay() -요일 구하기 date_ge..
-
배열2-22.04.08HTML 2022. 4. 8. 14:47
["고길동","둘리","도우너","또치","희동이"] proc1() function proc1(){ /*push() : 배열 끝에 요소 추가 unshift() : 배열 시작에 요소 추가*/ var a = prompt("추가할 내용을 입력하세요"); //arr.push(a); arr.unshift(a); //var result = `push() : ${arr}`; var result = `unshift() : ${arr}`; document.querySelector('#d1').innerText = result; } -push() -unshift() proc2() function proc2(){ //pop() : 배열 끝에 요소 제거하고 (제거된 내용) 반환 //shift() : 배열 시작에 제거하고 (제..
-
JDBC연결-22.04.08HTML 2022. 4. 8. 12:44
경로: C:\oraclexe\app\oracle\product\11.2.0\server\jdbc\lib 복사한후 =>lib에 복사한다. *처리 과정 - service객체를 얻어와 메소드를 호출하고 결과 값을 전달 받음 1. Service에서 Dao호출 2. Dao에서 spl조회 3. Dao에서 Service로 값을 반환 4. Service에서 jsp로 값을 전달 이렇게 만들어서 사용해줄것이다. package kr.or.ddit; import java.util.Map; public class Service { private Dao dao; private static Service service; //1.private Constructor private Service() { dao = Dao.getInsta..
-
자바스크립트 객체, 배열-22.04.07HTML 2022. 4. 7. 17:56
자바 스크립트 언어는 인터프리터언어로 처음부터 끝까지 순서로 실행됨 그런데 스크립트 부분이 실행 안되는 부분이 있다. document는 body부분에 있으므로 찾지를못해서 버튼1,2,3안되고 4만되는 것이다. 그래서 script를 body영역에 써주는 것이 좋다. 그래도 body위에 사용하고 싶다면 방법이 있다. window.onload- 문서안에있는 모든것을 로딩 시켜라 라는 의미이다. 즉 로딩 시키고 그 밑부터 실행해라~ =>잘 실행되는것을 알 수 있다. ·객체(object)는 사물의 속성과 동작을 묶어서 표현하는 기법 ·(예) 자동차는 메이커, 모델, 색상, 마력과 같은 속성도 있고 출발하기, 정지하기 등의 동작도 가지고 있다. ·객체의 2가지 종류 ·내장 객체(bulit-in object): 생성..
-
자바스크립트 호이스팅, ES6백틱-22.04.07HTML 2022. 4. 7. 14:09
변수호이스팅(Hoisting) a="에러가 날까요?" 변수를 끌어올려서 있다고만 판단하게 해서 에러를 나지 않게 하지만 값을 출력하지 못하고 undefined가 나온다.(권고X) -let은 호이스팅 적용x 함수 호이스팅 함수가 밑에 선언되어있어서 오류 가 날거 같지만 밑에 선언이되었다고 끌어올려서 오류가 나지 않으며 name도 밑에 선언되어있지만 끌어올려서 오류가 나지 않는것이다. 즉 변수 함수 호이스팅 둘다 나온경우다. -표현식 함수 호이스팅 적용이 안되므로 오류 //함수 호이스팅 confirm: 사용자에게 boolean값을 반환받을 수 있는 팝업 형태의 함수 confirm: 사용자에게 boolean값을 반환받을 수 있는 팝업 형태의 함수 취소누르면 결과 출력 확인하면 계속 누적해서 출력 [rst +=..