선 조치 후 분석

ajax로 동적으로 데이터를 불러와서 사용할 때, CSS 관련 기능들이 적용이 안돼서 하루 종일 고생했다. ajax를 JSTL로 바꾸고 나니 동적으로만 가능한 페이지라는 것을 깨닫고 다시 고치고... 그러다가 우연히 구글링을 통해서, 비동기 호출 후, 'done()' 함수를 호출해서 ajax호출이 끝나고 새롭게 호출하려는 함수를 적용하니까 css관련 기능이 너무 잘 먹었다. 기분이 너무 좋았다... $.ajax({ url: ~~, type: 'GET', data: $("#listForm").serialize(), dataType: 'json', success: function(data, status, xhr) { }, 'json').done(function(){ // 실행 및 적용시키고자 하는 소스 })..

개발을 하다가 콜백 함수로 값을 받아와서 값을 설정해야 할 때가 있었다. 그래서 text()로는 값이 설정이 되지 않고 val()을 사용하여 문제를 해결한 경험이 있었다. 그래서 개념을 다시 잡기 위해 정리를 해본다. 1. $(셀렉터). val() 양식(form)의 값을 가져오거나 값을 설정할 때 사용 주로 input, textarear에 사용 $("#publ_nm").val("3"); 2. $(셀렉터). text() 셀렉터 하위에 있는 자식 태그들의 문자열만 출력 및 html을 변경 input, textarear 이외 나머지에 사용 $("#publ_nm").text("3"); // input에 사용 $("#publ_nm_control").text("3"); // div에 사용 값을 설정하기 위해선 va..

비밀번호 관련하여 JavaScript 부분을 수정하는 데 있어서 약간 헷갈리는? 부분이 생겨서 찾아보았다. onChange vs onKeyUp 1) onChange : HTML의 요소가 바뀌었을 때 즉, Focus가 발생하기 전의 원래 입력값과 비교하여 변화가 일어났을 경우 blur 이벤트 이후에 발생하는 이벤트 2) onKeyUp : 값을 입력할 때마다 이벤트 발생 즉, input 이벤트 발생 후, value가 업데이트된 이후에 키보드에서 손을 떼면 발생하는 이벤트. (키를 꾹 눌러서 입력을 반복하거나 할 때는 발생하지 않는다.) * keyup, mouseup - jQuery용 / onKeyup, onMouseup - javascript용 ('on'이 붙어있으면 javaScript용)

프로젝트를 진행하면서, 가끔 앵커 태그(a태그)에 어떤 경우는 'href'에 javaScript 함수가 정의되어 있고, 어떤 경우에는 onClick에 정의되어 있는 것을 본 적이 있다. 그래서 어떤 차이가 있는지 궁금해서 구글링을 해보았다. 코드로 보는 게 더 이해가 빠를 거 같다. function checkAnchor(obj){ console.log($(obj).attr('attr-check')); } 결과 1) href - undefined 2) onclick - onclick:attr-check 위처럼 href로 함수 호출 시, 자기 자신의 object를 찾지 못해 undefined를 표시하게 된다. 하지만, onclick을 사용하면 정상적으로 자기 자신 this가 인식되어 속성을 표시하게 된다. ..

프로젝트를 하면서, 해당 부분을 클릭하면 내용이 복사되도록 하는 기능을 개발한 적이 있다. 우연히 구글링을 하다가, 클립보드 API가 있는 것을 알게 되었다. Clipboard API : 클립보드에 내용을 복사하고 붙여 넣을 수 있는 비동기 읽기 및 쓰기 작업을 제공. 클립 보드 API는 'navigator.clipboard'개체 내에서 사용 가능. 이 API는 JavaScript 언어에 새로 추가된 것으로 모든 브라우저, 특히 이전 버전을 지원할 수 있는 것은 아니다. 브라우저에서 이 API를 지원하는지 확인하려면 아래 코드를 사용해서 확인 가능하다. if (!navigator.clipboard) { console.log("나오면 작동하지 않습니다."); }else{ console.log("나오면 작동..

프로젝트를 진행하다 보면 배열을 사용하지 않은 적이 없다. 그래서 오늘은 배열 함수 중에서 Array를 알아보려고 한다. 일상생활에서 비슷한 것을 한 곳에 담아두는 것을 '자료구조'라고 한다. 어떤 방식, 어떤 형식으로 'Data'를 담냐에 따라서 다양한 타입들이 있다. 비슷한 종류의 데이터를 묶는 게 'Object'라 했는데 차이점은? 더보기 Object = 토끼, 당근 토끼 => 귀 2개, 먹는다, 뛴다 - Property, Method 당근 => 주황색 , 비타민C - Property만 존재 즉, 'Object'는 서로 연관된 '특징'과 '행동'들을 묶어 놓는 것을 의미 e.g) 토끼, 사람, 물체 등 비슷한 타입의 'Objsect'들을 묶어 놓는 게 바로 '자료 구조'라고 한다. 보통, 다른 프로..