power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) inline ( 인라인 방식 ) 인라인 방식은 이벤트를 이벤트 대상의 태그 속성으로 지정하는 것이다. 아래 예제는, 버튼을 클릭했을 때 Hello world를 경고창으로 출력한다. 이벤트가 발생한 대상을 필요로하는 경우 this를 통해서 자기 자신을 참조할 수 있다. 위 코드에서 2줄의 document.getElementByID('target').value는 this.value라고 작성해도 같은 결과값이 출력된다. 왜냐하면, document.getElementByID('t..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) this this는 함수 내에서 함수 호출 맥락(context)를 의미한다. (맥락 : 상황에 따라서 달라진다는 의미 ) this는 자바스크립트 함수 안에서 사용할 수 있는 일종의 약속된 변수이다. 즉, this에 대한 값은 함수를 어떻게 호출하냐에 따라 this가 가리키는 대상이 달라진다. 함수 호출 function func(){ if(window === this){ document.write("window === this"); } } func(); 위 예제의 결과는 window === this 가 출..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 객체 ( Object ) 배열에서 인덱스는 숫자를 사용하였으며, 데이터가 생성되면 자동으로 만들어져서 데이터에 대한 식별자가 된다. 객체도 배열과 비슷한 형태이지만, 객체는 인덱스를 문자로도 사용할 수 있다. 다른 언어에서는 연관 배열 또는 맵, 딕셔너리 라는 데이터 타입이 객체에 해당된다. 즉, 객체는 key와 value를 갖는다. 객체 생성 객체는 중괄호에서 중괄호로 끝난다. 1. 첫번재 방식 즉, egoing은 key가 되고, 10은 value가 된다. 2. 두번째 방식 비어있는 객체를 만든 뒤, ..