http 기초 및 이클립스 톰캣 연동 방법
안녕하세요 꿍스입니다. 오늘은 먼저 이클립스로 서버 생성 후 http개발 환경을 만들고 기초적인 웹페이지를 만들어 보도록 하겠습니다.
먼저 이클립스를 실행해 줍니다.
파일에서 Other을 선택해 준 후 서버을 생성해 줍니다.
앞에서 다운 받은 톰캣의 버전을 선택해 실행 시켜 줍니다. 톰캣 다운 및 이클립스 연동은 자바 기반 HTTP 이클립스 설치 방법 을 참고해 주시길 바랍니다.
서버를 만든 후 다음은 웹 프로젝트를 만들어 봅시다.
다음과 같이 웹 프로젝트를 만들어 줍니다. 이제 http을 위한 코딩을 할 예정입니다. 다음은 결과 값입니다.
다음과 같은 결과값을 얻기 위해서 밑에 코딩을 해줍니다.
<!--201604013 남궁찬 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>자기소개서</title>
</head>
<body>
<h1>201604013 남궁찬</h1>
<hr>
<ul>
<li>이름 : <b>남궁찬</b></li>
<li>학번 : 201604013</li>
<li>학과 : 컴퓨터소프트웨어학과</li>
</ul>
<hr>
<h1>이번학기 수강하는 과목</h1>
<ul>
<ol tpye = "1">
<li>웹 시스템 및 개발</li>
<li>고급프로그래밍 언어</li>
<li>네트워크 프로그래밍</li>
</ol>
</ul>
</body>
</html>
*html은 태그로 코딩합니다. 시작 태그는 <태그이름> 종료 태그는 </태그이름>로 만들어 줍니다. 종료태그 없이 시작 택그만 있는 것도 존재합니다.
<html> </html> : html의 시작과 끝을 나타냅니다.
<head></head> : 웹페이지 이름을 설정해 줍니다.
<h1> ~<h5> : 제목 텍스트 태그을 만들어 줍니다.
<hr> : 종료태그가 없이 수평 줄 넣는 태그입니다.
<ul></ul>, <li></li> : 목록을 만드는 태그입니다.
<b></b> : 텍스트를 굵게 표시하는 태그입니다.
<ol type = "1"></ol> : 목록을 1번부터 차례대로 하게 해줍니다.
'전공_STUDY > 웹시스템설계및개발' 카테고리의 다른 글
| 자바 기반 HTTP 이클립스 설치 방법 (0) | 2018.03.18 |
|---|