본문 바로가기

분류 전체보기117

서블릿과 jsp 서블릿으로 웹 문서 만들기이클립스는 따로 서블릿 위저드를 제공한다. (저 항목에 없다면 other 에 가서 web에 가면 있다)Superclass해당 클래스를 상속받는다는 뜻. 즉 HttpServlet를 상속받음오버라이딩 필수 요소가 있다. (아래의 함수)클라이언트가 웹서버에 서비스를 요청하는 방식GetdoGet : get방식의 요청일 때 일처리를 위한 메소드PostdoPost: post 방식의 요청일 때 일처리를 위한 메소드회원가입 등따라서 위 두 메소드를 각각 오버라이딩 해준다. doGet, doPost 메소드는 사용자의 요청정보를 담고 있는 request와 응ㅇ답을 위한 response 를 매개 변수로 갖고 있다.하나의 방식만 처리하고 싶을 때는 둘 중 하나의 메소드가 없을 수도 있다.@WebSer.. 2024. 7. 12.
웹 어플리케이션 프로그래밍 html웹에서 보여지는 문서의 형태 웹어플리케이션 프로그래밍동적인 html 생성프로그래밍에 의해서 사용자가 요구하는 html을 생성동작위치클라이언트 사이드javascript서버 사이드jsp, 서블릿, 파이썬jsp, 서블릿은 자바 언어를 기반으로 하는 웹어플리케이션 프로그래밍 기술이다.서블릿자바언어로 웹 문서를 만들게 해주는 클래스이 클래스를 상속받아서 클래스를 만들어서 서비스클래스를 만들고 컴파일하고 서비스를 위하여 배포하는 과정을 거쳐야 한다.이것은 좀 어렵고, 절차가 번거로운 점이 있다.jsp(Java Server Pages)자바언어로 (웹)서버에서 동작하는 문서를 만들기 위한 기술서블릿으로 웹 문서를 만드는 것은 어렵고, 또 절차가 복잡해서 손쉽게 웹 문서를 만들도록 하는 기술이다.html 태그와 .. 2024. 7. 12.
이벤트 연결하기 노드.이벤트이름(on~)= function(){}동적으로 추가된 요소에 대해서는 이벤트가 붙지 않는다.노드.addEventListener("이벤트 이름", function(){});아래와 같은 구조이고 각각에 대하여 이벤트 연결이 되어 있을 때 a를 누르면 p 를 누른 것이 되고 inner, outer 를 누른 것이 되기 떄문에 부모 노드로 이벤트가 전파된다. 만약 부모 노드로 이벤트 전파를 제거하려면 stopPropergation을 실행한다. hello stopPropagation : 부모에게도 이벤트를 전닿해주고 싶지 않을 때 사용부모노드로의 이벤트 전파를 제거하는 함수 hell.. 2024. 7. 11.
같은 값인지 판별하기 == : 값이 같은지 판별. 문자열과 숫자도 값이 같으면 같다고 나온다.=== : 값과 자료형이 같은지 판별 2024. 7. 11.
새로운 노드 생성하기 innerHTMLcreateElement()예시 :  아예 기존것들 사라짐 인생에서 중요하게 여기는것 추가 가족 돈 쉬는시간 예시 : 기존꺼에서 추가 - createElement 이용 인생에서 중요하게 여기는것 추가 가족 돈 쉬는시간 이름 : 국어 : 영어 : 수학 : 추가 이름 국어 영어 수학 .. 2024. 7. 11.
이벤트 웹 화면에서 사용자가 키보드를 누르거나 , 마우스를 클릭하거나 윈도우 크기를 조절하는 행위는 웹 프로그램에 영향을 미치게 된다. 이러한 행위를 "이벤트"라고 한다. 이러한 행위가 일어났을 때 (즉 이벤트가 발생되었을 때 ) 어떠어떠한 프로그램에 영향을 미치게 될 내용을 작성할 수 있다.자바스크립트에서는 이미 키보드를 누르거나 마우스를 클릭하거나 하는 이벤트가 이미 만들어져 있고, 필요하다면 내가 만드는 프로그램에서 필요한 곳에 해당 이벤트에 시키고자 하는 일(함수)를 연결시켜주면 된다. => 이벤트 핸들러button 이벤트 종류 확인하기 이클립스에서 태그를 만들고 on까지만 쓰고 ctrl+space를 누르면 연결할 수 있는 이벤트 목록을 확인할 수 있다. this 의 사용이벤트가 연결된 함수에서 이벤트.. 2024. 7. 11.
변수의 자료형 자바스크립트에서는 변수를 사용할 때 따로 자료형을 지정하지 않는다. 값을 저장하는 순간 저장하는 데이터에 따라 자료형이 정해진다.typeof ==> 자료형 확인   변수 선언var : 중복 선언 가능let : 중복 선언 불가능const : 상수함수 만들기 function pro(){}var pro = function(){}function add(a, b){} --> 매개변수가 있는 함수function add(a,b){let r = a+b; return r; }--> 리턴 값이 있는 함수 2024. 7. 10.
문서 객체 조작 글자 조작textContent문서 객체 내부 글자를 순수한 텍스트 형식으로 설정한다.innerHTML 문서 객체 내부 글자를 html 형식으로 반영하여 설정한다.' 설정하고자 하는 글자가 html 형식이 아닐 떈느 textContent 나 innerHTML 의 차이가 없다. 스타일 조작style.속성명 = 값;  속성 조작setAttribute("속성이름", 값); getAttribute("속성이름") 2024. 7. 10.