컴퓨터/Javascript
require으로 모듈 import 할때, 타입스크립트 IntelliSense / 자동완성 작동이 안된다.. & Json 세팅
타입스크립트 & JSON 설정 https://skyksit.com/programming/nodejs/nodejs-set-typescript/ http://daplus.net/javascript-npm-스크립트를-순차적으로-실행/ 1. 타입스크립트 json { "compilerOptions": { "target": "ES5", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */ // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime envi..
| 노마드 코더 | 팁 | 자바스크립트 여러 팁 Console-Api, 페이지 텍스트 드래그 막기
console API 1. console.dir() 지정된 JS 객체 속성에 대한 목록을 표시한다. 2. console.time() & timeEnd() 작업 소요 시간을 추적하는데 사용할 수 있는 타이머 console.time() : (잡 코드) : console.timeEnd() 드래그 금지 전체 드래그 금지; body { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } 특정 부위만 .draggable { -webkit-user-select:all; -moz-user-select:all; -ms-user-select:all; user-select:all } 텍스트만 드래그를 허용하고 싶을 ..
|노마드 코더| 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..
|노마드 코더| 1 |자바 스크립트 기초 문법 노트 - JS_BASIC
1 문자열 합치기 "abcdef" + "ghijkml" 2 자료형 출력 console.log(""); 상수 const var & let 차이 ver : 이미 선언된 변수명으로 또 선언 가능 -> 가독성을 떨어뜨린다 ver myname = "hong"; ○ ver myname = "song"; ○ let : 이미 선언돈 변수명으로 다시 선언은 불가능 let myname = "hong"; ○ let myname = "song"; X not type null : 자연적으로 발생하지 않움 -> 값조차없다는것을 확실하게 명시하기위해 사용 파이썬에선 none이라고 사용 undefined : 공간이 비어있음 상태let hello; console.log(hello)//이렇게 하면 볼수있음 NaN : NOT A NUMB..