WEB 프로그래밍 실습 환경 구축 이 서식 파일은 그룹 환경에서 교육 자료를 프레젠테이션할 때 시작 파일로 사용할 수 있습니다. 구역 구역을 추가하려면 슬라이드를 마우스 오른쪽 단추로 클릭하십시오. 구역을 사용하면 슬라이드를 쉽게 구성할 수 있으며, 여러 작성자가 원활하게.

Presentation on theme: "WEB 프로그래밍 실습 환경 구축 이 서식 파일은 그룹 환경에서 교육 자료를 프레젠테이션할 때 시작 파일로 사용할 수 있습니다. 구역 구역을 추가하려면 슬라이드를 마우스 오른쪽 단추로 클릭하십시오. 구역을 사용하면 슬라이드를 쉽게 구성할 수 있으며, 여러 작성자가 원활하게."— Presentation transcript:

1 WEB 프로그래밍 실습 환경 구축 이 서식 파일은 그룹 환경에서 교육 자료를 프레젠테이션할 때 시작 파일로 사용할 수 있습니다. 구역 구역을 추가하려면 슬라이드를 마우스 오른쪽 단추로 클릭하십시오. 구역을 사용하면 슬라이드를 쉽게 구성할 수 있으며, 여러 작성자가 원활하게 협력하여 슬라이드를 작성할 수 있습니다. 메모 설명을 제공하거나 청중에게 자세한 내용을 알릴 때 메모를 사용합니다. 프레젠테이션하는 동안 프레젠테이션 보기에서 이러한 메모를 볼 수 있습니다. 글꼴 크기에 주의(접근성, 가시성, 비디오 테이프 작성, 온라인 재생 등에 중요함) 배색 그래프, 차트 및 텍스트 상자에 특히 주의를 기울이십시오. 참석자가 흑백이나 회색조로 인쇄할 경우를 고려해야 합니다. 테스트로 인쇄하여 흑백이나 회색조로 인쇄해도 색에 문제가 없는지 확인하십시오. 그래픽, 테이블 및 그래프 간결하게 유지하십시오. 가능한 일관되고 혼란스럽지 않은 스타일과 색을 사용하는 것이 좋습니다. 모든 그래프와 표에 레이블을 추가합니다.

2 에디터-Notepad++ Notepad++ 홈페이지에서 다운, 설치 장점 많은 프로그래밍 언어 지원 자동 채우기
서버와 FTP 연동

3 Notepad++ 환경 설정 메뉴에서 [설정]-[환경설정]을 선택하고, 아래그림과 같이 [새문서]에서 언어는 HTML, 인코딩은 UTF-8로 설정

4 Notepad++ 실습 Intro.html – HTML 문서 Intro.css – 외부 CSS 스타일 파일
Intro.js – 외부 jquery 파일

5 서버 접속 프로그램(telnet) telnet 서비스는 PC에서 서버에 접속 또는 호스트와 호스트 간에 가상 단말 통신을 할 수 있는 프로그램을 말한다. MobaXterm을 사용하여 실습 진행 한 프로그램으로 TELNET과 FTP 동시 사용 가능

6 새 연결 – SSH 세션으로 연결한다

7 처음 접속 화면

8 웹 서버 디렉토리 생성 SSH 서비스를 이용하여 자신의 cslab2 계정에 접속하여 다음과 같이 입력한다. 맨 처음 한 번만
웹문서를 저장할 디렉토리 생성 $ mkdir public_html $ chmod 755 public_html 외부에서 파일에 접근할 수 있도록 권한 부여

9 index.html 생성

10 FTP File Transfer Protocol은 PC와 서버간에 파일을 전송할 수 있도록 해주는 프로그램
FileZilla, WinSCP, 알FTP, 다FTP 등 다수 프로그램이 있음. 우리는 MobaXterm에서 제공하는 FTP를 사용

11 파일 전송 – drag-and-drop으로
탐색기에서 MobaXterm으로 파일 전송

12 웹브라우저에서 문서 호출 파일 위치: /home/students/public_html/index.html
또는 파일 위치: /home/students/public_html/test/hello.html

13 apache HTTP server 아파치 소프트웨어 재단에서 관리하는 HTTP 웹 서버 소프트웨어
httpd라는 데몬이 실행되고 있어야 한다.

14 httpd 옵션 /etc/httpd/conf/httpd.conf /etc/httpd/conf.d/userdir.conf
ServerRoot "/etc/httpd" AddDefaultCharset UTF-8 DirectoryIndex index.html /etc/httpd/conf.d/userdir.conf UserDir public_html /etc/httpd/conf.d/php.conf DirectoryIndex index.php

15 Index.html 또는 index.php URL 주소 http://cslab2.kku.ac.kr/~sunwoo/
디렉토리를 입력하고 파일명을 지정하지 않으면 자동으로 index.html 파일을 찾는다. index.php 파일은 옵션 설정에 따라

16 실습 FTP를 이용하여 intro.* 파일 3개를 서버에 전송 후 확인
htpp://cslab2.kku.ac.kr/~아이디/intro.html

17 Q&A Have a nice day!!!