1. Web Application을 위한 프로젝트 생성 주의사항 - 1 ) Eclipse JSE Version에서는 Web Application 프로젝트 생성을 하지 못한다. - 2 ) Eclipse JEE Version에서는 가능하다. 2. WAS ( Web Application Sever ) - WAS는 웹 어플리케이션 서버를 의미한다. - WAS는 동적 서버 콘텐츠를 수행하며, 주로 데이터 서버와 같이 수행된다. - WAS는 웹 브라우저와 같은 클라이언트로부터 웹 서버가 요청을 받으면, 어플리케이션에 대한 로직을 실행하여 웹 서버로 반환해주는 소프트웨어이다. - WAS는 웹 서버와 DBMS 사이에서 동작하는 미들웨어로, 컨테이너 기반으로 동작한다. - WAS는 등록되어 있는 모든 웹 어플리케이션마다..
1. JDBC에서 SQL 문장 2가지 - 1 ) Dynamic SQL ( 동적인 SQL문 ) - : 동일한 SQL문장을 매번 생성하고 실행하는 SQL - 2 ) Prepared SQL ( 준비된 SQL문 ) - : 최초에 들어왔던 SQL문에 대한 최적화된 실행 계획을 Oracle optimizer이 저장해 두었다가, 동일한 SQL일 때 재사용함으로써 자원을 효율적으로 사용하고 SQL문을 빠르게 처리할 수 있다. - + Prepared SQL문을 자주 사용하며, 동적인 SQL문은 잘 사용되지 않는다. [ 1. 준비된 SQL문 ] (****) package org.zerock.myapp; import java.sql.Connection; import java.sql.DriverManager; import j..
1. JDBC driver를 이용한 데이터베이스 프로그래밍할 때, 핵심이 되는 클래스/인터페이스 (***) (0) java.sql.DriverManager (Class) // 드라이버 관리자 (1) java.sql.Connection (interface) // 핸드쉐이크할 틀 (2) java.sql.Statement (interface) ---> Dynamic(동적) SQL (잘 사용하면 안됨!!! -- > 성능을 떨어뜨림) (3) java.sql.PreparedStatement (interface) --> Prepared SQL (4) java.sql.ResultSet (interace) // 결과셋 (인터페이스 - 이렇게 와야한다.) (5) java.sql.SQLException (class) - C..
1. 웹 3계층 - 1 ) presentation 계층 - 비즈니스 계층에서 준 데이터를 출력하는 계층 ( 화면에 보여준다. ) - 2 ) Business 계층 - 비즈니스 로직은 화면에 보여주지는 않지만, 비즈니스 로직을 수행하는 모든 객체이다. - Persistence 계층에서 데이터를 받아 온다. - 3 ) Persistence 계층 - DB 테이블을 조작하는 모든 객체로, 데이터를 영구적으로 가지고 있는 계층이다. - + JDBC는 비즈니스 계층과 영속성 계층 사이에서 연결을 제공하는 드라이버이다. 2. POM파일에서 사용되는 태그 - 1 ) : 프로젝트의 이름 - 2 ) : 프로젝트의 그룹 ID 이름 설정 - 3 ) : 프로젝트의 Artifact ID 이름 설정 - 4 ) : 버전 설정 - 5 ..
1. groupid와 artifactid의 의미 - (1) groupid : 현재 이 프로젝트를 수행하는 조직 또는 회사를 의미한다. - + 값으로는 해당 조직 / 회사의 고유한 도메인 명을 거꾸로 만든 이름을 사용한다. - + ex. naver.com --- > com.naver - + ex. kakao.com --- > com.kakao - (2) artifactid : 프로젝트의 이름 ( 이 프로젝트로 만들어지는 산출물의 이름 ) 2. Maven( 메이븐 )의 주요 디렉터리 - 1 ) src/main/java : 자바 소스 파일이 위치한 곳이다. ( CLASSPATH에 포함된다. ) - 2 ) src/main/resources : 프로퍼티 / XML 등 리소스 파일이 위치. ( CLASSPATH에 ..
[ 1. XHR 1 ] (****) [ 2. XHR 2 ] (****) [ 3. ajax - load( ) 메소드 (복습) ] sample01 NEWS1 NEWS2 [ 4. serialize / param ( ) 메소드 - 복습 ] 복습 - serialize / parm 1. name: 2. age: [ 5. ajax 라이프 사이클 ] (****) ajax 라이프 사이클(***) [ 6. $.get 메소드 - get 방식으로 자원 요청 ] (****) $.get [ 7. $.getJSON 메소드 - get 방식으로 json 파일을 가지고 온다. ] (******) $.getJSON [ 8. $.getScript 메소드 - get 방식으로 Script 파일을 가지고 온다. ] $.getScript [ 9...
1. $.ajax( ) 메소드 (*****) - $.ajax ( { - 1 ) url : “ 전송페이지 ( 데이터 전송 및 요청할 외부 주소를 의미 ) “, - 2 ) type : “ 전송 방식 ( get / post 방식 ) “, - 3 ) data : “ 전송할 데이터 “, - 4 ) dataType : “ 요청한 데이터 형식 ( 전송받을 데이터 형식, data와 다르다. ) “, - 5 ) success : function(data) { ( 전송에 성공했을 때의 코드 ) }, - 6 ) error : function( ) { ( 전송에 실패했을 때의 코드 ) } - } ); - + dataType은 서버에서 받아올 데이터 형식을 지정하는 것으로, 데이터가 HTML일 경우에는 “html”, XML일 ..
[ 1. hover 메소드 ( onmouseover + onmouseout ) ] (**) Mouse Over / Mouse Out 내용1 Hover 내용2 [ 2. mouseout과 mouseleave 이벤트 메소드 ] mouseout 내용1 내용2 내용3 mouseleave 내용4 내용5 내용6 [ 3. mousemove 이벤트 메소드 ] (***) mousemove X : 0px Y : 0px [ 4. onscroll ] (*) scrollTop : 0px scrollLeft : 0px [ 5. 제이쿼리 이벤트 - focusin / focusout ] (***) focus / blur ID PW focusin / focusout ID PW [ 6. data( ) 메소드 ] 버튼1 버튼2 [ 7. o..
1. 자바스크립트로 이벤트 처리 방법 - 첫번째 방법 : - Const button = document.queryselector(“#A”); - button.onclick = function( ){ … }; - 두번째 방법 : - Const button = document.queryselector(“#A”); - button.addEventListener(이벤트 유형, 이벤트 헨들러 ); - button.addEventListener(‘click’, function( ) { … } ); - button.addEventListener(‘click’, ( ) => { … } ); 2. 제이쿼리로 이벤트 처리 방법 - $(“이벤트 대상 선택”).이벤트등록메소드(function( ) { … } ); - $(“#..