잘하자 IT

EL 표현식이란 Expression Language 표현식이라고도 부른다 기존에 사용했던 표현식(출력식) : %= 변수/ 메소드 호출%>위에 표현식과 비슷하게 JSP상에 표현하고자 하는 값을 작성하는 방법 EL 표현식 : $ {변수 / 메소드 } 형식으로 작성한다 index.jsp 파일 - *index.파일 -web.xml 파일에 welcome=file로 등록이 되어있다       index.html     index.jsp     index.htm     default.html     default.jsp     default.htm          pageEncoding="UTF-8"%>  JSP 문법         * EL(Expression language) 표현식         [1] E..

JSP란, HTML 내에 자바코드를 쓸 수 있는 자바언어이다 Servlet에서 응답화면을 구현했던 복잡함을 간단하게 하는 기능이다 JSP 가장 큰 장점은 Servlet에서는 비즈니스 로직에만 집중하고 프리젠테이션 로직(화면 구성은) JSP에서 집중하도록 분리할 수 있는 것이다  지시어 : @ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> page import="java.util.ArrayList, java.util.Date" %>   : 사용 JSP 페이지 전체에 영향을 미치는 설정(정보)를 작성할 때 사용된다.  page 지시어 : 현재 jsp 페이지를 처리하는데 필요한 속성들을 작성하는 부분이다  la..

POST 방식은 사용자가 입력한 값이url에 보이지 않는다. 주로 로그인 혹은 회원가입때 사용이된다고 한다 localhost:8888/1_Servlet/test2.do 순수 서블릿 방식 : JSP(Java Server Page) 방식 : html 내에 Java 코드 작성  setAttribute(String, object) :request객체에 전달하고 싶은 값을 String 이름으로 Object저장하는 메소드getAttribute(String) : 매개변수와동일한 객체 속성값 불러오는 메소드 해당 메소드는 주로 데이터를 다른 응답 페이지로 전달하는 데 자주 사용이 된다 (웹 애플리케이션에서 요청 처리 후, 데이터를 다음 페이지로 넘기기 위해 유용하다)  // 응답 페이지에서 필요한 데이터를 정리하여 전..

Get 방식URL 창에 "?" 뒤에 데이터를 입력하는 방법이다 데이터가 여러 개일 경우 &로 묶어서 보낸다 데이터 검색에 많이 사용하고 데이터 크기에 한계가 있으며 보안이 취약하다는 단점이 존재한다.  localhost:8888/1_Servlet/test.do?userName=&age=20&address=서울&height=160 예시 주소이다. test.do 바로뒤에 ?가 있는 게 보인다  Get 방식 메소드 정리   protected void doGet(HttpServletRequest request, HttpServletResponse response) doGet 메소드 : client에서 데이터 전송 방식을 get 방식으로 전송하면 호출되는 메소드이다  request : 요청 시 전달된 내용들이 담..

서블릿이란 자바 기반의 웹 프로그램 개발을 위한 기술이다 자바로 작성된 프로그램을 실행할 수 있는 서버 소프트웨어(톰캣)을 통해 관리가 된다. 즉 서블릿을 실행 시키기 위해서는 톰캣과 같은 서블릿 컨테이너가 필요하다  동적인 페이지를 자바로 구현할 수 있게 도와주는 서버측 프로그램이다 (Java로 html 구현) head>body>        h1>안녕? 서블릿!h1>                h2>* Servleth2>                p>            서블릿 : 웹 서비스를 위한 b>자바 클래스b>. 자바를 사용해서 웹을 만들기 위한 기술            => 사용자의 요청을 받아서 처리하고 그에 해당하는 응답페이지를 만들어서                  다시 사용자에게 전..

Web Server는 클라이언트가 웹 브라우저를 통해서 요청한 정적 페이지를 제공하는 역할을 한다 * 클라이언트란?? 서버에서 받은 서비스를 사용하는 사용자이다  즉 웹 서버란 인터넷을 기반으로 클라이언트에게 웹 서비스를 제공하는 컴퓨터이다  클라이언트는 웹 서버에게 URL을 가지고 통신 규칙 http알맞은 내용 html을 응답 받을 수 있다  서버는 클라이언트의 요청을 가지고 요청의 대한 데이터룰 가지고 응답한다. 이 때 데이터는 웹에서 처리할 수 있는 html, css 이미지 등 정적인 데이터로 한정한다   단점 : web Server는 정적인 자료만 제공을 할 수 있다 즉 한정적인 서비스를 제공하게 된다  Web Server는 빠른 처리속도와 요청에 대한 결과 페이지만을 전송하기 때문에 구현이 쉽다..

* each 메소드 : 배열의 모든 인덱스에 순차적으로 접근할 수 있는 메소드객체를 대상으로 사용할 경우 모든 속성에 접근할 수 있다.  방법 1 )$.cach(객체|배열, function(키|인덱스, 밸류(값)){}) $.each(arr,function(index[키], value[밸류]){console.log(index + ", " + value)}) $(arr).cach(function(index, value){console.log(index + "," + value);})            for(let index in arr){                console.log(index + " : " + arr[index]);            } for of => 배열에서만 사용이 가능하다..

요소 생성 및 제거  * 삽입 관련 메소드 선택된 요소를 기준으로 새로운 요소를 추가시켜주는 메소드          $(A).append(B) : A 요소 내에 B 요소를 추가(자손/하위)        $(A).prepend(B) : A 요소 내에 앞부분에 B 요소를 추가(자손/하위)                $(A).after(B) : A 요소 뒷부분에 B 요소를 추가 (동위)        $(A).before(B) : A 요소 앞부분에 B 요소를 추가(동위) $(A).append(B) : A 요소 내에 B 요소를 추가 (자손/하위)$(A).prepend(B) : A 요소 내에 앞부분에 B 요소를 추가(자손/하위) $(A).after(B) : A 요소 뒷부분에(요소 내 : X) B 요소를 추가(동위)..

요소 선택하기  기본 선택자  * 아이디 선택자  id란 특정 교유한 아이디 값을 가진 요소이다     script>            $(function(){                // 순수 자바스크립트 방식                 document.getElementById('id1').style.color = "red";                document.getElementById('id2').innerHTML = '오마이갓!';                                $('#id1').css('color','blue');                $('#id2').html('오 ~ 이렇게?');                // .html() : 선택된 요소의 ..

jQuery 구문으로 DOM 요소를 다루는 구문을 사용하기 위해서문서 상의 모든 요소들이 만들어진 이후 실행되어야 함 => 순수 자바스크립트 onload  [window]onload = function(){}// 화면이 모두 만들어진 이후 실행할 코드  window.onload의 경우 해당 문서에서 단 한번만 작성가능!             => jQuery에서의 onload(3가지 구문)            pre>                (1) jQuery(document).ready(function(){                    // 실행할 내용                });                (2) $(document).ready(function(){            ..