For Beginners

👉 jQuery 이벤트 처리 이벤트 핸들러를 할당, 해제할 수 있는 통합 메소드 제공. DOM Element의 이벤트 타입마다 여러 핸들로 할당 가능. 버튼을 누르게 되면, div 자체가 사라지게끔 된다. 👉 bind(), unbind() bind라는 함수를 이용하게 되면 핸들러 연결이 가능한데, 동적으로 생성한 객체에는 적용되지 않는다. (되도록 사용하지 않는 것이 좋다.) 👉 on() 이벤트 핸들러에 연결, 동적으로 생성한 객체도 적용할 수 있어서 bind() 대신 사용하기를 권장한다. delegate selector를 적용하여, 동적으로 생성한 것의 선택자를 명시하도록 한다. 동적으로 생성한 것에 대한 선택자를 매번 동적인 작용이 이루어지면 그때마다 검사하는 것으로 한다.

jQuery는 요즘 잘 사용하지 않지만, 유지 보수 팀에 들어가게 되면 사용할 수 있는 기초 지식. 👉 jQuery의 특징 크로스 플랫폼을 지원 (당시 브라우저 춘추전국시대 때, 표준이 없을 때도 브라우저에 상관없이 표준화) JavaScript에서 사용하던 코드를 축약해서 사용할 수 있다. 배포용으로 만들게 되면 더 공유하기 쉬워지기 때문에, 더 보편화되어 있다. 경량 라이브러리이기 때문에, 복잡한 화면 관리 시 분리 등이 더 용이하다. https://trends.builtwith.com/javascript/javascript-library jQuery는 트렌디하지 못하다, 하지만 아직 사용하는 회사가 있기 때문에, 알고는 있어야 한다. ActiveX 같은 경우에는 익스플로러만 가능했었던 시절이 있었다...

👉 자바스크립트란? 자료형을 명시하지 않는 동적 타이밍 언어 👉 자바스크립트를 어디서 사용하는가? html에 포함되어져서 브라우저에 로딩, 메모리 할당한 다음에 실행해준다. 👉 정적 페이지 -> 동적 페이지 html -> JavaScript 입력 데이터를 얻어오고 문서 조작, 유효성 검사를 위해서 사용한다. 👉 JavaScript와 Java의 비교 JavaScript는 브라우저에서 실행, Jsp(Java)는 JVM에서 실행 👉 JavaScript의 위치 HTML문서 내에 포함되어서 실행. 스크립트 태그로 구분되어서 사용되어진다. 스크립트 태그의 위치는 어디라도 상관이 없다. (일반적으로는 head와 body 내부에 넣어준다.) 만약 외부에서 JS 파일을 가져오고 싶으면 src를 통해서 가져온다. JS의 ..

👉 Window 객체 윈도우 객체는 웹 브라우저에서 작동하는 JavaScript의 최상위 전역객체. BOM(Browser Object Model)으로 불리기도 함. 요새는 alert()나 prompt() 같은 경우는 모달창, 다이얼로그 등으로 대체되는 추세이다. window 객체 (브라우저의 창을 open) alert() 브라우저의 알림 창 confirm() 브라우저의 확인/취소 선택 창 prompt() 브라우저의 입력 창 window 객체 (navigator) 브라우저의 정보가 내장된 객체 서로 다른 브라우저를 구분할 수 있다. window 객체 (페이지의 주소, 이력) location.href 현재 url 조회 또는 할당된 url로 이동 location.reload() 현재 페이지를 새로고침. 디비의..

👉 동적 타이핑 언어 JavaScript 자료형을 명시하지 않는다. HTML 문서 내에 존재하고, 웹 브라우저에서 실행되는 프로그램이다. HTML 문서에 대한 조작과 유효성 검사를 위해 사용한다. 👉 JavaScript 와 Java의 차이 JavaScript Java 클라이언트 스크립트 서버 스크립트 브라우저에서 실행 JVM에서 실행 html jsp 동적 타이핑 언어 정적 타이핑 언어 ; 생략 가능 ; 생략 불가 문자열을 표현 시 ", '를 구분없이 사용 문자열을 표현시 "만 사용함 char가 없음 char가 있음 문자열 비교 시 == 사용 문자열 비교 시 .equals 사용 값 비교 시 === 사용 값 비교 시 == 사용 👉 파일에 따라 사용하는 웹 요소들 .html(CSS, JS) .jsp (HTML..

Help메뉴 - Install New Software 선택 - Work with ==> http://oss.opensagres.fr/tern.repository/1.2.0/ 입력 - Tern - Embed Node.js 체크 Tern IDE 체크 Tern Tooling 체크 - 설치 - 재시작