개발합니다

jQuery는 엘리먼트를 제어하는 일관되고 풍부한 기능들을 제공한다. - 자식으로 삽입 (.append()) I would like to say: 결과 I would like to say: Hello - 형제로 삽입 (.after()) I would like to say: 결과 I would like to say: Hello - 부모로 감싸기 (.wrap()) Span Text What about me? Another One 결과 Span Text - 삭제 (.remove()) Hello how are you? Call remove() on paragraphs 버튼을 누를 시 p 태그를 모두 삭제한다. - 치환 (.replaceAll(), .replaceWith()) Hello cruel World 결과..

event란? 시스템에서 일어나는 사건을 의미한다. (클릭, 마우스 이동, 타이핑, 페이지 로딩 등 ..) jQuery의 이벤트 크로스 브라우징의 문제를 해결해준다. click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공한다. bind로 이벤트 핸들러 설치, unbind로 제거 ==> on, off로 대체 됨. - bind, unbind, trigger를 이용한 이벤트의 설치, 제거, 호출 function clickHandler(e){ alert('thank you'); } $(document).ready(function(){ $('#click_me').bind('click', clickHandler); // click_me id를 가진 엘리먼트를 click할 시 clickHandler ..

jQuery 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 갖고 있다. 이를 이용해서 한번 선택한 대상에 대해 연속적인 제어를 할 수 있는데 이를 chain이라고 한다. jQuery $('#tutorial').attr('href', 'http://jquery.org').attr('target', '_blank').css('color', 'red'); 부분을 분해해보면 $('#tutorial') -> id가 tutorial인 엘리먼트를 선택해 .attr('href', 'http://jquery.org') -> href 속성 값을 'http://jquery.org'로 변경하고, .attr('target', '_blank') -> target 속성 값을 _blank로 변경하고, .css('color..

jQuery는 엘리먼트 오브젝트를 전달하는 것보다 CSS스타일 선택자를 전달하는 경우가 많다. -> 효과적으로 엘리먼트를 선택할 수 있기 때문. - Basic

[jQuery] 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리. - jQuery API Documentation https://api.jquery.com/ jQuery API Documentation jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new t a..

JDBC (Java Database Connectivity) 자바에서 데이터베이스에 접속할 수 있도록 하는 자바 API. JdbcTemplate 매번 작업이 되는 드라이버 로딩, DB 연결, 자원해제 부분을 한 번에 처리해서 SQL 작성 및 전송 부분에만 집중할수 있게 해주는 템플릿. 커넥션풀 데이터베이스 커넥션을 미리 만들어놓고 사용하는 방법 c3p0 모듈의 ComboPooledDataSource를 이용해 만들 수 있다. 반드시 예외처리를 해주어야 한다. 스프링 설정 파일에 빈(Bean) 객체로 생성하는 방법과 config 파일로 작성해서 사용하는 방법이 있다. [DBConfig.java] @Configuration public class DBConfig { @Bean public ComboPooled..

1. @ModelAttribute @ModelAttribute를 이용하면 커멘드 객체의 이름을 변경할 수 있고, 이렇게 변경된 이름은 뷰에서 커멘드 객체를 참조할 때 사용된다. - 컨트롤러 public String memJoin(Member member) - 뷰 ID : ${member.memID} - 컨트롤러 public String memJoin(@ModelAttribute("mem") Member member) - 뷰 ID : ${mem.memId} 2. Model & ModelAndView 컨트롤러에서 뷰에 데이터를 전달하기 위해 사용되는 객체로 Model과 ModelAndView가 있다. Model은 뷰에 데이터만을 전달하기 위한 객체이고, ModelAndView는 데이터와 뷰의 이름을 함께 전..

1. @RequestMapping을 이용한 URL 맵핑 @RequestMapping(value="/memJoin", method=RequestMethod.GET) -> 메소드는 디폴트로 GET 방식을 따름. 생략 가능 메소드 부분을 생략해 속성이 value 하나일 때는 @RequestMapping("/memJoin") 이런식으로 간단하게 표현 가능 메소드 부분을 명시해두지 않아도 value 값에 맞는 함수를 호출해주긴 하지만, 코드 가독성을 위해 써두는 편이 좋다. 2. 요청 파라미터 2-1. HttpServletRequest 객체를 이용한 HTTP 전송 정보 얻기 @RequestMapping(value = "/memJoin", method = RequestMethod.POST) public String..

MySql → limit으로 페이징 처리 Oracle → rownum을 사용해 원하는 순서의 데이터 출력 오라클의 ROWNUM은 쿼리가 실행될 때 결과 값에 가상의 번호를 부여해준다. ROWNUM은 where절이 먼저 실행되고 그 조건에 맞는 리스트를 먼저 검색 후 해당 리스트에 번호를 매긴다. 따라서 ROWNUM 함수는 ORDER BY 함수와 같이 사용하면 순번이 뒤죽박죽 됨. ==> 순번을 매기고 난 뒤 ORDER BY 정렬을 하기 때문 정렬 - 순번 매기기 순으로 진행해야 함. → 서브쿼리에 먼저 정렬(Order by) 후 순번 매기기(Rownum) 1. Top-N Query (상위 N개의 데이터를 보여주는 쿼리) - 상위 5개의 데이터를 출력한다. SELECT empno, ename, sal FR..

MySql → auto_increment로 값 자동 증가 Oracle → Sequence 생성해서 값을 증가 시켜줘야 한다. 1. 예제 테이블 생성 CREATE TABLE test( num NUMBER, name VARCHAR2(50) ); 2. 100까지 1씩 증가시키는 시퀀스 생성 CREATE SEQUENCE test_seq START WITH 1 INCREMENT BY 1 MAXVALUE 100 CYCLE NOCACHE; -시퀀스 속성 설명 CREATE SEQUENCE “스키마명.시퀀스명” MINVALUE -- 시퀀스가 시작되는 최초의 숫자 MAXVALUE --시퀀스가 끝나는 최대 숫자 INCREMENT BY -- 시퀀스가 증가되는 단위 START WITH -- 시퀀스 생성이 시작되는 값 NOCAC..