Web (48) 썸네일형 리스트형 [Javascript] DOM 개념 - 문서 객체 모델( DOM ) 이란? DOM( Document Object Model )은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요스를 정의하고, 각각의 요소에 접근하는 장법을 제공한다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다. 새로운 HTML 요소나 속성을 추가할 수 있다. 존재하는 HTML 요소나 속성을 제거할 수 있다. HTML 문서의 모든 HTML 요소를 변경할 수 있다. HTML 문서의 모든 HTML 속성을 변경할 수 있다. HTML 문서의 모든 CSS 스타일을 변경할 수 있다. HTML 문서에 새로운 HTML 이벤트를.. [Javascript] Javascript 인코딩 인코딩은 정보의 형태가 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 혹은 그 처리 방식을 말한다. 즉, 컴퓨터가 이해할 수 있는 형식으로 바꾸어 주는 것이다. - Javascript 인코딩 함수 ※ escape(),unescape() 함수는 자바스크립트 1.5버전부터 더는 지원하지 않으므로, encodeURI(),decodeURI() 함수나 encodeURIComponent(), decodeURIComponent() 함수를 대신 사용해야 합니다. 1. escaepe(), unescape() 전달받은 문자열에서 특정 문자들을 16진법 이스케이프 시퀀스 문자로 변환한다. escape('https://freewebdev.tistory.com/게시판/.. [Javascript] 함수 호이스팅( hoisting ) 자바스크립트에서 함수의 유효 범위라는 것은 함수 안에서 선언된 모든 변수는 함수 전체에 걸쳐 유효하다는 의미입니다. 그런데 이 유효 범위의 적용이 변수가 선언되기 전에도 똑같이 적용됩니다. 이러한 자바스크립트의 특징을 함수 호이스팅( hoisting )이라고 합니다. 즉, 자바스크립트 함수 안에 있는 모든 변수의 선언은 함수의 맨 처음으로 이동된 것처럼 동작합니다. - 예제 var globalNum = 10; // globalNum을 전역 변수로 선언함. function printNum() { document.write("지역 변수 globalNum 선언 전의 globalNum의 값은 " + globalNum + "입니다. "); // ① var globalNum = 20; // globalNum을 지역.. [WEB기초] DI(Dependency Injection) - 의존성 주입 DI(Dependency Injection) 스프링이 다른 프레임워크와 차별화되어 제공하는 의존관계 주입 기능으로, 객체를 직접 생성하는 게 아니라 외부에서 생성한 후 주입 시켜주는 방식이다. 객체 자체가 아니라 Framework에 의해 객체의 의존성이 주입되는 설계 패턴. DI를 통해서 모듈 간의 결합도가 낮아지고 유연성이 높아진다. Framework에 의해 동적으로 주입되므로 여러 객체간의 결합이 줄어든다. Dependency Injection은 Spring Framework에서 지원하는 IoC의 형태 설정에 명시된대로 Container가 1) bean 객체를 생성하고 2) 종속된 주입을 수행한다. Dependency Injection(의존성 주입)과 Inversion Of Control(제어의 역전.. [WEB기초] web.xml Web Application Structure(웹 서비스 기본 설정 구조) 1. src 개발자가 작성한 Servlet 코드가 저장된다. 2. Libraries Servlet이나 JSP에서 추가로 사용하는 라이브러리 또는 드라이버 jar로 압축한 파일 3. Web Content Deploy할 때 Web Content 디렉터리 전체가 .war로 묶어서 보내진다. WEB-INF lib 추가한 모든 라이브러리 또는 드라이버가 이곳에 모두 저장된다. classes 작성한 Java Servlet 파일이 나중에 .class로 이곳에 모두 저장된다. web.xml SUN에서 정해놓은 규칙에 맞게 작성해야 하며 모든 WAS에 대하여 작성 방법이 동일하다. .html 파일들 관련된 HTML 소스를 저장한다. Ex. Web.. [WEB기초] Servlet이란 Web Service의 기본적인 동작 과정 HTML Form -> Servlet -> HTML Page 사용자가 웹 페이지 form(HTML Form)을 통해 자신의 정보를 입력한다.(Input) Servlet의 doGet()또는 doPost()메서드는 입력한 form data에 맞게 DB 또는 다른 소스에서 관련된 정보를 검색한다. 이 정보를 이용하여 사용자의 요청에 맞게 적절한 동적 컨텐츠(HTML Page)를 만들어서 제공한다.(Output) 1. HTML Form input elements(Ex. 텍스트 상자)가 포함된 웹 페이지의 한부분(section) 사용자가 입력한 정보(form contents)를 웹 서버로 전송하기 위한 submit element(Ex. 버튼)가 존재한다. action에는.. [WEB기초] 로드 밸런서(Load Balancer) 1. 왜 Load Balancer가 필요한가? Client가 한 두명인 경우에는 Server가 여유롭게 사용자가 원하는 결과를 응답해 줄 수 있다. 2. Client가 한 두명이 아닌 수천만명이라면? Server는 모든 사람들의 응답을 해주려고 하지만 결국 동작을 멈추게 될 것이다. 3. 문제해결을 위한 방법 Scale-up : Server가 더 빠르게 동작하기 위해 하드웨어 성능을 올리는 방법. Scale-out : 하나의 Server보다는 여러대의 Server가 나눠서 일을 하는 방법. 1) Scale-Up(스케일 업) - 데이터의 양이 늘어나거나, CPU 사용율이 높아지거나, 메모리가 부족할 때, ... 서버의 크기(용량)을 증가(고성능 장비로 대체하는 것) - 프로그램 코드를 재작성하거나, 시스템.. [WEB기초] 소켓, 서킷, 패킷, TCP/IP 통신 1. 소켓(Socket) 소프트웨어로 작성된 추상적인 개념의 통신 접속점이라고 할수 있으며, 네트워크 응용 프로그램은 소켓을 통하여 통신망으로 데이터를 송수신하게 된다. 응용 프로그램에서 TCP/IP를 이용하는 창구 역할을 하며 응용 프로그램과 소켓 사이의 인터페이스 역할을 하고 있다. 두 프로그램이 네트워크를 통해 서로 통신을 수행할 수 있도록 양쪽에 생성되는 링크의 단자이다. 두 소켓이 연결되면 서로 다른 프로세스끼리 데이터를 전달할 수 있다. 소켓은 통신을 위한 일종의 통로리며, 소켓은 상대방에게 데이터를 보내거나 받는 역할을 한다. 연결을 수동적으로 기다리느냐, 능동적으로 연결하느냐로 서버, 클라이언트도 구분할 수 있다. 2. 서킷, 패킷 인터넷이 생기기 전까지 통신을 위해서는 양 쪽에서 연결이 .. 이전 1 2 3 4 5 6 다음
