HTML, PHP, MySQL, Javascript

Presentation on theme: "HTML, PHP, MySQL, Javascript"— Presentation transcript:

1 HTML, PHP, MySQL, Javascript
역동적인 웹 컨텐츠 HTML, PHP, MySQL, Javascript

2 HTTP 요청/응답 절차 웹 브라우저 인터넷 웹서버 디스크 드라이브 인덱스 페이지 요청 수신 인덱스 페이지로 응답
웹 브라우저 인터넷 웹서버 디스크 드라이브 사용자 입력 IP검색 IP를 이용해 메인 페이지 요청 인덱스 페이지 요청 수신 하드 디스크로부터 index.html 파일 획득 인덱스 페이지로 응답 응답 수신/페이지 출력

3 동적인 요청/응답 절차 웹 브라우저 인터넷 웹 서버 PHP 프로세서 디스크 드라이브 MySQL 데이터베이스 URL 입력
IP 검색 메인 페이지 요청 요청 수신 페이지 획득 PHP 코드 포함 PHP 처리 SQL 실행 데이터 수신 페이지 응답 페이지 출력

4 PHP, MySQL, 자바스크립트 빠르고 동적인 웹 사이트를 구성하기 편하다.
자바스크립트는 클라이언트에서 Ajax를 실행하는 데 중요한 역할을 한다.

5 PHP .php 확장자를 추가하면 해당 웹 페이지는 스크립트 언어에 접근할 수 있다. <?php
소스 코드 <?php Echo “Hello World. Today is”.date(“1”).”. “; ?> How are you? 최종 결과 Hello World. Today is Wednesday. How are you?

6 MySQL MySQL은 영어 구문의 명령어를 사용하는 가장 뛰어난 속도의 데이터베이스 시스템이다.
소스 코드 INSERT INTO users VALUES(‘Smith’, 소스 코드 SELECT surname, firstname FROM users WHERE

7 자바스크립트 CSS와 병행해 사용하면 자바스크립트는 서버 측에서 새로운 웹 페이지를 전달받는 대신 웹 브라우저에서 바로 동적인 효과를 구현할 수 있는 능력이 생긴다. 소스 코드 <script type=“text/javascript”> document.write(“Hello World. Today is “+Date()); </script> 최종 결과 Hello World. Today is Wed Sep :20:12

8 자바스크립트 자바스크립트는 HTML 문서 내부의 다양한 요소를 동적으로 제어하기 위해서 개발됐으며, 아직도 자바스크립트를 사용하는 주된 목적 중 하나이다. 자바스크립트가 Ajax에 사용된다. Ajax는 백그라운드에서 웹 서버에 접근할 때 사용되는 기술이다. Ajax 호출은 하나의 요소만을 업데이트할 수 있다.

9 아파치 웹 서버 웹 서버는 HTTP의 요청/응답 과정 이상으로 눈에 보이지 않게 많은 역할을 한다.
아파치 서버는 HTML 뿐만 아니라 이미지파일, 플래시 파일, MP3 음원 파일, RSS 피드 등 많은 종류의 파일을 다룬다. 아파치는 자체적으로 방대한 양의 모듈도 지원한다. PHP모듈, 보안 모듈 등.

10 오픈소스 오픈 소스는 커뮤니티에서 한 팀의 개발자가 모여 원본 소스 코드가 읽고 변경 가능한 상태로 공개된 상황에서 필요한 프로그램을 만든다는 의미이다. 버그를 조기에 찾게 해 줄 뿐만 아니라 보안에 문제가 생겼을 때에도 미리 발견할 수 있다. 오픈 소스 소프트웨어는 무료라는 사실

11 Ajax 동작 과정 Ajax의 동작과정(구글 계정 등록의 예)