목록Web (11)
Hello, Dino

Client가 Server로 요청을 보내는 방법인 HTTP Method에는 GET방식과 POST방식이 있다. GET 방식 GET 방식은 URL을 통해 간단한 데이터를 Server에 보낼 수 있도록 설계된 방식이다. 1. GET 방식은 URL를 통해 데이터를 전달하기 때문에, 보내는 양이 한정되어 있다. 초과된 데이터는 절단되어 전달된다. 2. 보낼 수 있는 양이 한정되어 있기 때문에 이미지, 동영상과 같은 바이너리 파일의 데이터는 전송이 어렵다. 3. URL을 통해 데이터를 전달하기 때문에 POST방식과는 다르게 Body는 공백으로 전달된다. 그럼, GET 방식은 어떤 경우 사용 될까? GET방식은 자료 검색, 상세 정보 조회와 같은 단순 데이터 조회를 위한 데이터 전달에 사용하기 좋다. 또는 단문 메세..
Page를 이동하는 방식에는 Redirect와 Forward가 존재한다. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getParameter("ID"); String pw = request.getParameter("PW"); // set request data request.setAttribute("ID", id); request.setAttribute("PW", pw); // forward request.getRequestDispatcher("main.jsp").forward(request, respon..

한글 깨짐 현상이 발생하기 때문에 한글 처리 (encoding) 작업이 필요하다. 한글 깨짐은 왜 발생하는 걸까?🤔 브라우저 -> web server -> dbms로 같은 내용의 한글이 서비스 처리를 하는 단계에서 매번 다른 문자 코드를 사용하여 재표현되기 때문이다. encoding 방법은 Get/Post Method 방식에 따라 다르다. Post 방식 - Servlet encoding Post 방식은 데이터가 요청정보 Body에 포함되어 전달되기 때문에 Servlet에서 어느 정도 컨트롤이 가능하다. servlet protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IO..
Cookie와 Session을 사용하는 이유는? 🤔 HTTP 프로토콜의 특징이자 약점을 보안하기 위하여 ! 1. 비연결지향 (Connectionless) Http 프로토콜은 클라이언트가 요청했을 때, 그에 맞는 응답을 보낸 후 연결을 끊는다. why? 수천명의 클라이언트가 요청을 보낼 때, 그 연결을 계속 유지하면 서버 부하 가능성 有 2. 상태정보 유지 X (Stateless) 클라이언트와 이전 통신에서 데이터를 주고 받았어도, 그 이후 통신에서는 이전 데이터를 유지하지 않음 때문에 서버와 연결이 끊어진 후에도 데이터 유지가 필요할 때 Cookie와 Session이 필요하다. Cookie🍪 : Http에서 Client State 정보를 웹브라우저에 저장하였다가 필요시 정보를 참조하거나 재사용한다. Co..

Html DOM은 Node로 이루어져있으며, Node에 정보를 저장한다. Node 종류 종류 설명 document Node Html 문서 전체를 나타내는 노드 element Node 요소 노드. 속성 노드를 가질 수 있는 유일한 노드. attribute node 요소 노드에 관한 정보를 가지고 있음. text node 텍스트 노드 comment node 주석 노드 Node 접근 1. getElementByTagName() 메소드를 이용한 접근 2. 노드 간의 관계를 이용한 접근 1. getEelementByTagName() 메소드 이용 특정 태그 이름을 가진 모든 요소를 노드 리스트의 형태로 반환한다. 2. 노드 간의 관계 Property Property parentNode 부모 노드 childNodes..

DOM (Documnet Object Model) 문서 객체 모델 (DOM)은 XML, HTML 문서에 접근하기 위한 일종의 인터페이스 Document 객체 Document는 웹페이지 그 자체를 의미한다. 만약 웹페이지의 html에 접근하고 싶다면, Document 객체부터 시작하여 접근해야한다. Html 요소 선택 👆 메소드 설명 dodocument.getElementById("ID") ID의 요소 선택 document.getElementsByClassName("Class"); Class에 속한 요소 선택 document.getElementsByName("Name"); Name 속성 값을 가지고 있는 요소 선택 document.getElementsByTagName("Tag Name"); 태그 이름의 요..

객체(Object): 고양이 🐱 Property : name, age, weight, color Method : eat, sleep, mew var cat = { // property name: "Nabi", age:1, weight: 1.2, color: "yellow" // method , eat: Function(food){return "Eat: " + food; } , sleep: Function(){return "Sleep ...";} , mew: Function(){return "Mew ...";} }; Object Property & Method 참조 // property cat["name"]; cat.name; // method cat.eat("food"); ※ Object Method 참..

Web Server Client의 요청 서비스 WAS를 거치지 않고 정적 콘텐츠 제공 동적 컨텐츠(html, css, jsp) 제공을 위한 요청을 WAS에 전달 ex) Apache WAS(Web Application Server) 동적 컨텐츠를 제공하기 위한 미들웨어 Web Container / Servlet Container라고도 불리며, JSP와 Servlet 구동 환경 제공 트랜잭션, 보안, 스레드 처리 등 기능을 분산하여 처리하는 분산 환경에서 사용 ex) Tomcat 1. WAS로 요청이 오면 컨테이너는 HttpServletRequest/HttpServletResponse 객체를 생성합니다. 2. web.xml을 참조하여 어떤 Servlet에 대한 요청인지 찾는다. 3. 컨테이너는 해당 Serv..