오늘보다 더 나은 내일의 나에게_

비전공자의 IoT 국비 교육 수강일지 Day_31 본문

비전공자의 코딩일지

비전공자의 IoT 국비 교육 수강일지 Day_31

chan_96 2022. 2. 3. 19:57
728x90

객체 정의

 

문서 객체 모델(Document Objcet Model)

:<html>이나 <body> 같은 html문서의 태그들을 JavaScript가 이용할 수 있는 객체(object)화 시킨 것

ex)
->WebBrowser시작 _ 사용자가 웹 페이지 방문
->웹문서 읽기
->DOM생성 _ HTML을 모두 객체 형태로 변환-> javascript로 접근 가능
->페이지 로딩 완료 _ css적용 화면 최종 표시(렌더링)

 

HTMLElement

모든 종류의 HTML요소를 나타내는 인터페이스

- getElement메서드를 통해서 원하는 객체를 조회

- 조회된 객체들을 대상으로 구체적인 작업 처리

 

함수 설명
getElemtnetById(id)
=>HTMLElement객체 반환		 특정 아이디를 가진 요소 조회
getElemtnetsByName(name)
=>HTMLCollection객체 반환		 Name속성을 가진 요소 조회
getElemtnetsByTagName(tagname)
=>HTMLCollection객체 반환		 태그 이름을 기준으로 요소 조회
getElemtnetsByClassName(class)
=>HTMLCollection객체 반환		 특정 클래스를 가진 요소 조회

 

HTMLElement 요소 변경

메소드 설명
Element.innerHTML = new html content 내부내용 변경 ex)div.innerHTML = 'hello';
Element.attribute = new value 속성 변경 ex)img.src='a.png';
Element.setAttribute(attribute, value) 속성 변경 ex)img.setAttribute('src','a.png');
Element.style.property 스타일 변경 ex)div.style.color='red';

 

JSP

response.sendRedirect( ) => 외부, 내부 페이지로 이동하는 기능

 

로그인/회원가입 기능 구현

1. ojdbc6 라이브러리 src/main/webapp/WEB-INF/lib에 추가

2. 동적 로딩(java파일은 우리가 어떤 DBMS를 사용하는지 모르기 때문에) 
=> DB -> DBMS(oracle, mysql, mssql....)
Class.forName("oracle.jdbc.driver.OracleDriver");​

3. oracle에 가서 id/pw를 인증받아야 한다
String url = "jdbc:oracle:thin:@127.0.0.1:1521:xe";
String dbid = "hr";
String dbpw = "hr";

Connection conn = DriverManager.getConnection(url,dbid,dbpw);​

4. SQL준비
=> sql문에 들어갈 값을 ?(바인드 변수)로 채워준다
String sql = "insert into web_member values(?,?,?)";

PreparedStatement psmt = conn.prepareStatement(sql);
psmt.setString(1, id);
psmt.setString(2, pw);
psmt.setString(3, nick);​


5. SQL 실행

int cnt = psmt.executeUpdate();​


6. 실행 후 처리

if(cnt>0) {
    response.sendRedirect("Main.html");
}​

 

이 모든 코드들은 try catch 블록 안에 들어가야 한다!!
=> 자바에는 크게 2가지 오류가 있다. 컴파일 오류, 런타임 오류! 컴파일 오류는 문법적인 오류이고 런타임 오류는 실행을 해야만 알 수 있는 오류(채팅, 파일...) 그래서 런타임 오류는 무조건 예외처리를 해줘야 한다!

 

728x90
저작자표시

'비전공자의 코딩일지' 카테고리의 다른 글

비전공자의 IoT 국비 교육 수강일지 Day_33  (0) 2022.02.05
비전공자의 IoT 국비 교육 수강일지 Day_32  (0) 2022.02.04
비전공자의 IoT 국비 교육 수강일지 Day_30  (0) 2022.01.28
비전공자의 IoT 국비 교육 수강일지 Day_29  (0) 2022.01.27
비전공자의 IoT 국비 교육 수강일지 Day_28  (0) 2022.01.26
'비전공자의 코딩일지' Related Articles more
Comments