기록공간

웹 애플리케이션의 개념 웹 애플리케이션은 웹 브라우저의 요청에 대하여 처리한 결과를 보여주는 프로그램을 의미한다. 사용자가 어떤 상태로 무엇을 요청했느냐에 따라 스스로 판단하여 자동으로 각각에 대한 처리 결과를 보여주는 프로그램이다. 웹 애플리케이션의 구성 요소 웹 브라우저 인터넷 익스플로러, 파이어폭스, 오페라, 크롬, ... 웹 서버 웹 서버란 웹 브라우저를 이용하여 World Wide Web을 사용하는 클라이언트에게 미리 저장된 하이퍼텍스트(Hyper Text)를 제공하는 서버이다. 대표적으로 MS 기반의 IIS 서버와 유닉스 기반의 아파치 서버 등이 있다. 웹 애플리케이션 서버 (WAS : Web Application Server) 처리 결과값을 웹 서버에 전달 클라이언트가 어떤 페이지를 요청했느..

GET 방식 ex) https://news.naver.com/main/list.nhn?mode=LSD&mid=sec&sid1=001 가. https://news.naver.com/main/list.nhn ? → 요청 페이지 (주소) 나. mode=LSD & mid=sec & sid1=001 → 전송 데이터 (데이터) GET 방식은 엽서를 보내는 방식과 유사한 전송/요청 방식이다. 주소 + 데이터 가 모두 노출되며 서로 묶여있다. 전송할 데이터를 문자열 형태(Query String)로 URL 뒤에 인수로 붙여서 전송하는 방법(방식)이다. URL 뒤에 인수로 붙어있는 내용을 누구나 볼 수 있고 이로 인해 보안성이 취약하다. GET 방식은 보낼 수 있는 데이터 양에 한계가 존재하기 때문에(과거에..) 많은 데..

JSP(Java Server Page) ? JSP는 웹 프로그램 작성 언어의 한 종류이다. JSP는 동적(Dynamic)인 웹 페이지를 비교적 간단히 만들 수 있는 방법을 제공하는 자바를 기반으로 하고 있는 스크립트 언어(Server Side Script)로 자바 엔터프라이즈 어플리케이션에서 UI(User Interface) 영역을 담당하고 있다. JSP는 자바를 서버 환경에서 사용하는 스크립트 방식의 언어로 단일 스레드로 클라이언트의 요청에 대한 서비스를 제공한다. 프로세스를 생성하는 기존의 CGI(Common Gateway Interface)와는 달리 하나의 메모리를 공유하면서 서비스 되는 원리를 가지고 있다. 이런 작동 방식은 서버측 부하를 줄여주며, JSP 내부에는 보여주는 코드만 작성하고 직접 ..

· 자바스크립트의 특징 1. 인터프리트 언어 컴파일 과정이 필요없이 브라우저가 읽고... 해석하고... 실행한다. 2. 동적 데이터타입 모든 변수를 『var』로 선언하면 끝이다. 데이터 타입을 별도로 지정해 줄 필요가 없다. 3. 객체 지향 언어 단, 자바와 다른 점은 클래스 개념을 사용하지 않으며 프로토타입을 활용하게 된다. · 직접적으로 많이 사용하는 용도 1. 이벤트에 반응하는 동작의 구현 2. AJAX 를 통해 페이지 로딩 과정 없이 컨텐츠 연동이나 데이터 제출 가능 3. HTML 엘리먼트 구조 / CSS 디자인 등을 동적으로 전환 4. 사용자 입력 데이터에 대한 검증 · 자바스크립트 객체 1. 내장 객체, 사용자 정의 객체 ※ 내장 객체는 생성자 함수가 미리 작성되어 있으며 사용자 정의 객체는 ..

#1 논리 데이터 저장소 확인 논리 데이터 모델 검증 1. 논리 데이터 모델링 개념 ■ 데이터베이스 설계 프로세스의 기초 설계 단계로 비즈니스 정보의 구조와 규칙을 명확하게 표현할 수 있는 기법이다. 2. 논리 데이터 모델링 특성 (정포완독) - 정규화 : 모든 데이터를 정규화(Normalization)하여 모델링 - 포용성 : 모든 엔티티 타입, 속성, 관계, 프로세스 등을 포함 - 완전성 : 모든 규칙과 관계를 완전하고 정확하게 표현 - 독립성 : 성은, 제약사항에 독립적인 모델, 특정 DBMS로부터 독립적인 성질 3. 논리 데이터 모델링 속성 (개속관) - 개체(Entity) : 관리할 대상이 되는 실체 - 속성(Attributes) : 관리할 정보의 구체적 항목 - 관계(Relationship) ..

CSS 선택자 구성 및 설정 - 『*』 공용 선택자, 전체 선택자 모든 엘리먼트를 선택한다. - 『E』 엘리먼트 선택자, 태그 선택자, 타입 선택자 E 엘리먼트를 선택한다. - 『.』 클래스 선택자 html 에서만 사용할 수 있으며 예를 들어 『div.warning』과 같이 사용하면 warning 이라는 클래스를 가지고 있는 div 엘리먼트를 선택하게 된다. - 『#』 아이디 선택자 예를 들어, 『#myId』 와 같이 사용하면 myId 를 아이디로 사용하는 엘리먼트를 선택하게 된다. - 『E>F』 자식 선택자, 후손 선택자 E 엘리먼트의 바로 직접 하위에 있는(자식 엘리먼트인) F 엘리먼트를 선택하게 된다. - 『E F』 자손 선택자, 하위 선택자 E 엘리먼트의 하위에 있는 F 엘리먼트를 선택하게 된다...

#1 현행 시스템 분석 현행 시스템 파악 1. 현행 시스템 파악 개념 ■ 현행 시스템 파악이란 현행 시스템이 어떤 하위 시스템으로 구성되어 있고, 제공 기능 및 연계 정보는 무엇이며 어떤 기술 요소를 사용하는지를 파악하는 활동 (사용하는 SW, HW 무엇인지? 어떻게 되어 있는지 파악하는 것) 2. 현행 시스템 파악 절차 (현기인 아소하네) ■ 1단계 -시스템 구성 현황 파악 → 기간업무(주요), 지원업무(보조) -시스템 기능 파악 -시스템 인터페이스 현황 파악 → 데이터형식(XML, 고정가변포맷), 통신규약(TCP/IP, X.25), 연계유형(EAI) ■ 2단계 - 아키텍처 파악 → 계층별로 어떤 기술요소 사용중인가 파악 - 소프트웨어 구성 파악 → 설치된 소프트웨어 이름, 용도, 라이선스 등.. ■ ..

HTML ○ HTML → Hypter Text Marup Language ○ Hyper Text : Link ○ 전용 브라우저(Internet Explorer, Opera, FireFox, Chrome, Safari, ...) ○ 프로그램 + 실행환경(실행기) ○ 일반 문서 편집기 - 완성형 아스키(ASCII) 방식 - Notepad, Editplus, Homesite 등... ○ HTML 전용 에디터 - WYSIWYG(What You See Is What You Get) - 여러 작업을 기능화시킨 전용 에디터 - 나모 웹 에디터, 드림위버 등... ○ HTML 특징 - 태그는 대소문자 구분이 없다. (하지만 소문자를 권장함) - 확장자는 html 또는 htm 으로 만든다. - 엔터, 스페이스바, 탭은 ..