이클립스에서 사용하는 단축키를 다운로드AIbracket 다운로드변수에 var를 안붙였을 때 문제되는 경우결과화면 : 함수를 위에 선언하지 않아도 실행 됨. - 호이스팅(hoisting)결과화면 : JSON결과화면 : 결과화면 : 문제1결과화면:
배열식 표기법은 중요함
복사와 참조복사 - 원시타입(가벼움)참조 - 객체타입(무거움)결과화면 : => 배열은 객체이기 때문에 복사가 아닌 참조가 되어 "진석이 만세"가 출력됨.결과화면 : => 자바스크립트에서 문자열은 원시타입이다.
onload =>> 이미지 로딩이 다 끝나야 발생하는 이벤트DOMcontentLoaded => 이미지 로딩이 끝나지 않아도 태그를 끝까지 읽으면 실행되는 이벤트v_btn.onclick => 이벤트를 중복해서 실행하면 나중 이벤트만 실행됨v_btn.addEventList
js정리1.html js정리2.html JSA.html 복사와참조.html 동적객체.html
로컬스토리지.html 영적질문.html 움직이기 확인문제.html callback함수.html this다루기.html this에관한고찰
결과화면 : 등록버튼을 눌렀을 때
기본적으로 장착된 기능을 막는 메소드장착된(built-in) 이벤트기능 막기그 객체에만 해당하는 이벤트 발생부모와 자식에게 같은 코드로 다른 이벤트가 적용되어 있을 때 해당 객체의 이벤트만 발생하도록 함.부모에 자식간에 이벤트가 겹치는 경우를 event 버블링이라고 함
form 전송 방식의 문제 : 부분 변경이 안되고 전체가 변경된다.동기방식 / 비동기방식ajax를 변수로 받아 변수명.open("method","url",비동기=true / 동기=false)jQuery에서 쓰는 Ajax를 만들어보기
CORS프로토콜 + 서버(도메인명) + 포트번호 세가지를 합친 것을 Origin이라고 부른다.
즉각 실행함수 : function(){}을 ()로 감싸주면 바로 실행되는 함수가 된다. => 전체를 ()로 묶어주면 표현식으로 인식, 바로 실행됨 앞에 +를 붙여도 된다.또는사용 이유: 메모리를 절약하기 위해서,한 번만 사용할 때 사용
Core.html
ondragover - 드래그해서 가져온 파일ondrop - 드래그 해서 놓은 파일FileReader => 파일을 읽어주는 객체v_fileReader.readAsDataURL(v_file); => URL형식으로 파일을 읽어줌https://caniuse.com/
모를 때는 두 상황 중 한 가지를 가정하고 문제를 풀기 시작하기.없다고 가정하는 것이 유리하다.이걸 리팩토링이라고 한다.함수로 잘게 쪼개기
CDN이란 ? Content Deliver Network구글서버로 옮겨서 가져온다.cdn을 사용하지 않는 경우파일 이름에 버전정보가 없고, 우린 특정 버전을 사용해야 할 때min.js와 그냥 js의 차이 : min.js는 enter키를 다 뺀 것.(조금이라도 용량을 줄
마우스 끌기.html
인터넷 익스플로러11을 사용할 경우에 ES6을 사용할 수 없음.ES6 : 1\. class 키워드 지원2\. 화살표 함수(Arrow function) 개발자 코딩양을 줄이고, 있어보이려고 만듦. 제약사항이 몇개 있는데, 외우려 하지 말고 이상하면 그냥 function
정말 중요하다.PromisePromise 이전에 복잡한 비동기 로직을 callback 함수로 구현하는 경우,callback속에 callback, 그 속에 다시 callback... 식으로 코드가 엄청 복잡해져서 callback hell으로 불리었음
await라는 함수는 async(동기)일 때만 실행된다.await가 들어가는 함수는 비동기여야 한다.await(기다리고) 중에 다른 프로세스가 실행되고, 다 기다린 후 await가 들어간 함수가 실행된다.
모바일에서 스크롤을 늘릴 때 사용하는 소스
체크 해제해야 버전별 설치가 가능하다.이클립스 홈> Help> Install New Softwareoss.opensagres.fr/tern.repository/1.2.0/참고 : https://tyrionlife.tistory.com/155
Creating ChartCreating Chart여기에서 data에 접근하려면 data안에 datasets라는 배열 안에 data가 들어있다.=> datasets배열은 요소가 1개밖에 없어 0번째 요소를 선택함.data는 배열이기 때문에 배열에 저장해서 이벤트를 준다
@ResponseBody를 사용하면 return 값이 그대로 브라우저에 전송된다.=> It's Rainning이라는 JSP를 찾는게 아니라 It's Rainning을 그대로 브라우저에 출력한다.=> 에러 발생(브라우저는 자바의 Map을 모르기 때문에)list나 Map을
Ajax 사용 시 RestFul API를 많이 사용한다.1\. Get + URL -> 조회2\. Post + URL -> 생성3\. Put + URL -> 수정4\. Delete + URL -> 삭제Form태그는 GET과 POST방식 밖에 보내지 못함.Ajax가 GET