APMSetup 설치 및 간단한 소스코드 테스트
WWW(World Wide Web)!! 우리가 정말 많이 사용을 하고 있다. 지금도 지금 이 순간에도 전 세계 사람들이 사용을 하고 있다. 어쩌면 다른 언어로도 소통을 하고 있다. 나는 그래서 인터넷이 좋다. 심지어 스마트폰에서도 인터넷 접속 만 하면 되니.. 기가 막힐 노릇이다.. 이미 내 귀가 막히고 있는 셈이다..
나 만의 홈페이지를 만들 수 있을 만큼의 열정을 가져 보았는가??? 아직까지 가져보지 못하였다면 지금 부터라도 씨앗을 열심히 키워나가면 된다. 기본적으로 홈페이지를 만들려면 html에 대해 알아야 하고 게시판을 만들려고 하면 데이터베이스라는 언어도 알아야 한다. 그리고 웹서버도 따로 알아야 하고.. ㅇ.ㅇ!! 너무 복잡해!! 지금 이 글을 쓰고 있는 나도 복잡하다.
왜냐.. 툴을 일일이 3개를 다 직접 찾아서 설치를 해야 하는 번거로움이 있어서 처음 하는 분이라면 멘탈 붕괴가 찾아오기 시작을 한다.. ㅇ.ㅇ!! 하지만 걱정할 것이 없다.!! APMSetup라는 툴 하나 만 있으면 Apache, PHP, Mysql 이 3가지가 설치가 되는 편리함이 있어서 획기적이다. 나는 이런 면에서 APM을 좋아한다.
위의 동영상은 APMSetup 다운로드, 설치, 웹서버 동작 방법, 간단한 소스 코드를 입력 후에 어떻게 확인을 하는지에 대한 내용을 볼 수가 있다. 사운드가 없어서 단점이긴 한데, 음악을 들으면서 보아도 좋은 방법이다. 자기 만의 공부방법을 찾는 것이니.. (직접 녹화를 하였음)
근사모 ☞ http://www.apmsetup.com/
C:\APM_Setup\htdocs\
위의 경로에 저장을 하여야 한다. 아래에 그 소스 일부를 남겨두겠다.
<html>
<head>
<title>나의 홈페이지</title>
</head>
<body bgcolor = "green">
<? $value = 10; ?>
<font size = "10">출력<br></font>
<font size = "5"><? echo $value; ?></font>
<marquee><h1><font color = "white">좋은 홈페이지 입니다.</font></h1></marquee>
</body>
</html>
웹브라우저 (인터넷익스플로러, 크롬, 파이어폭스) 에서 테스트 할 때 주소는 아래와 같다.
(파일명 : chapter13-1.html)
<html>
<head>
<title>기본 웹 문서</title>
</head>
<body bgcolor = "skyblue">
<h2>기본 태그 연습</h2>
<hr>
<b>굵은 글자</b><br>
<i>이텔릭 글자</i><br>
<u>밑줄 글자</u><br>
<a href="http://www.naver.com">네이버</a>
</body>
</html>
웹브라우저(인터넷 익스플로러, 크롬, 파이어폭스) 에서 테스트 할 때 주소는 아래와 같다.
http://localhost/chapter13-1.html
(파일명 : chapter13-2)
<html>
<head>
<title>나 만의 표 만들기</title>
</head>
<body bgcolor = "skyblue">
<table>
<tr>
<td>학년</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>인원</td>
<td>20</td>
<td>10</td>
<td>40</td>
<td>30</td>
</tr>
</table>
</body>
</html>
웹브라우저(익스플로러, 크롬, 파이어폭스) 에서 테스트 할 때 주소는 아래와 같다.
http://localhost/chapter13-2.html
(파일명 : chapter13-3.html)
<html>
<frameset cols = "10%,*" border=5>
<frame name = "left" src="left.html">
<frame name = "right" src="right.html">
</frameset>
</html>
(파일명 : left.html)
<html>
<body>
왼쪽!!!
</body>
</html>
(파일명 : right.html)
<html>
<body>
오른쪽!!!
</body>
</html>
위의 각 각 소스를 총 3개를 작성을 하여야 하고 chapter13-3.html 이 소스의 결과를 확인하면 프레임이 나누어 진 걸 확인이 가능하다.
웹브라우저(익스플로러, 크롬, 파이어폭스)에서 테스트 할 때 주소는 다음과 같다.
http://localhost/chapter13-3.html
(파일명 : chapter13-4)
<html>
<head>
<title>나 만의 Input 태그</title>
</head>
<body bgcolor = "pink">
<h1>상세 정보 입력</h1>
<form action = "test.cgi">
이름 : <input type = "text" name = "name" size = "12"><br>
암호 : <input type = "password" name = "passwd" size = "12"><br>
전화 : <input type = "text" name = "phone" size = "12"><br>
학과 : <input type = "text" name = "dept" size = "12" value = "사이버보안학과"><br>
<br><br>
<input type = "submit" value = "승인">
<input type = "reset" value = "취소">
</form>
</body>
</html>
웹브라우저(익스플로러, 크롬, 파이어폭스)에서 테스트 할 때 주소는 아래와 같다.
http://localhost/chapter13-4.html
초보자 분들도 쉽게 따라 할 수 있게 끔 만들어 놓았으니 한 번 씩 따라해보길 바란다. 어쩌면 나 만의 홈페이지를 간소하게 나마 만들 수 있지만 지금 이 포스팅 말고 다른 강의나 근사모 사이트에 프로그래밍 게시판에 보면 훌륭한 글 들이 많아서 일일이 따라해보면 멋진 일이 펼쳐질 것이다..~!!!
'IT' 카테고리의 다른 글
| 버추얼박스 설치 및 간단한 사용기 (1) | 2015.06.08 |
|---|---|
| 카카오인코더 설치방법, 동영상변환하기 (0) | 2015.05.19 |
| 카카오톡 다운로드 및 설치방법 (0) | 2015.04.28 |
| SQLite 데이터베이스, 테이블 생성하기 (1) | 2015.04.18 |
| JAVA 객체지향인 이유 (0) | 2015.04.17 |