차근차근 배움터

자바스크립트 데이터 타입 -기본타입 -- 숫자(Number) -- 문자열(String) -- 불리언(Boolean) -- undefined -- null 참조타입 - 객체(Object0 -- 배열(Array) -- 함수(Funciton) -- 정규표현식 자바스크립트에는 자바처럼 float, int 타입으로 구분되어 있지 않기 때문에 var intNum = 10; var floatNum = 0.1; intNum과 floatNum의 타입체크를 해도 number 라는 공통된 결과값을 갖는다. var strEx = "test"; console.log(strEx[0],strEx[1],strEx[2],strEx[3]); // 출력 t e s t strEx[0]="T"; console.log(strEx); // 출력..

1. 방법 1 2. 방법 2 부모창의 URL을 새로고침 하므로 반드시 GET으로 전송된 부모창이 열려 있어야 함. POST로 전송된 부모창이 열려있을 경우 오류가 발생함 3. 방법 3(부모창을 새로고침 할수도 있고 이동할 페이지를 지정 할 수 있습니다.) JAVASCRIPT 부모창 새로고침 JAVASCRIPT 부모창 새로고침 하는 여러가지 방법 팝업창을 띄우고 나서 처리를 한 후 부모창을 ... blog.naver.com

sql 문에서 순서가 왔다갔다 하는 오류가 생길 수 있다. 이는 ajax를 비동기방식이 아닌 동기방식으로 변경해서 실행해주면 해결 async: true async: false 로 변경해준다.

onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"

삭제하는 순간 해당 번째 값이 사라지기 때문에 그 다음 체크박스 선택한 번째의 값을 삭제하기에 순서가 엉망이 된다는 것 그래서 list에다가 삭제할 값들의 id를 push 해서 for문을 돌린 후에 일괄 삭제하도록 수정했다. function deleteRow() { var tbody = document.getElementById("tbody"); var rows = tbody.rows.length; var hvs = document.getElementsByClassName("hv"); var total = 0; var list = []; for(var i = 0; i < tbody.children.length; i++){ if(tbody.childNodes[i+1].firstChild.firstChild..

Content Delivery Network 말 그대로 콘텐츠를 배송하는 방식이다. CDN이란 인터넷 서버와 가까운 위치에 파일을 미리 복사해두고 이를 빠르게 다시 가져가 사용하는 방법을 말한다. 하나의 서버에서 가져오는 좌측과 같은 방식이 있다면 여러대의 서버에서 가져오는 우측과 같은 방식이 있다. 파일을 쉽고 빠르게 다운로드 받아서 사용하는 방법을 말하는데, 여러분들이 사용하고자 하는 누군가의 js 파일을 사용하고자 한다면, 코드를 직접 다운 받거나 복사하여 우리 프로젝트에 맞게 적용시키는 과정이 필요하다. 하지만 CDN를 이용하여 JS 파일을 다운로드 받으면, 단 한 줄의 코드로 파일을 다운로드 할 수 있게 된다. 아래는 타이핑 애니메이션을 구현한 코드를 CDN으로 받아온 것이다. - CDN 사용법..

간단한 웹사이트를 만들고 있는데 지도 기능을 넣고 싶어서 찾아보았다. 복잡해보이지만 생각보다 간단한 것!

defaultParameter is only for "undefined" // Logical OR operator || function printMessage(text) { const message = text || 'Nothing to display'; console.log(message); } printMessage('Hello'); printMessage(undefined); printMessage(null); printMessage(0); printMessage(''); >> 출력 1번째 값 빼고 모두 'Nothing to display' 출력 Nullish coalescing operator ?? leftExpr ?? rightEx null, undefined undefined과 null 도 f..

1. keyup 키보드에서 손을 땠을 때 실행 2. keydown 키보드를 눌렀을 때 실행 키보드를 누르고 있을 때 한번만 실행됨 3. keypress 키보드를 눌렀을 때 실행 키보드를 누르고 있을 때 계속 실행됨 * Ctrl, Alt, Shift 키 등은 keydown에서는 작동하지만 keypress 에서 작동하지 않음 * keyCode ASCII code 값 keydown, keyup에서는 a = 65, A = 65로 동일하게 보여짐 keypress에서는 a = 97, A = 65로 다른 값이 보여짐 -> Caps Lock 여부 체크, 대소문자 구분을 통한 로직 작성 가능 * FireFox 에서의 버그 event.keyCode 가 파이어폭스에서 동작안할 수 있음 따라서 keyCode 사용 시 아래와 ..

❣️getElementById 그리고 querySelector 차이점 한번도 getElementById와 querySelector의 차이점에 대해 크게 생각해본 적이 없다. 이번에 클론코딩으로 자바스크립트를 작성하는데 지금 정리해서 알아두면 좋겠다는 생각에 기록해 본다! velog.io