본문 바로가기

코딩 공부204

[Java] Servlet 서블릿(Servlet) Dynamic Web Page를 만들 때 사용되는 자바 기반의 웹 애플리케이션 프로그래밍 기술입니다. 서블릿은 다양한 요청과 응답, 요청과 응답에 대한 규칙이 있습니다. 이와같은 웹 요청과 응답의 흐름을 간단한 메서드 호출만으로 체계적으로 다룰 수 있게 해주는 기술입니다. 서블릿의 주요 특징 클라이언트의 Request에 대해 동적으로 작동하는 웹 애플리케이션 컴포넌트 HTML을 사용하여 Response 한다. JAVA의 스레드를 이용하여 동작한다. MVC 패턴에서의 컨트롤러로 이용된다. HTTP 프로토콜 서비스를 지원하는 javax.servlet.http.HttpServlet 클래스를 상속받는다. UDP보다 속도가 느리다. HTML 변경 시 Servlet을 재 컴파일해야 하는 단점.. 2022. 11. 4.
[JS] DOM 조작 DOM 조작 새로운 노드를 생성하여 DOM에 추가하거나 기존 노드를 삭제 또는 교체하는 것 innerHTML setter와 getter 모두 존재하는 접근자 프로퍼티(속성), HTML 마크업 수정 및 반환 가능 $divEle.innerHTML = 'HelloBye'; // 이와 같이 사용하면 해당 태그 내의 text와 태그까지 변경가능 textContent setter와 getter 모두 존재하는 접근자 프로퍼티(속성), 요소노드의 모든 텍스트(자손노드 포함)를 반환합니다. 단, HTML 마크업은 무시합니다. $divEle.textContent nodeValue setter와 getter 모두 존재하는 접근자 프로퍼티(속성), 텍스트노드의 프로퍼티입니다. 즉, 텍스트노드 이외의 노드에서는 null를 반환.. 2022. 11. 2.
[JS] DOM 노드탐색 DOM 노드탐색 요소노드를 취득한 다음, 취득한 요소노드를 기점으로 부모, 형제, 자식 노드 탐색 1. 자식노드 탐색 자식노드를 탐색하기위해서 탐색 프로퍼티 사용 1) childNodes: 자식노드를 모두 탐색 후 NodeList에 담아 반환(요소노드뿐만 아니라 텍스트노드포함) 2) children: 자식중 요소노드만 탐색 후 HTMLCollection에 담아 반환 3) firstChild: 첫번째 자식 노드 반환(요소노드, 텍스트노드) 4) lastChild: 마지막 자식 노드 반환(요소노드, 텍스트노드) 5) firstElementChild: 첫번째 자식 요소 노드 반환 6) lastElementChild: 마지막 자식 요소 노드 반환 ※ 자식 노드 존재 여부 확인 hasChildNodes(): tr.. 2022. 11. 2.
[JS] DOM(Document Object Model) DOM(Document Object Model) 객체 HTML 문서의 계층적 구조와 정보를 표현하여 이를 제어할 수 있는 API 즉, 프로퍼티(속성)와 메소드를 제공하는 트리 자료 구조 DOM생성과정 바이트 → 문자 → 토큰 → DOM객체 문서노드 DOM 트리의 최상위에 존재하는 루트 노드 document 객체를 가리킨다. window.document 혹은 document로 참조하며 요소, 어트리뷰트(속성), 텍스트노드 접근시 문서 노드를 통해야합니다. 요소노드 HTML 요소를 가리키는 객체로 부자관계를 가진다(부모노드와 연결) 문서의 구조를 표현합니다. 어트리뷰트 노드 const $inputEle = document.getElementById('ksmart'); console.log({ $inputEl.. 2022. 11. 1.
[JS] 브라우저 객체 브라우저 객체 웹 브라우저와 관련된 객체의 집합입니다. - 최상위 객체는 window 객체이다. - window 하위 객체 - document(문서영역) - location(주소창) - history(방문기록, 페이지이동) - navigator(사용자의 브라우저 정보, 운영체제의 정보) - screen(사용자 디바이스 정보) - window 식별자는 생략이 가능하다. window 메서드 1. open(), close() - open('새창 주소', '새창 제목', '새창 옵션') : 새창 - close() : 창 닫기 let popup = open( "https://www.naver.com", "팝업", "width=500; height=500; top=100; left=100; scrollbar=yes.. 2022. 11. 1.
[Web] 브라우저 렌더링 브라우저 렌더링 파싱 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 들여 실행하기 위해 텍스트 문자을 토큰으로 분해(어휘 분석)하고, 토큰에 문법적 의미와 구조를 반영하여 파스 트리를 생성하는 일련의 과정입니다. (프로그램 런타임 환경에서 실제로 실행할 수 있는 내부 포맷으로 분석하고 변환하는 것을 의미) 파서 파싱을 하는 프로세서, 구문분석(파싱)을 행하는 프로그램 렌더링 HTML, CSS, 자바스크립트로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력 URI(Uniform Resource Identifier, 통합 자원 식별자) 인터넷에 있는 자원을 나타내는 유일한 주소로 인터넷에 존재하는 각종 정보들의 유일한 이름이나 위치를 표시하는 식별자이다. . URL(Uniform Resource.. 2022. 11. 1.

티스토리툴바