일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- suninatas 풀이
- 조건문
- 백준 파이썬
- burp suite
- 김성엽 대표님
- object
- 자바스크립트
- 백준 알고리즘
- 객체
- IF문
- jQuery
- lord of sql injection
- python
- 포인터
- 파이썬
- 함수
- sql injection
- window
- xss game
- 메소드
- element 조회
- property
- xss game 풀이
- document
- Pwndbg
- blind sql injection
- 배열
- 사칙연산
- github
- htmlspecialchars
- Today
- Total
목록언어/Javascript (78)
power-girl0-0
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/LBYXZ/btqWn1ofFOz/NQy298l1Nv1r4Gvt2m8RSK/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy) Navigator 객체 브라우저의 정보를 제공하는 객체다.자바스크립트가 실행되고 있는 브라우저의 제품명, 버전 등의 정보를 알 수 있는 기능이다. 브라우저마다 다르게 동작하는 것을 'Cross Browsing'이라고 한다.이 Cross Browsing의 문제점으로, Navigator은 주로 호환성 문제를 위해서 사용한다.이를 이용해서 해당 브라우저의 특성에 맞춰 코딩할 수 있다. 웹 표준이 정착이 되기전에는 Navigator 객체를 많이 사용했었다.그래도 여전히 오래된 브라우..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/LVRTp/btqV2aHbMJx/1kjPG9eAKX0WFUWbMk9hLk/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy) Location 객체 현재 브라우저 창에 열려있는 문서의 URL을 알려주는 객체이다. 이전 게시글에서도 말했듯이, 자바스크립트가 브라우저를 제어하기 위해서는 모든 것이 객체화 되어 있어야 한다.이는 꼭 보이는 것만 아니라 URL처럼 보이지 않는 정보도 객체화 할 수 있다. 현재 윈도우 URL을 알아내는 방법 1. 현재 윈도우의 URL 알아내기console.log(location.toString(), location.href);위 명령어를 실행시켜주면, 아래와 같이 출력된다. ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/0JIpI/btqV2Vv8LmT/40Jvi5RYWykEPXHSWDltS0/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) alert 사용자에게 어떤 정보를 제공하거나 문제 발생시 경고하는 것, 또는 코딩하는 과정에서 어떠한 변수에 담겨 있는 값 또는 어떤 함수가 리턴하는 값이 무엇인가를 확인할 때 많이 사용하는 것으로 경고창이라고 부른다. 아래 예제는 버튼을 클릭하면 경고창이 출력되는 코드이다. 경고창의 특징은 경고창이 실행되는 동안, 그 다음 코드는 실행되지 않는다는 것이다. 경고창은 디버깅 용도로 많이 사용되었지만, 최근에는 대부분 브라우저들이 개발자 도구를 가지고 있기 때문에 conso..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dEsw0z/btqV36KQ9zE/G4kMKYFpFaYIonzPj8R71k/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy) BOM ( Browser Object Model ) 개요 웹브라우저를 제어하기 위해서, 브라우저가 제공해주는 객체들을 의미하는 것이다.즉, 웹브라우저의 창이나 프레임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단이다. BOM은 전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있다. 전역객체 Window 이전 글에서도 보았던 그림을 한 번 더 참고하여 실습해보자. 위 그림과 같이 document, navigator, Object, Array...등..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dE7HCn/btqV2aNJDJ2/1TphKSmWZeWphTzUdslxo0/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 해당 글을 보기 전, 이전 글을 읽고 오면 이해하는데 많은 도움이 된다.2021/02/06 - [언어/Javascript] - Object Model & 객체화window는 두 가지 의미를 가지고 있다.1) 전역 객체2) window 또는 frame 같은 것을 제어하기 위한 객체 DOM ( Document Object Model ) window 객체가 갖고 있는 여러 property 중 가장 중요한 property는 Document이다.document 객체에 접근하려면, wi..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dUS591/btqV19t7Vsh/g9yuKo2r9vJBD3pCNLGEUk/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 웹페이지를 제어하기 위해서는 JavaScript를 로드해야 한다. Object Model 자바스크립트로 웹 브라우저를 제어할 수 있도록, 브라우저의 여러 구성요소들을 객체로 만들어서 제공해주는 것을 Object model이라고 한다. 웹브라우저의 구성요소들은 하나하나가 객체화되어 있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 1) JSC ( 자바스크립트 코어 ) 2) BOM ( 브라우저 오브젝트 모델 ) 3) DOM 위 3가지는 자바스크립트를..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/NmR8x/btqV074hHcl/lGpY7WsH4OdyVXQep24gv1/img.png)
생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 웹페이지를 제어하기 위해서는 JavaScript를 로드해야 한다. inline inline은 태그에 직접 자바스크립트를 기술하는 방식이다. 태그에 연관된 스크립트가 분명하게 드러난다는 것이 장점이다. 위 소스와 같이 정보 역할을 하는 html과 제어 역할을 하는 Javascript가 섞여 있어서 정보로서의 가치는 떨어진다. 이를 해결할 수 있는 방법은 스크립트 태그를 사용하는 것이다. script 태그 태그를 만들어서 여기에 자바스크립트 코드를 삽입하는 방식이다. 해당 태..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bvSC8T/btqVV3mFBhx/wKhcUOMAnOAf1prC9SrJR0/img.png)
생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743 ) 복제 전자화된 시스템의 가장 중요한 특징은 복제다. 프로그래밍에서 복제가 무엇인가에 대해 예제를 통해서 알아보자. var a = 1; var b = a; b = 2; console.log(a); // 1 위 소스 코드의 결과는 1이 출력된다. 값을 변경한 것은 변수 b이기 때문에 변수 a에 담겨있는 값이 그대로인 것은 당연하다. 즉, 변수 b의 값에 변수 a의 값이 복제된 것이다. 이를 그림으로 표현하면 아래와 같다. 참조 ( reference ) 아래 예제를 통해서 알아보자. var a = {'id'..