HTML File 생성
1. basic_html 파일 왼쪽 화살표를 누른 뒤 src 파일 왼쪽 화살표를 누르고 main 파일 왼쪽 화살표를 눌러서 나오는 webapp 파일을 마우스 오른쪽 버튼을 눌러서 New 버튼 누르면 나오는 HTML File 버튼 클릭
2. File name을 'index.html'로 변경 후 Finish 클릭하여 파일 생성
CSS File 생성
1. basic_html 파일 왼쪽 화살표를 누른 뒤 src 파일 왼쪽 화살표를 누르고 main 파일 왼쪽 화살표를 눌러서 나오는 webapp 파일을 마우스 오른쪽 버튼을 눌러서 New 버튼 누르면 나오는 CSS File 버튼 클릭
2. File name을 'index.css'로 변경 후 Finish 클릭하여 파일 생성
3. 아래 코드를 입력하여 여백 제거
body{
margin: 0;
padding: 0;
}
HTML에 CSS 파일 불러오기
<head> 안에 <title> </title> 다음에 <link type="text/css" rel="stylesheet" href="./index.css?v=1"> 해당 코드를 추가해서 html에서 index.css 파일 불러오기
JavaScript 파일 생성
1. webapp 폴더를 눌러서 New에서 Folder 클릭
2. Folder name을 'script'로 변경 후 Finish 클릭하여 폴더 생성
3. script 폴더를 눌러서 New에서 JavaScript File 클릭하여 Name에 'js1.js'를 입력 후 Finish 버튼 클릭하여 js 파일 생성
HTML에 JS 파일 불러오기
<body> </body> 다음에 <script src="./js1.js?v=1"></script> 해당 코드를 추가해서 html에서 js 파일 불러오기
Class 파일 생성
1. basic_html 패키지를 선택 후 마우스 오른쪽 버튼을 눌러서 New에 있는 Class 클릭
2. Name에 'java1'을 입력 후 아래 public static void main(String[] args) 체크 후 Finish 버튼 클릭하여 클래스 생성
Interface 생성
1. basic_html 패키지를 선택 후 마우스 오른쪽 버튼을 눌러서 New에 있는 Class 클릭
2. Name에 'inter1'을 입력 후 Finish 버튼 클릭하여 인터페이스 생성
Package 생성
1. src/main/java 폴더 선택 후 New에 있는 Package 클릭
2. Name에 'io' 입력 후 Finish 버튼 클릭하여 패키지 생성
Text 파일 생성
1. io 패키지를 선택 후 마우스 오른쪽 버튼을 눌러서 New에 있는 Other 클릭
2. 검색창에 text 검색 후 Untitled Text File 선택 후 Finish 버튼 클릭
3. text 파일에 내용 작성 후 저장은 basic_html 패키지 안에 있는 src 폴더 안에 있는 main 폴더 안에 있는 java 폴더에 있는 io 폴더 선택 후 File name에 'agree.txt'를 입력한 뒤 OK 버튼 클릭하여 저장
Servlet 파일 생성
1. web 패키지를 선택 후 마우스 오른쪽 버튼을 눌러서 New에 있는 Servlet 클릭
2. Class name에 'login' 작성 후 Next 버튼 두번 클릭
3. 요청에 따라 doGet 또는 doPost 선택한 뒤 Finish 버튼 클릭하여 파일 생성
4. 아래 코드 제외하고는 다 삭제 후 코드 작성
파일 확인
[ HTML 파일 ]
1. 컴퓨터
- 주소 검색 창에 'http://localhost:8080/basic_html/파일이름.html'을 입력하면 해당 페이지가 나옴
- cmd에 'ipconfig'를 치면 IPv4 주소에 IP주소가 나오는데 해당 ip주소 확인 후 주소 검색 창에 'http://IP주소:8080/basic_html/index.html'을 입력하면 해당 페이지가 나옴
2. 모바일
컴퓨터의 ip주소 확인 후 주소 검색 창에 'http://ip주소:8080/basic_html/파일이름.html'을 입력하면 해당 페이지가 나옴
[ Javascript ]
주소 검색 창에 'http://localhost:8080/basic_html/script/js1.html'을 입력하면 나오는 페이지에서 F12 눌러서 나온 Console에서 확인
[ java ]
STS 파일에서 아래 Console 메뉴에서 결과 확인