본문 바로가기

전체 글

 (342)
jQuery 배열 중복 제거 var names = ["Mike","Matt","Nancy","Adam","Jenny","Nancy","Carl"]; var uniqueNames = []; $.each(names, function(i, el){ if($.inArray(el, uniqueNames) === -1) uniqueNames.push(el); });
Date 날짜 계산 기억이 안나면 아래의 글 참고하기 https://blog.leocat.kr/notes/2017/07/24/javascript-add-days var calDate = function (){ var result = false; var sdd = $('input:text[id=start_date]').val(); var edd = $('input:text[id=end_date]').val(); var ar1 = sdd.split('-'); var ar2 = edd.split('-'); var da1 = new Date(ar1[0], ar1[1]-1, ar1[2]); var da2 = new Date(ar2[0], ar2[1]-1, ar2[2]); var diff = da2.getTime() - da1.get..
jQuery 이벤트 종류 ⊙ 이벤트(Event) •기본적으로 전역에 작성된 프로그램은 프로그램이 실행됨과 동시에 바로 실행되지만 함수(Function)으로 묶인 부분은 호출되지 않으면 실행되지 않는다. •이러한 이유 때문에 원하는 시점에 원하는 기능을 실행하기 위해 프로그램이 실행되는 계기가 필요하다. •이런 역할을 하는 것이 Event이며, 모든 함수는 Event와 연결되어 호출되는 형태를 가진다. ◆ jQuery의 이벤트 처리 방식 - 객체에 직접 이벤트를 등록 - 선언적 함수 - function sum(){ alert(“hello”); } $(“div”).click(sum); - 익명적 함수 - $(“div”).click(function(){ alert(“hello”); }); ◆ jQuery 마우스 이벤트 이벤트 설명 c..
myBatis keyword like 검색 select * from table_name where upper(title) like '%' || #{keyword} || '%' ; 위와 같이 like 앞뒤로 '%'를 붙여주면 됨
jQuery 이벤트 처리 방법 문서 전체 장점 - 한번만 선언하면 ajax나 html를 그려 넣더라도 이벤트가 동작한다 $(document).on('click', '#get_main_dis_goods', function(e) { alert(1); }); 특정 id 또는 class에 이벤트 지정 단점 해당 셀렉터를 가진 태그가 재 설정되면 이벤트가 유실됨 $('#set_status_complete').on('click', function(e) { alert(1); }); 이벤트를 부득이하게 js단에서 계속 선언하게 될 경우 이벤트 중복되지 않게 선언할 수 있다 $('#set_status_complete').off().on('click', function(e) { alert(1); }); 키보드 입력 이벤트 $('#set_status_c..
Javascript 코드 작성규칙 Javascript 코드 작성규칙 함수 한문자 이름은 피하십시오. 이름에서 의도를 읽을 수 있도록 하십시오. // bad function q() { // ...stuff... } // good function query() { // ..stuff.. } 소문자 낙타표기법(camelCase)을 사용하십시오. function thisIsMyFunction() {}; Class와 생성자에는 PascalCase를 사용하십시오. function User(options) { this.name = options.name; } var good = new User({ name: 'yup' }); private 메서드나 프로퍼티명에 접두어로 밑줄을 붙여 구별하기 쉽게 합니다. // bad var persion = { ge..
CSS 코드작성 규칙 CSS 코드 작성규칙 기본 규칙 모든 속성은 숫자, 대문자, 특수문자로 시작할 수 없으며, 영문 소문자로 작성합니다. 단어의 구분을 위하여 하이픈 표기법을 사용합니다. 마지막 속성 값의 끝에도 세미콜론을 사용합니다. 방향에 따라 속성을 지정해야 하는 경위 top, right, bottom, left 순으로 작성합니다. 선택자 구분 스타일 엔진은 다음 4개의 카테고리로 스타일 규칙을 분류합니다.1. ID 규칙 ID 규칙 Class 규칙 Tag 규칙 Universal 규칙 이 4개의 규칙들은 스타일 규칙을 적용하는데 기본적인 역할을 하므로 이해하는 것이중요합니다 키 선택자 선택자의 마지막 선택자를 의미합니다. 아래 코드에서 키 선택자는 img, p, [title]이 됩니다. 따라서 마지막 작성된 키 선택을 ..
HTML 코드 작성규칙 HTML 코드 작성규칙 기본 규칙 DTD를 제외한 모든 요소와 애트리뷰트는 소문자로 작성합니다 애트리뷰트 값은 큰따옴표("")로 묶습니다. 아이디와 클래스의 속성 값은 숫자, 대문자, 특수문자로 시작할 수 없습니다. 애트리뷰트의 속성의 값은 숫자, 특수문자로 시작할 수 없으며, 대문자로는 시작할 수 있습니다. 아이디 아이디는 소문자 카멜 표기법 을 사용합니다. 스타일 지정을 위해 사용하지 않으며, DOM 조작을 위해 사용해야 합니다. 주의 사항: 숫자, 대문자, 특수문자로 시작할 수 없습니다. ... ... 클래스 아이디와 시각적 구분을 위해 하이픈 표기법 을 사용합니다. 이미 수 많은 FrontEnd 개발 프레임워크 및 javascipt 플러그인의 코딩 스타일도 하이픈 표기법을 사용하고 있으며, 프로젝..

티스토리툴바