구구단 출력하기

지식보따리 여러분-!! 안녕하세요-ㅎㅎ

오늘은 JSP첫 시간이에요@.@

해피해피하죠?ㅎㅎ

 

이번 글에서는 웹을 이용해서 구구단을 출력해볼거예요~~

쉬워서 금방 쫓아오실 수 있을 거예요!!

 

이제 시작하겠습니다-!! START🚀

 

---

① 먼저 준비물로 eclipse와 apache서버를 준비해주세요-!! (저는 apache는 8.5.51서버를 준비하였습니다.)

 

② 이클립스를 켜서 경로설정을 해주고 launch를 클릭합니다-!!

 

[그림 1] 경로 설정

 

③ file->new->dynamic web project 경로 순으로 가서 web project를 만들어줍니다.

[그림 2] Web project 생성

 

[그림 3] web project 이름설정

 

[그림 3] 에 나온 것과 같이 프로젝트 이름 설정하고 finish를 눌러줍니다.

[그림 4] project 생성 성공

 

④ 먼저 구구단을 입력받기 위해 html 파일을 생성해줍니다.

[그림 5] html 생성

[그림 5] 경로 : webcontent에서 오른쪽 마우스 클릭 -> new -> html file

 

[그림 6] html이름 설정

[그림 7] html 생성완료

⑤ 글자 깨짐 방지를 위해 인코딩해주는 utf-8로 설정하도록 하겠습니다.

 

[그림 8] 설정 경로

[그림 8] 경로 : window -> preferences

 

 

[그림 9] jsp 인코딩을 설정

[그림 9]와 [그림10]과 같이 원하는 웹을 선택하여 인코딩 문자를 바꿔줍니다.

 

=> 완료 후 html과 jsp를 만들시 UTF-8로 설정되어 출력됩니다-!!

 

⑥ 코드를 쓰기전 apache서버를 연결시켜서 웹서버를 이용할 수 있도록 구축합니다-!!

 

연결 방법에 대한 https://power-girl0-0.tistory.com/20입니다-!! 모르시는 분은 참고해주세요^_^

이클립스와 아파치톰캣 연결하는 방법

⑦ 사용자에서 입력받은 구구단에 대한 내용을 받아 출력하기 위해서 jsp파일을 생성해줍니다.

 

[그림 10] jsp 생성

⑧ html에 원하는 구구단에 대한 정보를 받을 수 있는 소스를 입력해줍니다.

[그림 11] html 소스

⑨ 확인을 위해 아까 연결해둔 서버를 켭니다.

 

[그림 12] 서버 오픈

[그림 13] 서버 선택

[그림 14] html소스 출력

 

⑩ 이제 입력받은 값을 전달받기 위해 jsp문을 작성해줍니다-!!

 

[그림 15] jsp 소스 작성

 

⑪ 구구단 출력에 대한 결과값 확인

[그림 16] 값 입력

 

[그림17]은 html로 작성한 소스로 만든 결과물입니다.

 

 

[그림 17]입력된 구구단 출력

[그림18]은 jsp로 작성한 소스로 만든 결과물입니다.

 

 

 

* 구구단 만들기 단계 upup-!!

 

[그림 18] html 소스

 

[그림 18] jsp 소스

 

 

[그림 19] 출력할 구구단 출력

 

[그림 20] 입력받은 구구단 출력

 

 

 

이상 구구단짜기였습니다-!!

다들 잘 따라오셨나요?ㅎㅎ

다음에는 더 즐겁게 알찬 내용으로 찾아오겠습니당-!! 안뇽~~