html 파일 우클릭 - open with - other  external programs에서 visual studio code 검색    vscode에서 편집하고 스프링에서 html 한 번 찍고 실행시켜야함  vscode 추가해놓으면 vscode 추가돼있음  Refresh using native hooks or polling 체크 하면vscode에서 편집하고 스프링 안 찍어도 됨

모달 띄우기 기본  ㅎㅇ 반가옹 누르면 닫힐껄 췐틀맨 만만세 열려라 췐틀    이렇게 하면 잘 실행되는데  주의할 점!!mopen(), mclose() 대신 open(), close()로 하면 f12 눌러도 에러도 안뜨궁elements에 소스도 다 사라져있음!!↓    ↓    ↓open(), close()는 window 메소드라 새로운 윈도우가 열려버려서 open, close 예약어로 함수명 지정하면 안됨     다른 방법(같은 메소드로 사용하기)  ㅎㅇ 반가옹 누르면 닫힐껄 ..

let str1 = "수민 왕창 미웡";function disp(param){ console.log("체킁",param);} try { disp(JSON.parse(str1)); //error. 그냥 문자열이라서 안됨. 대괄호나 중괄호가 있어야 됨} catch (error) { console.log("체킁2",error); disp(str1);}체킁2 에서 에러가 나는 이유는 str1이 문자열이기 때문!대괄호나 중괄호가 있어야 json parse할 수 있음     let str2 = `[ {"name":"수민", "alias" :"덩말 미웡"}, {"name":"수민", "alias" :"덩말 미웡"}]`; function disp(param){ conso..

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