본문 바로가기

Front-End/WEB

(4)
Client-Server 웹 개발 기술의 역사 1. 초기 웹 페이지는 웹서버가 간단하고 서버가 정적인 페이지를 보내주면 브라우저가 정적인 페이지를 랜더링만 하였다. 2. 1990년 중반에 동적 콘텐츠가 등장했다. 하지만 이 당시 클라이언트 측 컴퓨터가 좋지 못했고 javascript는 느렸기 때문에 서버측 프로세싱을 활용하는데 집중했다. 이렇다 보니 서버측에 MVC 패턴이 적용되기 시작했다. 3. 클라이언트-서버 방식 개발이란? 화면에는 데이터만 전달하고, 서버에서는 화면을 생성하지 않는 디자인을 말한다.
브라우저는 어떻게 동작 하는가? 소개 우리가 가장 많이 사용하는 웹브라우저에서 www.naver.com 입력시 어떤 과정을 거쳐 네이버 메인화면을 보여주는지에 대해 알아보자. 이 글에서는 오픈소스 브라우저에 대해 알아볼 것이다. 브라우저의 주요 기능 브라우저의 주요 기능은 사용자가 자원을 요청하고 그 자원을 브라우저에 표시해주는 것이다. 자원은 보통 HTML 문서지만 PDF나 이미지 형태일 수도 있다. 자원의 주소는 URI에 의해 정해진다. 브라우저는 HTML과 CSS 명세에 따라 HTML을 해석하여 브라우저에 그려준다. 초창기에는 해당 명세를 만드는 W3C(World Wide Web Consortium)을 잘 따르지 않아 호환성 문제를 심각하게 겪었지만 최근에는 대부분의 브라우저가 명세를 따르고 있다. 브라우저의 사용자 인터페이스는 ..
HTTP 스크립팅(AJAX) AJAX란? HTTP(HyperText Transfer Protocol)은 웹브라우저가 서버로부터 문서를 전송받거나 폼을 보내는 방법, 그리고 해당 요청의 내용에 대해 서버가 응답하는 방법을 명세한다. 즉, 웹브라우저는 많은 양의 HTTP를 처리한다. 일반적으로 HTTP 처리가 발생하는 경우는 스크립트에 의해서가 아니라 사용자가 url을 입력, 링크 클릭, 폼 전송을 통해서 일어난다. 자바 스크립트 코드를 이용해서도 HTTP를 조작할 수 있다. 예를 들어 Window 객체의 location 프로퍼티를 설정하거나 form 객체의 submit() 메서드를 통해 HTTP 요청을 발생할 수 있다. 하지만 전체 페이지를 불러들이지 않고 자바스크립트를 통해 웹서버와 통신하는 방법이 있다. 그것이 바로 AJAX이다...
JSON vs CSS?? JSON이 뭔데? JavaScript Object Notation(표기법) 브라우저와 서버간의 데이터 교환 어떻게 해야되지?? text로 밖에 안된다.... 교환 할때 JSON을 이용한다. JSON을 받으면 Javscript Object로 변환할 수 있고, 데이터를 보낼때 Javscript Object를 JSON으로 변환하여 보낸다. 이렇게 되면 복잡한 parsing이나 translation이 필요 없다. 한마디로 특정 언어에 종속적이지 않은 data 교환 format이다. 웹에서 JSON.parse()와 같은 API를 이용하면 서버와 쉽게 데이터를 주고 받을 수 있게 된다. JSON 공식 사이트는 없나? http://json.org/json-ko.html - JSON을 쓰려면 따로 라이브러리가 필요한가..