file - preferences - configure snippets 클릭 위 검색창에 html 검색해서 html.json 클릭  { "html": { "prefix": "shortHTML", "body": [ "", "" ], "description": "짧은 HTML" }}prefix는 명령어, body는 명령어 쳤을때 자동으로 나오는 코드라고 생각하면 됨   prefix 로 설정했던 shortHTML 입력하면 옆에 description과 body로 입력했던 내용이 나옴

bar를 움직이려면 화면을 클릭하고 하세용!!  시작 중지

원시타입(primitive)   vs  객체타입(object) 원시타입 : 속성도 메소드도 없는 것. number, string, boolean   객체타입: 배열, 리스트, 메소드,...나머지는 무시 null, undefined, NaN  원시타입 값을 할당시 복사가 됨객체 타입은 값을 할당할 시 참조가 이루어짐  var a=111; var b=a; b=222; alert(a); 이렇게 되면 a의 값은 111왜냐하면 a는 원시타입(number)이기때문에 b에는 a가 복사가 돼서 b와 a는 별개의 변수!!따라서 원본인 a에 222가 들어가는 게 아닌 b에 222가 들어가는 것(a와 b가 다름)    var a={ name:"철수", age:20, ..

https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com 다운받은 후 C드라이브에 폴더 생성 후 저장 nvm -v 설치된 것 확인 nvm ls 하면 설치된 것이 없다고 뜨는데 nvm ls available을 하면 설치할 수 있는 버전을 알려줌 LTS (long term support) - 장기적으로 지원해줌(보통 이거씀) current - 모든 엔진을 다 직접 개발해서 쓸 때 nvm install 20.18.0 ..

ajax : 클라이언트와 서버간에 데이터를 요청하고 응답받는 방식 중 하나   ajax 구조  $.ajax({ url: "/main.do", type:"POST", //post, get 중 하나 contentType:"applicatoin/json", //보내는 타입 dataType: "json", // 응답타입 data:{key1:"value", key2:"value", ...}, success:function(response){ }, error: function(){} }); success 함수 전 데이터즉, url, type, data는 req로 서버에 요청 보낼 ..

async / await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법으로, 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와줌특히, 복잡했던 promise를 조금 더 편하게 사용할 수 있다.  async function 함수명() { await 비동기_처리_메서드_명(); } async 키워드는 function 앞에 사용한다. function 앞에 async를 붙이면 해당 함수는 항상 프로미스를 반환함프로미스가 아닌 값을 반환하더라도 이행 상태의 프로미스(resolved promise)로 값을 감싸 이행된 프로미스가 반환되도록 한다. async function f() { return 1; ..

XMLHttpRequest(XHR)서버와 통신을 하도록 하는 객체 1. 객체는 서버와 상호작용하기 위해 사용2. 전체 페이지를 새로고침하지 않아도 URL을 통해 데이터를 전송하거나 받아올 수 있음3. XML 데이터 통신 x, 모든 종류의 데이터 받아올 수 있음4. 객체는 브라우저에서 제공하는 API임. node.js환경 x  Ajax동적으로 서버에서 데이터를 주고받는 기술  JSON오브젝트를 보고 만든 데이터 포맷텍스트를 기반으로 하여 파일이 가벼움데이터를 직렬화하여 전송할 때 쓰이는 파일프로그램 언어와 플랫폼에 상관없이 사용가능함모바일에서도 서버와 전송시 사용됨  JSON.stringify(obj)자바스크립트 object를 문자형태로 직렬화 JSON.parse(json)json 타입을 자바스크립트 ob..

동기 방식: 직렬적(순차적)으로 작업 수행.해당 작업이 수행중이면 다음 작업은 대기.서버는 한번에 많은 요청이 들어오고 동시에 많은 요청을 처리해야 하기 때문에 이러한 방식과는 맞지 않음  비동기 방식: 병렬적으로 처리.요청이 들어오면 해당 요청에 의한 작업이 끝나지 않았더라도 계속 요청을 받고, 작업이 끝났다는 이벤트가 오면 해당 요청을 처리함예) Web API, Ajax, axios, setTimeout 등    자바스크립트는 싱글 스레드 방식으로 하나의 스레드에서 모든 것을 돌려야함.비동기적 자바스크립트 동작을 하는 기술들을 통틀어 Ajax라고 하는데, Ajax를 이용해서 데이터를 불러오는 동안 다음 코드를 진행하는 것이 가능해짐   Ajax( Asynchronous  Javascript And X..