Programming/Web
-
[Web] SPA(Single Page Application)Programming/Web 2020. 4. 2. 16:26
기존의 웹 서비스 기존의 웹 서비스는 링크(앵커 )를 클릭하면 해당 페이지로 이동하게 된다. 앵커에 명시되어있는 자원(일반적으로 html)을 서버에 요청하고 응답으로 받으 내용을 브라우저에 표현하게 된다. 이런식으로 매 페이지 마다 서버에 문서를 요청하고 응답받아서 표현한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 MAIN main sub1 sub2 MAIN This is main page. Colored by Color Scripter cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 SUB1 main sub1 sub2 SUB1 This is sub 1 page. Co..
-
[JavaScript] call, apply, bindProgramming/Web 2020. 4. 1. 21:47
call func.call( this, arg1, arg2,... ) call 메서드는 모든 함수에서 사용할 수 있으며 this를 특정값으로 지정할 수 있다. - this : 지정 객체 - arg1, arg2 : 객체를 위한 인수 apply func( this, [ argsArray ] ) apply 메서드는 call의 역할과 완전히 같지만, 인수를 배열로 전달한다. - this : 지정 객체 - [argsArray] : 객체를 위한 인수 배열 bind func.bind( this, arg1, arg2,... ) bind 메서드는 함수의 this 값을 영구히 바꿀 수 있다. bind 메서드를 호출하면 this를 받으면서 새 함수를 리턴한다. - this : 지정 객체 - arg1, arg2 : 객체를 위..
-
[Web] Ajax 시작하기Programming/Web 2020. 3. 23. 20:01
Ajax란? Asynchronous JavaScript And XML을 말한다. 서버와 통신하기 위해서 XMLHttpRequest 객체를 사용하는 것을 말한다. AJAX를 통해서 JSON, XML, HTML 그리고 일반 텍스트 형식을 포함한 다양한 포맷을 주고 받을 수 있다. AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행되는 "비동기성"이다. 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트할 수 있게 해준다. 페이지 새로고침 없이 서버에 요청하면 서버로부터 데이터를 받고 작업을 수행한다. XMLHttpRequest JavaSctript를 이용하여 서버로 보내는 HTTP Request를 만들기 위해서는? 그에 맞는 기능을 제공하는 Object의 인스..
-
[Web] Accept와 Content-typeProgramming/Web 2020. 3. 18. 15:39
Request Header에서 Accept와 Content-Type `Accept`는 클라이언트가 서버에게 우린 이런 데이터 타입을 허용할거야 하고 알려주는 것 `Content-Type`은 클라이언트가 POST/PUT 방식으로 서버에 요청할 때 body 영역에 전달되는 form data의 데이터 타입을 서버에서 해석할 수 있도록 알려주는 것 서버에서 보내는 Response Header의 Content-Type도 마찬가지로 브라우저가 해석할 데이터 타입에 대해 미리 알려주는 것이다.
-
[Web] CGI, Servlet, JSPProgramming/Web 2020. 3. 6. 23:58
CGI > Servlet > JSP 는 다음 개념이 등장한 순서이다. 웹의 역사와 함께 각 개념들이 등장한 흐름과 정의를 알아보자. 처음 웹이 등장하고 활성화 되지 않았을 때는 정적인 데이터(HTML, XML, 이미지 파일 등)를 전달하는 것 만으로도 충분했다. 그러나 웹이 발달하면서 사용자와 상호작용하는 결과를 보여주는 동적인 페이지가 필요하게 되었다. 예를들어 이용자의 ID에 정보에 따라 그에 맞는 결과를 보여주는 페이지. 그러나 기존의 웹 서버는 정적인 페이지를 보여주는 용도로 만들었기 때문에 사용자의 요청을 받아 정보를 동적으로 생성하고 이를 다시 클라이언트로 보여주는 것이 불가능했다. 따라서 서버에서 다른 프로그램을 불러내고 그 프로그램의 동적인 처리결과를 클라이언트로 보내줄 수 있는 인터페이스..
-
[Web]왜 spring을 사용해야 하는가?Programming/Web 2020. 1. 23. 12:58
Spring을 사용하지 않는다면? 1. 서블릿을 사용해야 한다. 2. 객체들의 생성/소멸에 신경을 써야 한다. 3. 변경에 유연하게 대응하기 위해서 여러 패턴들을 직접 구현해야한다. 4. 인증/보안/로깅 등 공통으로 필요한 모듈들은 직접 만들어야 한다. 5. 이외에 새로운 모듈들을 활용하기 위해서 많은 노력이 필요하다. 6. 여러 사람이 각각 자기만의 패턴과 자기만의 스타일대로 프로그램을 만들어 유지보수와 코드 분석이 불가능할 것이다.. 참조 https://opentutorials.org/course/2428/13594
-
[Web] Browser의 동작Programming/Web 2020. 1. 15. 22:56
Browser? 브라우저는 WWW(World Wide Web)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어이다. 브라우저의 역할은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다(user-agent). 브라우저가 HTML, CSS 파일을 해서하는 방법은 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정한다. Browser Component 브라우저의 구성 요소는 다음과 같다. User Interface : 사용자가 보는 화면. 주소 표시줄, 이전/다음, Exit 버튼 등 Browser Engine : 브라우저 SW를 동작시켜주는 핵심 엔진. UI와 렌더링 엔진 사이의 동작을 제어 Rendering Engine : 요청한 컨텐츠(HTML, CSS 등)..