목록[WebStudy] Concept (17)
Everything has an expiration date
■■■ 부트스트랩(Bootstrap) ■■■ ○ 웹 개발의 흐름 (웹 어플리케이션) 홈페이지 ----------> 웹 사이트 ----------> 웹 서비스 ----------> 웹 앱 - 읽기 위주의 - 쓰기 가능한 - 기능성 - 실시간 정적 콘텐츠 동적 콘텐츠 개발 생산성 상호작용 - HTML - CGI & - MVC 서버 - 경량 서버 제작도구 서버 페이지 프레임워크 프레임워크 + + AJAX 툴킷 프론트엔드 프레임워크 ★ CGI(Common Gateway Interface) : 공용 게이트웨이 인터페이스 웹 서버 상에서 사용자 프로그램을 동작시키기 위한 조합이다. (프로그램을 실행 시킬때마다 프로세스를 발생시키는 것. 이것을 개선하기 위해 CGI 확장을 쓴 것이다. JSP, Servlet...) ..
■■■ JSON(JavaScript Object Notation) ■■■ ○ JSON(JavaScript Object Notation) 이란? - JavaScript Object Notation, RFC 4627 - JavaScript 구문 형식을 따르며, 언제나 플랫폼에 독립적 - 미디어 타입 : 'application/json' - 표현 가능한 자료형 : object, array, string, number, boolean, null ○ 개요 JSON(JavaScript Object Notation)은 네트워크 상에서(대표적으로 인터넷 상에서) 데이터를 주고 받을 때, 그 데이터를 표현하는 방법이다. 자료의 종류에 큰 제한은 없으며 특히 프로그램의 변수값을 표현하는데 적합하다. ( * 10byte 데..
■■■ AJAX(에이작스) ■■■ 동기 : 아메리카노 주문하고 한 사람 주문이 끝나고 결제할 때까지 대기 후에 다음 손님 비동기 : 아메리카노 주문 후 진동벨 받음. 다음 손님 바로 주문 가능~!! AJAX 처리 : 검색한 부분에 대한 필요 데이터(조각 데이터)만 가져와 준다. 페이지를 다시 렌더링 Ⅹ xml : 숨겨서 데이터 전송 처리 주소 찾기 : AJAX, 모달(브라우저 내부에서 상위 레이어를 띄운다.), 팝업(웹에서 새 창) ○ 개요 AJAX 는 XML 에 기반한 종합 기술로 비동기 자바스크립트 XML (Asynchronous Javascript And Xml) 을 줄인말로 자바스크립트로 HTTP 요청을 보내서 XML 응답을 받아 사용하는 기술이다. AJAX 는 하나의 독립된 기술이... 아니다...
■■■ JQuery(제이쿼리) ■■■ ○ 개요 - jQuery 는 빠르고 간결한 Javascript Library - HTML Document traversing, 이벤트 처리, 애니메이션, AJAX 를 단순화 하여 빠른 웹 개발을 가능하게 한다. - CSS 규격 지원 : CSS 1 ~ 3 와 기본 XPath 지원. - 다양한 브라우저 지원. - 경량 파일(약 90kb 수준의 파일 크기) - John Resig 에 의해 개발. ( * 자바스크립트 모든 내용 구현 ←(상호호환)→ jQuery) ( * 같은 기능을 수행하더라도 jQuery의 코드는 상당히 짧다) ○ jQuery 를 사용함으로써 얻을 수 있는 장점 - HTML 과 DOM, CSS 의 변경이 간편하다. - 이벤트 처리가 간편하다. - 애니메이션..
■■■ 16 모델2 기반의 MVC 패턴 ■■■ ○ 개요 MVC 패턴에서 MVC 는 각각 Model, View, Controller 를 의미하는 것으로 Model 은 데이터 또는 기본 기능(업무 로직)을 말하며, View 는 유저 인터페이스를 말한다. 이 두 가지는 시스템 개발에 있어서 반드시 필요한 부분이다. MVC 패턴은 C 패턴이라고 불러도 괜찮을만큼 한 마디로 말해 Controller 라는 레이어 계층을 두는 것이 가장 중요하다. 즉, Graphical User Interface 를 활용하는 과정에서 Model 과 View 계층 사이에 Controller 계층을 만들어 사용할 수 있도록 하는 것이다. ( * 필요하지 않은 Controller를 생성하여 MVC 패턴을 생성할 때 Controller가 ..
■■■ DBCP(DataBase Connection Pool) ■■■ ○ 커넥션 풀(Connection Pool) 기법이란, 데이터베이스와 연결된 커넥션을 미리 만들어 풀(pool) 속에 저장해 두고 있다가 필요할 때에 커넥션을 풀에서꺼내어 가져다 쓰고 다시 풀에 반환하는 기법을 말한다. ( ex : 열쇠 통 안에 열쇠 여러 개를 미리 담아 놓는 것...) ○ 데이터베이스를 연결하기 위한 커넥션(Connection)은 객체이다. 이 객체는 새롭게 만들어지는 과정에서 많은 시스템 자원을 요구하게 된다. 객체가 메모리에 할당되고, 객체에 사용할 여러 자원들에 대한 초기화 작업 그리고 객체가 더 이상 필요하지 않게 되었을 때 메모리를 회수하는 과정 등에서 많은 비용이 발생하고 요구되는 것이다. ○ JSP 페이..