레퍼런스 마이닝

jQuery 사전 지식 Query는 자바스크립트 라이브러리이므로, 자바스크립트 언어에 대한 기초 지식이 필요하다. 또한, HTML 요소을 선택하고, CSS 스타일을 변경하는 등 HTML과 CSS와도 많은 연관이 있다. 따라서 jQuery를 배우기 전에 다음과 같은 기초 지식이 필요하다. HTML CSS JavaScript jQuery란 jQuery는 오픈 소스 기반의 자바스크립트 라이브러리이다. jQuery는 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해 준다. 또한, jQuery를 사용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있다. 그래서 jQuery는 많은 인기 있는 자바스크립트 라이브러리 중 하나이다. jQuery의 장점 jQuery는 주요 웹 브라우저의 ..

퍼블리셔가 있으면 Tooltip 레이아웃을 만들어 적용하겠지만 CSS를 건드리지 않고 아주 간단하게 속성만을 가지고 툴팁을 만드는 방법이다. Title 속성 홍길동 U00126 010-0000-xxxx title 속성은 엘리먼트에 적용할 수 있으며, 해당 요소에 마우스를 올릴 경우 툴팁 창이 나타난다. 공간이 작아서 모든 내용을 보여주지 못할 때 많이 사용된다.

자바스크립트를 이용한 페이징 처리 방법이다. 페이징 파라미터 appendEle : Element totalCount : 데이터 총 카운트 recordsPerPage : 페이지 데이터 레코드 개수 navPage : 페이지 개수 currentPage : 현재 페이지 sellBoolean : 맨앞, 맨뒤 표현 여부 sellBoolean true 일때 (맨앞 맨뒤 미 표출) sellBoolean false 일때(맨앞 맨뒤 표출)

ContextPath로 접근하였을 때 index 페이지에서 로그인 페이지로 연결하는 예시이다. Controller 다양한 예제 @Controller public class IndexController { @GetMapping("/") public String indexView() { return "/index"; } } @Controller public class IndexController { @GetMapping("/") public String indexView() { return "redirect:/index"; } } @Controller public class IndexController { @GetMapping("/") public RedirectView indexView() { return..

indexOf 함수는 문자열 내에서 지정된 문자나 문자열이 처음 발견되는 인덱스를 반환한다. 만약 찾지 못했을 경우 "-1"을 반환한다. 시작위치는 생략이 가능하며 생략할 경우 0번째 즉 처음부터 찾는다. 대부분의 개발자들이 알고있는 사실이고 자주 사용하는 함수이기도 하다. 하지만 indexOf 함수 사용시 시작 위치를 지정해서 사용하기를 권장한다. 시작 위치를 지정해서 사용하면 좀 더 명확해진다. indexOf(int ch, int fromIndex) indexOf(String str, int fromIndex) Noncompliant Code Example // a new String is going to be created by "substring" str.substring(beginIndex).i..

프로젝트를 진행하면서 가끔 내가 사용하고 있는 예외(Exception)에 대하여 제대로 사용하고 있는가 라는 의문이 들 때가 있을 것이다. 또는 정리가 필요하는 생각을 가졌을 것으로 생각된다. 이 글을 통해 이해하고 생각하며 적용할 수 있기를 바란다. 1. 예외? (Error vs Exception) 먼저 오류(Error)와 예외(Exception)의 개념을 정리해보자. 오류(Error)는 시스템에 비정상적인 상황이 생겼을 때 발생한다. 시스템 레벨에서 발생하여 심각한 수준의 오류를 말한다. 이런 오류는 개발자가 미리 예측할 수 없기 때문에, 오류에 대한 처리를 신경 쓰지 않아도 된다. 프로그램에 오류가 있을 때 발생되도록 의도된 오류이다. 예외(Exception)는 개발자가 구현한 로직에서 발생한다. ..

태그에서 accept 속성을 사용하여 첨부하는 파일을 특정할 수 있다. 사용법은 특정 확장자를 지정하거나 미디어 타입을 지정하는 방법이 있다. /* 특정 확장자 */ /* 모든 오디오, 비디오, 이미지 */ /* 미디어 타입 */

Javascript로 웹 페이지의 URL을 가져오는 방법을 알아보자. // 현재 페이지의 URL 반환 window.location.href // 웹 호스트의 도메인명 반환 window.location.hostname // 현재 페이지의 경로와 파일 이름 반환 window.location.pathname // 새 document 로드 window.location.assign

Json 데이터 Key를 뽑는 방법은 아래와 같다. let jsonData = { userId : 'ID0001', userNm : '홍길두', age : 22 }; let key1 = Object.keys(jsonData); console.log(key1); let key2 = Object.getOwnPropertyNames(jsonData); console.log(key2); 동일한 결과를 보여준다. 결과가 같아 보이는데 왜 함수를 다를까? 두 함수의 차이를 알아보자. JavaScript에서 객체의 속성을 정의할 때 enumerable(열거자)를 지정할 수 있다. let object = Object.create({}, { name: {value : 'Micheal', enumerable : false..

document에서 form 태그를 동적으로 생성하여 필요할때 action, method 등 속성을 정의하고 submit하는 것이 가능하다. let newForm = document.createElement('form'); newForm.method = 'POST'; newForm.action = 'https://reference-m1.tistory.com'; newForm.name = 'newForm'; let data = document.createElement('input'); data.setAttribute('type', 'hidden'); data.setAttribute('name', 'userId'); data.setAttribute('value', 'tistory'); newForm.appe..