전체 글 (143) 썸네일형 리스트형 221004_JSP_국비_JSP엔진/ 기본문법/ 실행/ 라이프사이클 JSP(Java Server Page) 선 마이크로 시스템사가 개발한 인터넷 서버 프로그래밍 기술 HTML 코드내에 직접 비지니스 로직을 삽입 할 수 있는 개발 기술 → JSP 웹 어플리케이션 서버에서 사용자에게 서비스가 되래는 서블릭으로 변경되어 서비스됨 태그를 사용해 자바객체 사용 JavaBeans(자바빈즈) 컴포넌트를 사용해 비지니스 로직과 프리젠테이션 로직을 완전히 분리해 응용 프로그램 구현 가능 플랫폼과 웹 서버에 독립적임 JSP 엔진(컨테이너) JSP엔진(컨테이너) : jsp소스에서 서블릿 소스 및 서블릿 클래스생성을 처리하는 서버모듈 jsp파일에서 생성되는 서블릿 파일의 이름은 시스템 마다 다를 수 있음 예시) hello.jsp인 jsp 프로그램은 hellp.jsp소스에서 hello_jsp... 220929_JavaScript_국비_Image Loading/Mouse Event /localStorage/ sessionStorage change color 123456789 마우스만 올려도 색이 변경되는 버튼 : 위 id : "s1"의 색이 변경됩니다 green red 메시지가 1번만 나옴 addEventListener() 1. EventTarget에 주어진 이벤트 유형, EventListener를 구현한 함수 또는 객체를 이벤트 처리기 목록에 추가해 작동 2. "click" => 반응할 이벤트 유형을 나타내는 문자열, 대소문자 구분 3. 형식 : DOM객체.addEventListenr( 이벤트명, 실행할 함수명, 옵션) - 이번트명 : 이벤트리스너를 등록할 이벤트 타입을 문자열로 전달 - 실행할 이벤트리스너(함수명) : 지정된 이벤트가 발생했을때 실행할 이벤트 리스너 전달 - 이벤트 전파방식(옵션) : fasle면 버블링방식, tr.. 220928_JavaScript_국비_JSON/Canvas onbeforeprint, onafterprint 브라우저 윈도우에서는 보이지 않지만, 프린트시 로고가 출력되는 예제입니다. 오른쪽 버튼을 눌러 인쇄 미리보기 메뉴를 선택해보세요 onbeforeprint : 인쇄모드 인쇄대화상자 나타나기 전 onafterprint : 인쇄대화상자에서 인쇄버튼 클릭해 인쇄시작 또는 인쇄대화상자 종료시 이벤트 발생 ↓결과 JSON객체 클라이언트와 서버의 통신에서 데이터를 주고 받을 때 주로 이용 lightweight(저중량) 데이터를 교환하는 형식으로 컴퓨터 시스템이 파싱하고 생성하기 쉽게 만들어짐 특징 1. javascript기반으로 만들어졌으며 특정 언어에 종속되지 않는 완벽한 도깁적은 텍스트 형식을 가지고 있음 2. 데이터는 이름(key),값(value)의 쌍으로 구성.. 220927_JavaScript_국비_BOM2 브라우제 관한 정보 출력 아래 이 브라우저에 관한 여러 정보를 출력합니다 ↓결과 스크린에 관한 정보 ↓결과 문제 풀기 수식을 계산하여 답을 입력하고 채점버튼을 눌러주세요 5*6 5+1-8 5*6/2 4/2+45 제출 0 ↓결과 산수 문제를 풀어 봅시다. 자동으로 문제가 만들어집니다. 답 입력 후 채점 버튼을 누르세요. 다시버튼을 누르면 새로운 문제가 출력됩니다.(단, 나누기 결과는 정수입니다) 채점 0 다시 ↓결과 screen객체 스크린의 해상도가 2280*1024보다 낮은 경우 웹 페이지가 정상적으로 출력되지 않을 수 있음을 알리는 경고를 출력합니다 ↓결과 ↓결과 시작 정지 ↓결과 test.html 파일 생성) history객체 (첫번째 페이지) 다음페이지 test1.html 파일 생성) history.. 220926_JavaScript_국비_BOM BOM(Browser Object Model) 윈도우에 로드된 문서의 URL, 브라우저가 출력된 스크린 장치, 브라우저의 종류와 기능 등 브라우저와 브라우저가 실행되고 있는 환경을 자바스크립트 코드로 접근하고 제어할 수 있도록 설계된 그룹 종류 : window객체는 브라우저가 제어하는 BOM객체의 최상위에 존재 - window - navigator - history - location - screen Window window객체 : window객체는 열려있는 브라우저 윈도우나 탭 윈도우를 나타내는 객체로 윈도우마다 하나의 window객체가 생성 - window객체가 생성되는 경우 1. 브라우저가 새로운 웹 페이지를 로드할 때 window객체 자동생성 2. 태그 당 하나의 window 객체 자동생성 3. .. 220923_JavaScript_국비_DOM2 라면 끓이는 순서 물을 끓인다 면과 스프를 넣는다 계란을 넣는다 5분간 끓인다 ↓결과 라면 끓이는 순서 물을 끓인다 면과 스프를 넣는다 계란을 넣는다 5분간 끓인다 ↓결과 라면 끓이는 순서 물을 끓인다 면과 스프를 넣는다 계란을 넣는다 5분간 끓인다 ↓결과 라면 끓이는 순서 물을 끓인다 면과 스프를 넣는다 계란을 넣는다 5분간 끓인다 ↓결과 innerHTML 활용 : 아래글자를 클릭하면 사진이 보입니다 여기를 클릭하세요 ↓결과 this 활용 버튼1 버튼2 여기를 클릭하면 크기와 색 변경 ↓결과 write() 잘못사용 예 웹 브라우저 아무곳이나 클릭해보세요 HTML텍스트를 HTML 문서에 추가하기 위해 document.write()를 사용 HTML문서가 로드되어 출력이 모두 이루어지고 나면 document.. 220922_JavaScript_국비_Math/ String/ Object/ DOM A값 : B값 : 결과 : ↓결과 Math객체 수학 계산을 위해 다양한 프로퍼티와 메소드 제공 new Math()객체를 생성하지 않고 Math.프로퍼티 또는 Math.메소드로 생성 메소드 의미 abs(x) x의 절대값 리턴 sin(x) sin x값 리턴 exp(x) e의 x 제곱근 리턴 pow(x,y) x의 y제곱 값 리턴 random() 0~1 보다 작은 임의의 실수 리턴 floor(x) x보다 작거나 같은 수 중 큰 정수 리턴 소수점 이하 버림 round(x) x를 반올림한 정수 리턴 소숫점 이하 반올림 ceil(x) 인수와 같거나 큰 수중에서 가장 작은 정수 리턴 소수점 이하 올림 sqrt(x) x의 제곱근 리턴 프로퍼티 의미 E Euler 상수 PI 원주율 String 객체 문자열을 다루는 객체 .. 220921_JavaScript_국비_내장함수/ 객체/ Array ↓결과 ↓결과 eval(), parseInt(), isNaN() 함수 사용 ↓결과 구구단 출력 함수 alert() : 사용자가 확인버튼을 누를때까지 메시지를 보여줌 확인버튼을 누르기전까지 나머지 부분과 상호작용 불가(모달 창 바깥에 있는 다른 행동(클릭) 불가) ↓결과 javascript 사용자 입력 및 대화 프롬프트 다이얼로그 확인 다이얼로그 경고 다이얼로그 ↓결과 ↓결과 숫자 맞추기 게임 이 게임은 숫자 맞추기 게임입니다. 1~100사이의 숫자입니다 숫자 : 시도횟수 : 힌트 : ↓결과 JavaScript 객체 & 배열 객체 property(객체의 고유한 속성)와 쌍을 이룸 method(함수) : 다른 객체나 코드로 부터 호출, 주로 객체 내부 프로퍼티 값을 조작하거나 연산을 수행하고 결과 리턴 객체.. 이전 1 ··· 8 9 10 11 12 13 14 ··· 18 다음
