PHP 웹 프로그래밍의 소개 및 PHP 개발환경 구축
개요 실험제목 목표 목차 PHP 웹 프로그래밍의 소개 PHP 개발환경 구축 웹 사이트를 개발할 때 프로그래밍 요소의 중요성 학습 PHP의 탄생 배경과 목적 및 발전 방향 터득 윈도우에서 Apache설치 PHP 프로그램 설치 PHP의 환경설정 학습 목차 입문예제 인터넷과 웹 프로그래밍 PHP 특징 PHP 구동 환경 Apache 웹 서버 설치 PHP 설치 개발 에디터 EditPlus 설치
입문 예제 웹을 통해 PHP로 작성한 프로그램 연동 예) 클라이언트언어인 javascript와 서버스크립트 언어인 PHP로 작성한 예제 <HTML> <head> <title>서버 스크립트와 클라이언트스크립트의 차이 </title> <body> <script language="javascript"> document.write("클라이언트언어인 javascript"); </script> <br> <? $text="서버 스크립트 언어인 PHP"; echo "$text"; ?> </body> </head> </HTML> 서버스크립트 언어 : HTML처럼 브라우저가 해석하지 않고 서버에서 해석하고 실행하면 웹브라우저는 단순히 결과만 보여줌 Javascript부분 실행 결과 PHP부분 클라이언트스크립트 언어 : 브라우저가 직접 해석해서 보여줌, 서버의 부하를 줄여줌 [Tip : 서버 스크립트와 클라이언트 스크립트 차이] 서버 스크립트 언어가 실행 속도 빠름 서버 스크립트 언어가 보안 뛰어남 [Tip : PHP 구동 원리] 1. PHP 프로그램을 서버에 요청 4. 실행결과값 사용자컴퓨터의 브라우저에 반환 사용자 컴퓨터 Server 2. 해석기에 PHP 해석 요청 3. 실행결과값 서버에 반환 사용자가 요청한 값을 PHP 해석기에 대입해서 해석 후 값 반환 PHP 해석기
이론: 인터넷과 웹 프로그래밍 (1/5) 웹 사이트 구축의 3요소 PHP, JSP, ASP 비교 기획 – 웹사이트를 설계하고 관리하는 기능 구성 디자인 – 사용자의 입장에서 편리하게 사용할 수 있는 환경을 제공, 기능 이용 가능하도록 인터페이스 구성 프로그래밍 – 컨텐츠를 DataBase(DB)에 저장해서 정보를 중요하게 관리 PHP, JSP, ASP 비교 언어 종류 공통점 다른점 PHP - 서버측 스크립트 언어 서버에서 해석하고 결과만 클라이언트의 브라우저에 나타남 - 객체 지향적 언어 윈도우와 유닉스 플랫폼 지원 아파치/IIS 서버 지원 리눅스와 MySQL사용가능 JSP - 윈도우와 유닉스 플랫폼 지원 톰캣, 레진, 아파치 등 지원 자바의 다양한 기능 사용가능 ASP - 윈도우 플랫폼만 지원 - IIS/PWS 지원 - MS계열에서 유용 IIS(Internet Information Server) : 미국 마이크로소프트사가 개발한 인터넷/인트라넷용 서버 소프트웨어 PWS(Persoal Web Server) 개인용 웹서버
이론: 인터넷과 웹 프로그래밍 (2/5) 웹의 동작 원리 종류 특징 Protocol 웹은 프로토콜의 한 종류 웹 프로토콜은 HTTP(HyperText Transfer Protocol) FTP(File Transfer Protocol)은 파일을 주고 받기 위한 프로토콜 Server/ Client Server는 서비스를 제공 Client는 서버에 서비스를 요청하는 컴퓨터 TCP/IP Transmission Control Protocol/Internet Protocol의 약자 네트워크 규약 중 하나 , 프로토콜의 한 종류 인터넷상에서 컴퓨터들이 가지는 고유한 주소 DNS Domain Name Server의 약자 DNS라는 별도의 장치를 거쳐서 기억하기 쉬운 인터넷 주소 를 특정 IP로 재 해석해서 연결해주는 것 IP : 컴퓨터 주소 Tip : - 실제로 웹 브라우저에서 128.164.70.201을 입력하는 것과 www.k-net.or.kr을 입력하는 것은 같은 결과 - 128.164.70.201은 서버의 고유 IP이며 www.k-net.or.kr은 도메인 이름 주소 - IP와 도메인 이름은 고유한 값
이론: 인터넷과 웹 프로그래밍 (3/5) HTML(HyperText Markup Language) HTML 태그 특징 웹이라는 문서 기반에서 사용되는 언어 ASCII형태의 일반 텍스트로 저장 플랫폼에 상관없이 웹 문서들의 다양한 요소들을 정의 할 수 있도록 고안된 언어 국제 표준 ISO8879:1986 SGML(Standard Generalized Markup Language)의 응용으로 정의 확장자는 .html/.htm 텍스트, 그림 파일, 음향등을 정의할 수 있고, 정의할 때는 tag(태그) 형식 사용 HTML 태그 특징 대•소문자 구별 없이 사용 일반적으로 시작 태그와 마감 태그가 같이 사용 마감 태그는 앞에 ‘/’이 사용 ‘<’와 태그사이에는 빈 공간이 있으면 안됨 둘 이상의 빈 공백이나 두 번 이상의 키를 누르는 것도 하나의 빈칸으로 인식 <태그이름 옵션=값>의 형태
이론: 인터넷과 웹 프로그래밍 (4/5) HTML 태그 종류 특징 사용 방법 HTML HTML 문서가 시작 됨을 알림 HEAD 제목이나 글의 속성과 관련 BASE : HTML 문서의 기본 주소 TITLE : 문서의 제목을 브라우저의 제목 막대에 나타냄 META : 서버/클라이언트에 의해 유용한 문서 정보 포함 BODY 실제 글의 내용을 기술 bgcolor : 배경색 지정 text : 글자색 지정 link : 링크된 부분의 색 지정 width : 넓이 지정 heigth : 높이 지정 background : 배경화면에 들어갈 그림 파일 지정 문자 관련 태그 문자를 꾸밀 때 사용하는 태그 h : 1~6까지 숫자 사용, 1이 가장 큰 글자 align : 정렬 (right,left,center) font : 글자의 크기,색, 속성 정의 문단 관련 태그 문자열 바꿈이나 공백 처리 p : 문단 바꾸기 pre : 문서를 있는 그대로 보여주기 br: 한 줄 띄울 때 사용 Table 태그 표를 사용 border : 표의 외부 테두리의 두께를 표시하는 속성 cellspacing : 표의 각각의 칸 간격 지정 tr : 하나의 행을 만들 때 사용 td : 하나의 칸을 만들 때 사용 이미지 관련 태그 그림 파일을 포함시킬 때 <img 속성=값> src : 그림 파일의 위치 지정 프레임 관련 태그 화면을 여러 개로 나누어 사용 가능 rows : 화면을 가로로 분할 cols : 화면을 세로로 분할 border : 경계선의 크기 Form 태그 사용자에게 일정한 형식의 정보를 입력 받기 위해 사용 action : 처리할 프로그램의 경로나 url 지정 method : 어떤 방식으로 데이터를 전송할지 결정(get/post) input : 실제로 데이터를 입력 받는 태그 <input type=값 name=이름>
이론: 인터넷과 웹 프로그래밍 (5/5) JavaScript 특징 JavaScript 문법 HTML만으로 할 수 없었던 많은 일들 가능하게 함 Client에서 실행되어 네트워크의 부하없음 HTML중간에 삽입하여 사용 (위치의 제약 없음) 대•소문자 구분 JavaScript 문법 종 류 특징 사용 예 주석문 C나 PHP의 주석문 지원 <!-- //주석 /*이것도 주석*/ --> 변수 필요할 때마다 사용 문자열로 시작하거나 ‘_’로 시작하는 변수명 가능 예약어 사용불가 i = 23.45; _intvar=5; Str_d=“test”; 자료형 정수형•실수형•문자열•boolean 연산자 사칙 연산과 관련 ‘+’연산자는 수치연산과 문자열의 결합에도 사용 str = “hello”+”javascript”; str2=123+12; 제어문 주어진 조건을 만족하기 위해 사용 if(a<=1) document.wirte(“a<=1’); 함수 특정 작업을 위해 만들어진 독립된 하나의 단위 입력값을 매개변수 혹은 parameter(파라미터) 함수의 계산 결과가 있을 때 return value(반환값) function aa(name) { alert(name); }
연습: HTML 태그 사용 HTML 문서 실행 결과 <HTML> <head> <title>안의 내용이 웹브라우저 제목란에 보여짐 HTML 문서 실행 결과 <HTML> <head> <title>서버 스크립트와 클라이언트 스크립트의 차이 </title> <form name="form" method="post" action="tag.html"> <body > <left> <table cellspacing=2 border=1 width=100> <tr> <td>ID</td> <td><input type="text" name="ID"></td></tr> <td>비번</td> <td> <input type="password“ name="PWD"></td></tr> </table> </left> </body> </form> </head> </HTML> Form태그사용 - name : form의 이름 지정 method : get/post지정 action : 다음 페이지 지정 표의 칸 간격과 두께 지정 각 태그마다 name을 지정해서 구분이 가능 ex) <form name=“form”> <input name=“ID”> .. value에는 속성의 값을 지정 ex)<input name=“id” value=“테스트”> type에는 text, password, submit, checkbox, radio, hidden, file..등이 가능
이론: PHP의 특징 정의 PHP 성격 장점 Professional Hypertext Preprocessor의 약자 1994년 Rasmus Lerdorf에 의해 개발 PHP 성격 CGI(Common Gateway Interface)프로그램을 만드는 언어 웹 사이트와 사용자가 대화할 수 있는 웹 프로그램 HTML문서와 입력 처리를 위한 CGI 프로그램 필요 서버 스크립트 언어 장점 공짜 모든 운영체제에서 동작 DataBase(데이터베이스)와 궁합이 좋다 쉽고 간결하고 빠르게 코딩 CGI : 서버와 클라이언트 사이의 데이터 흐름을 도와주는 인터페이스 공짜 OS Apache+ 공짜 DataBase Mysql PHP가 지원하는 DataBase - Oracle Sybase mSql Mysql PostgreSql informix Dbase Unix dmb등
연습문제(구현) 시작->실행창에 “cmd” 명령어를 친 후 ‘ipconfig’ 명령어를 이용하여 자신 의 ip 를 확인해보시오.
이론: PHP구동요소 APM 소스 컴파일 Apache Apache, PHP, MySQL이 잘 연동되어 운영되도록 만든 환경 Configure(환경설정) : 프로그램이 설치될 옵션 지정 Make(컴파일) : 실제 소스파일을 컴파일 하는 과정 configure에서 만들어진 makefile을 이용 Make install(설치 ) : 컴파일이 완료된 실행 파일 및 관련 화일들을 해당 디렉토리에 설치 Apache 무료로 사용가능 안정적 사이트를 통해 꾸준한 업데이트 가능 프로그램을 번역하고, 컴퓨터에서 실행할 수 있는 기계어 프로그램으로 고치는 과정
이론 – PHP 실습 환경 PHP Apache Webserver EditPlus Apache로 Web Server 구동 시 사용할 수 있는 Script 언어 http://www.php.net Apache Webserver Apache Software Foundation에서 개발한 Application Server http://httpd.apache.org/ EditPlus PHP를 비롯한 다양한 언어를 지원하는 통합 개발 환경 http://www.editplus.com
extension_dir 부분에 PHP가 설치된 경로 지정 C:/ 디렉토리에 PHP폴더에 압축해제 php-5.4.6-Win32-VC9-x86.zip 파일을 다운 “php.ini-development”파일을 "php.ini“로 변경 php.ini화일 설정 부분 설정 extension_dir 부분에 PHP가 설치된 경로 지정
연습: Apache Webserver설치(1/2) 설치 파일 더블 클릭 httpd-2.2.22-win32-x86-no_ssl.msi 파일을 다운 클릭 server 기본 정보 입력 setup type 선택 Network Domain에 ‘localhost’입력 Typical 선택 Server Name에 ‘127.0.0.1’입력 클릭 클릭 80포트 선택
연습: Apache Webserver설치(2/2) 설치 시작 설치하고 싶은 경로 선택 클릭 클릭 설치 완료 explorer 창에 http://localhost 입력 클릭
연습: PHP - Apache 연동 Apache2.2\conf\httpd.conf 파일 설정
연습: Editplus설치 설치 시작 http://www.editplus.com 접속 설치 완료 클릭 다운로드 [Tip : EditPlus 툴에 관하여 ] 윈도우용 문서 편집기 Html, css. php, asp, perl, c/c++, java, javascript, vb script의 구문 강조 기능 지원 Html문서의 내용을 확인할 수 있는 내장 브라 우저 제공 ftp 기능 지원
요약 함수 웹의 동작 원리 HTML Javascript PHP의 정의 PHP 성격 PHP 장점 기획 : 웹 사이트를 설계.관리 기획 : 웹 사이트를 설계.관리 디자인 : 인터페이스 구성 프로그래밍 : 컨텐츠의 정보를 관리 웹의 동작 원리 Protocol Server/Client TCP/IP DNS HTML 웹의 문서기반에서 사용되는 언어 ASCII형태의 일반 텍스트로 저장 플랫폼과 관련 없이 웹 문서 정의 국제 표준 확장자는 .html/.htm Javascript 동적 홈페이지를 위해 사용되는 언어 Client에서 실행 Html 중간에 삽입하여 사용 대 •소문자 구분 PHP의 정의 Professional Hypertext Preprocessor의 약자 PHP 성격 CGI 프로그램을 만드는 언어 웹 프로그램 HTML문서와 입력 처리를 위한 CGI 프로그램 필요 서버스크립트 언어 PHP 장점 공짜 모든 운영체제에서 동작 DataBase와 궁합이 좋다 쉽고 간결하고 빠르게 코딩
요약 PHP [Tip : PHP 설치] Apache Webserver [Tip : Apache Webserver를 설치 후] Apache로 Web Server 구동 시 사용할 수 있는 Script 언 어 Apache Webserver Apache Software Foundation에서 개발한 Application Server EditPlus PHP를 비롯한 다양한 언어를 지원하는 통합 개발 환경 [Tip : PHP 설치] PHP는 설치하는 프로그램이 아님 PHP는 폴더에 압축을 풀기만 하면 설치 완료 [Tip : Apache Webserver를 설치 후] 웹에서 Apache Webserver 화면이 나오지 않을 때는 제어판 -> 관리도구 -> 서비스에서 IIS Admin Service를 선택 후 오른쪽 마우스 클릭 -> IIS 중지 [Tip : EditPlus에서 특정 부위 찾기] 편집 메뉴에서 찾기 (단축기 ctl+f)