2020. 3. 21. 22:01ㆍProgramming/Javascript
생활코딩에서 강의를 보며 JavaSript를 공부하였다.
2020.03.21
어제는 자바 공부를 쉬었다.
학교가 개강하면서 인터넷 강의를 들었다.
학교에선 프론트엔드가 아닌 벡엔드 강의를 듣기 때문에 그날은 강의 듣느라 바빴다.
사실 시간이 많았지만 코딩을 오래 공부해서 또 하고 싶지는 않았다.
오늘은 자바스크립트의 창제어와 DOM 그리고 jQuery라는 라이브러리에 대해서 공부하였다.
오늘의 메모장
2020.03.21
창 제어
window.open 메소드를 이용하면 된다.
_self 자기 자신이다.
_blank 새로운창을 연다.
ot 중복으로 새로운창을 여는 것을 방지한다.
_blank width height resizable yes 를 이용하면 다른 창으로 열개할 수있다.
새 창에 접근
판업 차단
보안
같은 도메인이면 같은 사람이다.
같은 도메인의 사이트라면 자바스크립트를 통해서 원격을 이용해 바꾸는 것이 허용된다.
팝업 차단
어떤 사이트에 들어왔을때 판업차단됨이 보안적인 접근이다.
사용자가 명시적으로 클릭했을때만 판업차단이 풀린다.
DOM
Document Object Model
제어 대상을 찾기
document.getElementsByTagName
유사배열 정확하게는 배열이 아니지만 배열과 유사하게 적용된다.
document.getElementsByClassName
인자로 전달된 값에 해당되는 클래스 네임을 가진 인자들을 조회해서 적용한다.
document.getElementById
복수가 붙지 않는다.
조회한 결과는 하나의 결과만 갖는다.
id 값을 기준으로해서 조회한다.
가장 성능이 좋다.
id라는 것은 유일무이한 식별자이기 때문에 반드시 하나이다.
document.querySelector
편리한 메소드이다.
css선택자를 인자로 받아서 객체를 조회한다.
document.querySelectorAll
모든 선택자를 인자로 받는다.
jQuery
2014년에서 제일 많이 사용하는 자바스트립트 라이브러리다.
자주 사용하는 작업들을 효율적으로 할 수 있도록 모아둔 도구이다.
jQuery의 사용
https://jquery.com/
Using jQuery with a CDN의 코드를 복사해서 쓰면 된다.
이제 학교 수업도 따라 가야해서 하루에 한시간 정도만 JavaScript강의를 들어야겠다.
'Programming > Javascript' 카테고리의 다른 글
생활코딩에서 JavaScript 공부하기 8일차 (2) | 2020.03.23 |
---|---|
생활코딩에서 JavaScript 공부하기 7일차 (2) | 2020.03.22 |
생활코딩에서 JavaScript 공부하기 4일차 (8) | 2020.03.19 |
생활코딩에서 JavaScript 공부하기 3일차 (6) | 2020.03.18 |
생활코딩에서 JavaScript 공부하기 1일차 (9) | 2020.03.16 |