본문 바로가기

전체 글63

17. redirect, forward 리다이렉트 (Redirect) 리다이렉트는 HTTP프로토콜로 정해진 규칙이다.서버는 클라이언트의 요청에 대해 특정 URL로 이동을 요청할 수 있다. 이를 리다이렉트라고 한다.서버는 클라이언트에게 HTTP 상태코드 302로 응답하는데 이때 헤더 내 Location 값에 이동할 URL 을 추가한다. 클라이언트는 리다이렉션 응답을 받게 되면 헤더(Location)에 포함된 URL로 재요청을 보내게 된다. 이때 브라우저의 주소창은 새 URL로 바뀌게 된다. 클라이언트는 서버로부터 받은 상태 값이 302이면 Location헤더값으로 재요청을 보내게 된다. 이때 브라우저의 주소창은 전송받은URL로 바뀌게 된다. 서블릿이나 JSP는 리다이렉트하기 위해 HttpServletResponse 클래스의 sendRedirec.. 2018. 7. 10.
16. JSP JSP란? JSP 는 서버에서 모든 처리를 수행하는 서버 측 기술입니다. 자바를 프로그래밍 언어로 사용하여 동적 웹 응용 프로그램을 만드는 데 사용됩니다. 기본적으로 모든 HTML 파일은 ".html"에서 ".jsp"로 파일 확장명을 변경하여 JSP 파일로 변환 할 수 있습니다. HTML과 JSP의 차이점은 HTML 내부에서 자바 코드를 사용할 수 있다는 것입니다. JSP에서는 JSP 태그를 사용하여 HTML에 Java 코드를 사용할 수 있습니다. JSP의 라이프사이클 기본적으로 JSP의 라이프사이클은 서블릿과 동일하다. 처음에 JSP가 서블릿으로 변환되는 과정만 추가한다면.JSP는 먼저 Servelts으로 변환된 다음 해당 서블릿이 Server에 의해 처리된다. 클라이언트가 서버에 요청하면 먼저 컨테이.. 2018. 7. 10.
15.ajax 통신 Ajax (Asynchronous JavaScript and XML) Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 브라우저에서 웹페이지를 요청하거나 링크를 클릭하면 화면 갱신이 발생한다. 이것은 브라우저와 서버와의 통신에 의한 것이다. 쉽게 말해 새로고침 없이 서버로부터 데이터를 주고 받는 기술이다. XML, Plain Text, JSON 등 다양한 포맷의 데이터를 주고 받을 수 있다. JSON (JavaScript Object Notation) JSON(JavaScript Object Notation)은 클라이언트와 서버 간 데이터 교환을 위한 규칙 즉.. 2018. 7. 9.
14. Event Event 브라우저에는 많은 이벤트가 발생합니다. 브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생합니다. 이벤트를 브라우저가 발생시켜주니, 우리는 그때 어떤 일을 하라고 할 일을 등록할 수가 있습니다. 다시 말해, HTML엘리먼트별로 어떤 이벤트(주로 키보드나 마우스 관련)가 발생했을 때 특정 행위를(어떤 일) 하고 싶다면, 대상엘리먼트를 찾고 어떤 일을 등록하면 된다.그것을 자바스크립트로 구현할 수 있습니다. 이벤트 등록방법 addEventListener함수를 이용합니다. 예시 : console을 확인하려면 codepen에서 확인. or 오른쪽 클릭 개발자도구에서 콘솔에서 확인가능 event type에는 어떤 것들이 있나요? 마우.. 2018. 7. 9.
프로그래밍 인터넷 강의 사이트 추천 프로그래밍을 시작하고 약 3개월간 가장 많이 찾아본 것이 프로그래밍 인터넷 강의 사이트인것 같다. 인강정보를 찾는분들께 조금의 도움이 되었으면 좋겠다. 프로그래밍 강의 1. 생활코딩 (무료) ★★★★★ : https://opentutorials.org/course/1 너무나도 유명한 사이트. 프로그래밍의 프자도 모를 때 많은 도움을 받은 사이트이다. 아직도 다 보지못한 강의가 많다. 강의해주시는 이고잉님의 꿀떨어지는 목소리에 잠에 빠져들 수 있으니 조심..! 2. 인프런 (유/무료) ★★★★ : https://www.inflearn.com/ 여러 인터넷 강의들을 한데 모아놓은 사이트. 기초적인 것부터 심화과정까지 무료, 유료인 강의들이 많다. 3. edwith (무료) ★★★★★ : https://www.. 2018. 7. 9.
13. DOM, Query Selector DOM(Document Object Model)브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다.그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다.브라우저는 DOM Tree를 찾고 조작하는 걸 쉽게 도와주는 여러가지 메서드를(DOM API)를 제공합니다. 1. 하나의 요소 선택document.getElementById(id)document.querySelec.. 2018. 7. 4.
반응형

티스토리툴바