성연이의 프로그래밍 블로그

apache-tomcat-9.0.37폴더 webapps에 들어가기 webapps에 들어가기 웹애플리케이션이 들어 갈 폴더 생성(study) study폴더안에 WEB-INF폴더 생성 이곳에는 앞으로 웹어플리케이션 설정 정보를 담고있는 web.xml파일을 위치시킬 예정 파일 작성 JSP 처음 3 * 1 = 3 3 * 2 = 6 3 * 3 = 9 3 * 4 = 12 3 * 5 = 15 3 * 6 = 18 3 * 7 = 21 3 * 8 = 24 3 * 9 = 27 저장 저장경로는 study폴더 안 서버켜기 ./startup.sh 웹서버 들어가기 http://localhost:8080/study/3dan.html 작성된 파일에 함수 가미 구구단 출력 JSP 처음

보호되어 있는 글입니다.

https://tomcat.apache.org/download-80.cgi Apache Tomcat® - Apache Tomcat 8 Software Downloads Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions tomcat.apache.org 만약 apache-kr이 아니라면 아래의 것을 바꿔줘야..

0707 1. www의 역사 인터넷에 연결된 컴퓨함터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간 2. protocol : 두 국가 간의 조약(협약) IT) : 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙의 체계 3. Client 네트워크를 통하여 서버라는 다른 컴퓨터 시스템 상의 원격 서비스에 접속할 수 있는 응용 프로그램이나 서비스 4. Server 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 프로그램(server program) 또는 장치(device)를 의미 5. AS(Application Server) 분산 네트워크 내의 컴퓨터 내에서 응용프로그램에 비즈니스 로직을 제공하는 서버 프로그램 데이터베이스 및 트랜잭션 서버로..

drop만 막지말고 dragover도 막아야 막힌당~! 사진의 정보 콘솔에 출력 여기에 이미지를 끌어다 놔~ (이곳에만 이미지 넣기 가능) 외부에서 끌오온 파일 정보를 files에 넣어준다. 여러개를 갖다대면 여러개가 나옴 여기에 이미지를 끌어다 놔~ (이곳에만 이미지 넣기 가능) 기존것에 사진 계속 추가 여기에 이미지를 끌어다 놔~ (이곳에만 이미지 넣기 가능) div child로 붙여서 붙는거 이제 사진 넣을때 마지막에 넣은 사진만 보이게 넣기 전에 v_psy를 한 번 비워주기! v_psy.innerHTML=""; // 넣기 전에 비워줌 여기에 이미지를 끌어다 놔~ (이곳에만 이미지 넣기 가능)

그동안의 이벤트 접근법 새로운 등록법 v_btn1에 클릭 이벤트를 등록 >> 실행순서 위에는 안 뜨고 아래만 뜬다(나중 이벤트로 덮어 씌워짐) 같은 이벤트에 함수(이벤트핸들러)를 정의하면 덮어써버림. (곧 나중것만 실행됨) 권장되는 이벤트 등록법 덮어쓰지 않고 추가가 됨 추가버튼 클릭시마다 사진 추가 img의 src, width, height들은 속성 메모리상에 img태그 자체를 생성 메모리에 넣었기에 눈에 보이지 않는다!! v_btn.onclick = function () { var v_img = documen.createElement("img");//메모리상에 img태그 자체를 생성 v_img.setAttribute("src", "images/all2.jpg"); v_img.setAttribute("..

iframe은 원래 마이크로소프트에서 만들어서 IE 에 넣어서 브라우져 시장을 점유하는데 큰 역할을 했던 태그로 현재는 표준태그로 자리잡아서 모든 브라우저에서 지원 iframe는 아무곳에나 넣고 싶은 곳에 넣을 수 있다. 1) 내가 생성한 html파일 iframe iframe 2) 막아놓지 않은 사이트 >> 네이버와 학교 홈페이지는 막혀있음 iframe 1) 간단한 파일 생성 2) 생성한 파일 불러오기 iframe 3) 텍스트박스와 버튼 생성해주고 버튼에 체크 이벤트 넣기 이벤트>> 버튼 누르면 자신의 텍스트를 상대에게 전달 iframe contentWindow를 사용하여 접근 function f_check() { // iframe 접근법 alert(document.getElementById("id_fr..

페이지 끝나면 함수 자동 실행 window.onload = function(){ } 바디태그에 접근 document.body body와 head는 문서에 하나밖에 없어야 하므로 id없이 접근 가능 바디에 색깔주기 document.body.style.backgroundColor = "rgb(255,0,0)" 색깔줄때 rgb(red, green, blue) 함수 사용가능(실제 내부적으로 사용됨) 페이지 새로고침시마다 다른 색이 나오게끔 변경 더보기 rgb대신 #ff0000 이런식으로 표현 가능(16진수) document.body.style.backgroundColor = "#ff0000"; 16진수를 사용하여 랜덤한 색 생성하기 1) 16진수를 담은 배열 생성 var v_hexaNum = []; for (i..

keypress keypress 는 영어, 숫자가 눌렸을 때에만 이벤트가 발생 또한 한글, 방향키, del, space 등은 keypress 이벤트를 발생시키지 않음 keydown 키 범위가 넓다. 첫 번째 텍스트박스에서 엔터키를 누르면 두 번째 텍스트박스로 커서가 넘어간다. 더보기 엔터키로 텍스트박스끼리 왔다갔다하기 더보기 key를 사용하면 어떤 값이 눌렸는지 정확하게 나옴 더보기 내코딩 강사님코딩

마우스에 따라오는 사진 난 성연 이얌 >-ㅇ 이벤트가 상위 부모에게 전달(이벤트 버블링) 성연 >_ㅇ 상위 부모에 이벤트 전달되는거 막기 event.stopPropagation(); 더보기 성연 >_ㅇ 디폴트이벤트막기 a태그 클릭이벤트 기능을 가지고 있음(디폴트이벤트) 네이버 alert뜨고 자동으로 페이지 이동해버림! 네이버 이를 막고싶을 때아래의 코드 사용 alert창만 뜨고 네이버로 이동죄니는 않음 event.preventDefault(); // 내장된 기본 이벤트 막기 더보기 네이버 *** 이벤트 전파 막기 event.stopPropagation(); 내장된 기본 이벤트 막기 event.preventDefault(); 이렇게 사용하면 나중에 디버깅하기 어려워 href에 javascript 코드를 연..