저번에 환경까지 구축했으니까 톰캣 테스트 겸 HTML이랑 JSP를 이용해서 간단한 html 작성해보자!
먼저 HTML문서로 작성해서 까먹었던 태그들이랑 순서를 간단하게 익혀보쟈
1. 메모장에 간단한 html 문서 작성.
위에 그림처럼 타이핑 했으면
Tomcat -> webapps -> ROOT 서브 디렉토리 안에 저장하되 확장자는 .html로 저장
// 필자의 경우 이름 Hello.html로 설정
Tip. 저장하려고 하는데 관리자 권한으로 막히면 바탕화면에 저장한 다음 디렉토리 안으로 옮기면 됨
/* 필자의 경우 톰캣 디렉토리는 C\Program Files\Apache Software Foundation에 있음
맨 처음 환경 구축 포스팅에서 말씀드렸다시피 설치한 프로그램이 저장된 경로는 알아야됨.
개발자로서의 기본!.! */
2. 브라우저 주소창에 http://localhost:8080/Hello.html 입력해서 아래처럼 출력이 되면 성공!
만약 출력이 안 된다면 코드 오류이거나 톰캣이 실행되고 있지 않은 경우일 수 있다.
톰캣 서비스 실행 방법은 아래 링크를 참고!
1. Java 웹 프로그래밍 개발 환경 구축하기
설치 시작 전에 꼭 무조건 전에 확인 해봐야 할 것이 있다. ▶ Java파일에 jdk버전 확인 // 필자의 경우 C:\Program Files\Java 경로 였음. 기존에 갖고 있는 jdk버전이 다운 받고 싶은 거랑 다르다면 기존
zapi.tistory.com
3. webapps 디렉토리에 다른 서브디렉토리를 만들어서 html 문서를 넣어보고 톰캣으로 불러와보자.
필자의 경우 위에 창처럼 webapps 폴더 안에 brain파일 만듦 //이름 상관없는거 다들 아시져?~.~
그리고 아까 ROOT에 넣었었던 Hello.html 파일을 쩌기 만든 brain 파일에다가 넣어보기!
4. 위에처럼 문서의 경로가 바뀐 경우 URL을 http://localhost:8080/brain/Hello.html 처럼 경로를 지정하여 주소창에 적어주기
5. 한글내용도 입력해서 출력되나 확인 ㄱㄱ
한글이 깨져서 출력이 될 경우에는 아래에 META태그를 HEAD 태그안에 안에 넣어줘야함
<META http-equiv = "Content-Type" content = "text/html;charset=euc-kr">
// 이 문서는 html문법으로 작성된 텍스트이고 한글코딩으로 인코딩 되었다는 의미
이제는 JSP 페이지를 작성해보자!
1. 메모장에 아래 코드처럼 입력
설명 드감
일단 이 코드는 1부터 100까지 더해서 출력해주는 간단한 코드임
<% ... %> 는 그 사이에 자바코드 입력이 가능함
이 코드를 스크립틀릿이라고 한다. // 작은 스크립트라는 의미
<%= ... %>의 경우 자바코드 식을 입력을 할 수 있다.
이 코드를 익스프레션이라고 함
2. 이제 저장할 건데 중요함 ☆ 집중해야됨 ☆
필자의 경우 brain디렉토리에 저장할 거임
1.) 파일형식은 모든파일형식
2.) 확장자는 .jsp로 저장해야함
// 필자는 파일명을 Hundred.jsp로 함
아... 이렇게 뜨면 안 됨 오류임... 어떤 바보같은 문법오류를 냈는지 한 번 봐야 됨
쨘 -★ 구문 오류였다고 한다ㅎ 저렇게 뜨면 성공
// 쩌기 위에 나와있는 코드 이미지에 보면 익스프레션에 닫는 태그 앞에 % 까먹음 ㅎ
오늘은 이렇게 간단하게 JSP 맛보기 끝!
'Dev > JSP&Servlet' 카테고리의 다른 글
| 3-1. Servlet 클래스 작성과 컴파일 (0) | 2023.08.17 |
|---|---|
| 1. Java 웹 프로그래밍 개발 환경 구축하기 (1) | 2023.08.17 |