Javascript
|노마드 코더| 3 | 문법 적용 - JS_ADAPTATION
1. html attribute를 통한 Range제한 만약 input의 텍스트를 최대 15글자로제한하고 싶으면 다음과 같다. 일단 form 형태로 작성되어야한다 div와 같은걸로 감싸봤자 의미가 없음 다음과 같이 아예 더이상 작성이 되질 않는다. 2. _EVENT.preventDefault() type에 따른 이벤트를 막는것 기본 동작을 실행하지 않도록 지정합니다. submit submit의 경우 제출했을시 페이지가 새로고침이 되는 기본 동작이 있다 click click의 경우 클릭 동작을 막는것 link link의 기본동작은 링크로 이동하기 3. 내가실행한 이벤트확인 사용자가 어떤 이벤트를 벌였는지 화인할 수 있다 function listener(_E) { console.log(_E) } _TARGET..
|노마드 코더 | 팁 | 로컬 스토리지 저장 & 불러오기
1. 저장하기 로컬 스토리지 저장은 Key-value 형식으로 저장된다. value는 단일값이든, 배열이든 저장을하긴하는데 String 형식으로 저장한다. 단일값 여러값이 정수라면 여러값이 문자열이라면 if (단일값이면) : 그냥 단일값 저장해도 상관 없다 else (여려값 저장하려면) : if(여러 값이 정수라면 단, array 형식으로 저장되는것이 아님) : setItme(key, __array__) >> 1,2,3,4,5 하면 된다. else (여러 값이 문자열이라면 || array 형식으로 저장하고싶다면 "[]") : 문자열 배열을 문자열로 저장한다는 의미가 되는데. setItem(key ,JSON.stringify(__array__)) >> [] 로 저장해야한다. 그렇지 않으면 JSON 파싱을 ..
|노마드 코더| 팁 | JS_LOCALSTORAGE
할수있는 동작 보관, 가져오기, 삭제(ALL), key반환, 개수 localStorge 쿠키와 다르게 네트워크 전송이 없다. 쿠키보다 많은 자료를 보관할 수 있다. Key - Value 형식으로 MAP 자료구조와 비슷함 키와 값은 반드시 문자열이 되어야한다. 배열로 저장해도 대열 [] 싸그리 문자열로된다. localstorage.setItem(key, value) // 키-값 저장 localstorage.getItem(key) //키에 해당하는값 가져오기 localstorage.removeItem(key) //키와 키해당하는 값 둘다 삭제 localstorage.clear() //localstorage 전부 비우기 localstorage.key(index) //인덱스에 해당하는 키 가져오기 localst..
|노마드 코더| 2 | 자바 스크립트 문법 - JS_ADVENCE
1. JS - document 객체 사실 HTML과 상호작용하기 위해 HTML의 element를 JS를 통해서 변형하고 작동시키려고.. document document는 HTML을 가르키는 객체다 아래는 console.log & console.dir 의 내용 Console에 대한 이야기 아래와같은 방식으로 HTML을 변화시킬수도 있다. document.MEMVER = ___ 2. Element Searching 1. getElementById("IDNAME") 주어진 IDNAME 과 일치하는 id 속성을 찾고 Element 객체를 반환한다. ID는 유일해야한다. 애초에 하나의 Element만 가져옴 2. getElementByClassName("ClASSNAME") array 방식으로 가져온다 3. ge..