막내의 막무가내 프로그래밍 & 일상

오늘은 DOM과 쿼리셀렉터에 대해 포스팅할려고한다. 만약 HTML이 구조란게 없이 막짜여지면 가독성도 떨어지고 여러모로 안좋을 것이다. 그래서 구조적인 모델로 짜기위해 DOM이라는 모델을 기준으로 한다. 1. DOM 브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 결국 HTML element는 Tree 형태로 저장됩니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다. 그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다. 브라우저는 DOM Tre..

호이스팅 관련 내용 강의 처음영상 https://www.edwith.org/boostcourse-web/lecture/16695/

Servlet 라이프 싸이클에 대해 간단하게 정리한 포스팅을 할려고한다. 먼저 라이프사이클은 다음구과 같은 구조와 같다. 이것을 직접 확인해보았다. 다음과 같이 코딩을하고 실행시켜본다. 해당서블릿클래스를 생성해서 메모리에 올린후(생성자) intit메소드가 호출됨을 볼 수 있다. 그리고 service메소드가 호출됨을 알 수 있다. 만약 다시실행키면 다음과같이 service메소드만 호출됨을 볼 수 있다. (두번 다시실행시킨 결과이다.) 만약 init메소드의 구현내용이 바뀌면 해당 객체는 메모리에 사라지므로 destory메소드가 호출된다. init메소드에 @이를 추가하고 저장한 결과이다. 마지막으로 doPost와 doGet방식에 대해도 살짝 알아보겠다. 실행시켜보면 처음에 url로 요청해서(Get방식으로 요청..

1. 3이상 @WebSerblet("/ten") 으로 어노테이션이 되어있는것을 볼 수 있다. URL 맵핑주소이다. 2. 3.0미만 (2점대) 3.0과 다르게 어노테이션이 안되있다. web.xml은 다음과 같이 되있다. 만약 ten으로 url을 http://localhost:8090/exam25/ten 이런식으로 ten이라는 이름으로 url에 요청을 보냈으면 web.xml에서 태그 사이에서 url-pattern에서 해당 ten이라는 이름이있는지 찾고 있으면 ten과 같은 상위태그 에 있는 TenServlet이라는 servlet-name이 같은걸 태그 에서 찾아서 실제 class인 exam이라는 패키지안에있는 exam.TenServlet을 실행시켜주게됩니다. 정리하자면, 1. 요청한 url맵핑과 같은 url..

CSS는 똑똑하게 동작하며 우선순위가 있다. 1. 첫번쨰 우선순위 먼저 크게 우선순위를 나누면 inline방식 < internal, external 이다. internal과 external은 뭐가 뒤에 오냐에 따라 우선순위가 그떄그떄 달라진다. (CSS는 기본적으로 만약 똑같은 내용이 있을 경우 뒤에 온 CSS스타일을 적용한다. 예를들어 이렇게 head태그사이에 internal방식과 그 뒤에 external방식이 있다고 치자. 물론 css.css에도 똑같이 internal 스타일처럼 div { color:blue; } 이렇게 되있는데 색만 blue라고 해보자. 그럼 external 방식이 internal방식보다 뒤에 선언되있으므로 external css가 적용되서 div태그사이의 색은 blue가 된다. ..

클라이언트가 서버에 데이터를 요청을 하고 서버로부터 받은 데이터 즉 웹을 통해서 전달된 데이터를 브라우저를 통해 화면에 띄워주게 된다. 여기서 브라우저는 크롬, 익스플로어, 사파리, 파이어폭스 등 여러가지가 있다. 그럼 화면에 띄워주기위한 브라우저의 동작방식이 있을 것이다. 브라우저는 데이터를 해석해주는 파서와 해석한 데이터를 화면에 표현해주는 렌더링 엔진이 있는데 파서로 전달받은 데이터를 세부적으로 나눠서 해석하게되고 랜더링작업을 마친 후 화면을 띄워주게 된다. 다음 밑 그림을 참고하도록하자. 사파리 브라우저에서 처리되는 webkit렌더링엔진의 처리과정출처 https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 이런식으로 HTML, CSS..

HTTP는 팀 버너스리와 그의 팀이 발명하였으모 Hypertext Transfer Protocol의 약자이다. HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜이다. HTTP는 서버/클라이언트 모델이며, 장점과 단점은 다음과 같다. 장점 - 불특정 다수를 대상으로 하는 서비스에는 적합하다. - 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 클라이언트와 서버 간의 최대 연결 수보다 훨씬 많은 요청과 응답을 처리할 수 있다. 단점 - 연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다. - 이러한 특징을 무상태(Stateless)라고 말한다. - 이러한 특징 때문에 정보를 유지하기 위해서 Cookie와 같은 기술이 등장하게 되었다. 또 HTTP를 공부하면 URL..