42일차. JSP BOM(Browser Object Model), Eclipse에 JSP와 Mysql 연동하기

BOM(Bowser Object Model)

 

BOM은 "웹브라우저와 관련된 객체 집합" 이라고 말한다. 

 

대표적으로는 Window. Location. History. Document가 대표적인 웹브라우저와 관련된 대표 객체이다.

 

우리는 자주 수업환경에서 document.getElementById('ID값'); 을 사용한다. 이또한 BOM인것이다.

 

객체들은 수많은 하위 매서드들을 보유하고 있다. 우리는 수업시간에 그중에 Window.alert(), Window.prompt(), Window.confirm()을 알아보았다. 

 

먼저 버튼을 3개 만들어서 각각 이름을 부여해주고 Onlick 속성을 이용하여 함수 호출을 해주고, 그 함수안에 각각의 메서드들을 만들어주겠다.

 

 

See the Pen Untitled by codeJo (@yatong) on CodePen.

 

각각의 기능은

 

팝업(경고메세지)를 띄워주는 alert()

User에게 입력값을 받는 prompt()

User에게 Y/N을 확인받는(true나 false를 리턴) confirm() 이 되겠다.

 

prompt와 confirm은 각각 리턴값이 있다. 그럼 이 리턴값들을 이용하여 prompt에서는 사용자가 입력한 나이와 함께 만나이를 출력해주고 

 

confirm을 통해 어떠한 값이 리턴되는지 살펴보겠다.

 

See the Pen Untitled by codeJo (@yatong) on CodePen.

 

여기서 유심히 살펴볼것은 parseInt를 사용했는데, JSP는 기본적으로 리턴값이 있는 메서드들은, 리턴값이 기본적으로 문자열 타입이다. 따라서 계산식이 필요한경우에는 별도로 숫자타입으로 변환후에 계산식을 진행해줘야 올바른 결과값을 얻을수있다.

 

따라서 문자열을 숫자로 변경해주는 parseInt를 이용하여 age의 참조변수 타입을 숫자로 변경해준후 -1을 해준것이다.

 

Java의 Integer.ParseInt와 동일한 기능의 메서드이다.

 

이외에도 다양한 Moveto(), Window.open(), resizeTo() 등등을 수업시간에 같이 알아보았는데. BOM에 대한건 개념정도만 익히고 중요한거 몇가지만 잘 이해하고, 그 이외에는 필요할때 구글링해서 적용하는게 가장 좋을거 같다.

 

오후에는 MYSQL과 JSP 연동 Setting을 진행하였다. 생각보다 간단한 작업이이였다.

 

먼저 MY SQL 사이트로 이동해주자.

 

 

MYSQL 새창으로 이동하기

MySQL

 

상단에 Download로 들어가주자

 

 

상단 검색창에 Connector/J 라고 입력해주자

 

 

두번째 페이지쯤 가면 MySQL Connector/J 8.0 Developer Guide :: 4.1 Installing Connector/J from a Binary Distribution

MySQL :: MySQL Connector/J 8.0 Developer Guide :: 4.1 Installing Connector/J from a Binary Distribution

 

가 보일것이다. 여기로 들어가주자. 그 뒤 Page에서 본문에 보면  Connector/J Download page. 라고 있다. 클릭해주자

 

 

그럼 MYSQL 다운받을때처럼 다운로드 Page가 나오는데 거기에서 Archives를 누른후에 5.1.49 버전을 선택후 ZIP파일을 다운받아주자.

 

 

 

다운로드 된 압축파일을 풀여보면 bin파일이 있을것이다.

 

 

이 파일을 복사해서 MYSQL과 연동할 프로젝트 -> Webcontent -> WEB-INF - lib 폴더에 붙여넣어주자

 

이렇게 lib 폴더 밑에 잘 붙여넣어주면 연동 완료!