일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- element 조회
- object
- 자바스크립트
- lord of sql injection
- 객체
- python
- github
- 백준 알고리즘
- property
- 백준 파이썬
- 배열
- xss game 풀이
- 조건문
- window
- sql injection
- 메소드
- 함수
- jQuery
- 포인터
- suninatas 풀이
- document
- IF문
- htmlspecialchars
- 김성엽 대표님
- burp suite
- 사칙연산
- xss game
- 파이썬
- blind sql injection
- Pwndbg
- Today
- Total
목록언어/Javascript (78)
power-girl0-0
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/XwuhT/btqWKZw49WZ/TEKBQTkI7UPGk3H3EaB5l0/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) Element 객체 Element 객체는 엘리먼트를 추상화한 객체다. DOM은 HTML만을 제어하기 위한 모델이 아니다. HTML이나 XML, SVG, XUL과 같이 마크업 형태의 언어를 제어하기 위한 규격이기 때문에 Element는 마크업 언어의 일반적인 규격에 대한 속성을 정의하고 있다. 또한, 각각의 구체적인 언어(HTML,XML,SVG)를 위한 기능은 HTMLElement, SVGElement, XULElement와 같은 객체를 통해서 추가해서 사용하고 있다. 다른..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qPDCg/btqWKiXJgAM/9OpdM2jnnQMHns9MPFuEvk/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) jQuery 객체란? jQuery 함수의 리턴값으로, jQuery 함수를 이용해서 선택한 element들에 대해서 처리할 작업을 property로 가지고 있는 객체다. li.css('text-decoration','underline'); 위와 같이, 인자가 두개일 경우는 text-decoration에 underline값을 넣겠다는 의미이다. li.css('text-decoration'); 하지만, 인자가 하나인 경우는 text-decoration의 정보를 가져오겠다는 의미..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/D1olf/btqWGKAbKdj/XaapEGQykKPoWWgmFtbLAK/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) HTMLCollection HTMLCollection은 리턴 결과가 복수인 경우에 사용하게 되는 객체다. HTMLCollection의 목록은 실시간으로 변경된다. 아래 코드를 보자. HTML CSS JavaScript console.group()으로 시작해서 console.groupEnd() 사이에 있는 코드를 그룹핑해서 출력해준다. 결과
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bgQpjy/btqWsHx1rdE/mmTNhykPXiLpwKyZ5Gzfpk/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) HTMLElement getElement* 메소드를 통해서 원하는 객체를 조회했다면 이 객체들을 대상으로 구체적인 작업을 처리해야 한다. 이를 위해서는 획득한 객체가 무엇인지 알아야 한다. 그래야 적절한 메소드나 프로퍼티를 사용할 수 있다. 아래 소스코드를 통해 알아보자. HTML CSS JavaScript .constructor.name을 사용하면 객체의 이름을 리턴해준다. 위 소스의 실행 결과는 HTMLLIElement와 HTMLCollection가 출력된다. 이것을 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/OdGVe/btqWx5qS07V/uf0msLJfUBuMV7Fb5bKSEk/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) jQuery를 이용하면 DOM을 사용하는 것 보다 훨씬 효율적으로 필요한 객체를 조회할 수 있다. jQuery는 객체를 조회할 때 CSS 선택자를 이용한다. jQuery의 기본문법 jQuery의 기본 문법은 단순하고 강력하다. 간단한 예제를 통해서 알아보도록 하자. $ ('li').css('color', 'red'); $()는 jQuery의 함수이다. 이 함수의 인자로 CSS 선택자(li)를 전달하면 jQuery 객체라는 것을 리턴한다. 이 객체는 선택자에 해당하는 엘리먼..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qhOTf/btqWBzLKSsY/SPNwWOJOcHdEvKUYN4CeIk/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 라이브러리 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다. jQuery jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다. jQuery 사용 jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 한다. 위 코드는 아래 웹 주소에서 가져와서 사용하는 것이다. 해당 웹 페이지는 jQuery를 사용할 때, 도움을 주는 페이지이다. 다른 방법으로 jQuery를 사용하고 싶으면 아래 주소를 참고..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/xlqVI/btqWx54O9eW/4yzEa2rFHC2vWzCrByLlh1/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. html 문서를 만들면 각각의 태그들을 바탕으로 브라우저가 웹페이지를 만든다. 이러한 과정에서 각각의 태그에 해당되는 객체를 만든다. 따라서, 작업을 하려면 브라우저가 만들어 놓은 객체를 찾아내는 방법을 알아야 한다. 그런 방법을 아래에서 알아보자. document.getElementsByTagName ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qP3wz/btqWjqhxY9S/z8k4szhrxk8n9FlqfRZo20/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) window.open( ) window.open 메소드는 새 창을 생성한다. 요즘 브라우저는 대부분 탭을 지원하기 때문에, window.open은 새 창을 만든다. 아래는 메소드의 사용법이다. 첫번째 인자는 새 창에 로드할 문서의 URL이다. 인자를 생략하면 이름이 붙지 않은 새 창이 만들어진다. 두번째 인자는 새 창의 이름이다. _self는 스크립트가 실행되는 창을 의미한다. _blank는 새 창을 의미한다. 창에 이름을 붙일 수 있다. open을 재실행 했을 때 동일한..