https://chantleman.tistory.com/entry/XMLHttpRequest  XMLHttpRequestXMLHttpRequest(XHR)서버와 통신을 하도록 하는 객체 1. 객체는 서버와 상호작용하기 위해 사용2. 전체 페이지를 새로고침하지 않아도 URL을 통해 데이터를 전송하거나 받아올 수 있음3. XML 데이터 통chantleman.tistory.com  https://chantleman.tistory.com/entry/fetch fetch동기 방식: 직렬적(순차적)으로 작업 수행.해당 작업이 수행중이면 다음 작업은 대기.서버는 한번에 많은 요청이 들어오고 동시에 많은 요청을 처리해야 하기 때문에 이러한 방식과는 맞지 않음chantleman.tistory.com  https://ch..

웹 애플리케이션에서 사용자 상태 관리하는 두가지 방법 1. server session :   서버에 사용자 데이터 저장. 서버 측에서 관리하므로 보안성이 높음. 중요한 정보는 서버에만 저장되므로 클라이언트 측에서 노출되지 않는다.  세션 타임아웃 설정에 따라 일정 시간이 지나면 세션이 만료됨2. browser session : 클라이언트의 브라우저에 저장되며(쿠키, 세션 스토리지), 클라이언트 측에 데이터가 저장되므로 보안에 취약할 수 있음 browser session에는 LocalStorage와 SessionStorage가 있당- Local Storage(영구저장소) : 한번 저장하면 지우는 명령을 하지 않는 이상 계속 남아있음 - Session Storage(임시저장소) : 브라우저에 접속하는 동안에..

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; ..