this
-
JavaScript 입문 : 객체를 가리키는 this - 확실하게 개념 익히기 (3) : 화살표 함수 및 Strict Mode컴퓨터 알아가기/JavaScript 2022. 10. 4. 19:30
이제 this의 개념이 어느정도 잡혀 가는 느낌입니다. 만일 this라는 개념이 헷갈리거나 하면 반드시 확실하게 개념익히기 1탄과 2탄을 꼭 읽어보시기 바랍니다. this라는 개념의 범위가 넓겠지만 1탄과 2탄이 전부이고요. 금일 정리할 사항은 중요하지만 잘 모르는 경우 잘 사용안해도 될 것 같습니다. 자바스크립트 처음 공부할 때 함수사용에 있어 function( ) { }나 ( ) => { }함수는 같게 사용한다고 일단 머리속에 넣오 놓았습니다만 사실 약간의 차이가 있다고 했는데 그 중 하나가 this를 활용할 때 일반함수식과 화살표 함수식에서 차이를 볼 수 있습니다. 2탄에서 사용한 예제를 가지고 보겠습니다. 1. 화살표 함수에서의 this 다음 코드를 보면 첫번째 콘솔은 fruit 객체를 나타내고 ..
-
JavaScript 입문 : 객체를 가리키는 this - 확실하게 개념 익히기 (2)컴퓨터 알아가기/JavaScript 2022. 10. 3. 19:30
현재까지 이해한 this를 다시한번 3가지 정리를 해 보겠습니다. ① this는 객체를 가리키는 지시대명사이고 키워드이다. ② this는 그래서 호출한 키워드이고 호출이 없으면 전체를 나타내는 window를 지칭한다. 쉽게 보면 window는 브라우저 자체를 가리킨다 보면 됩니다. ③ 대부분의 this값은 함수를 호출한 방법에 의해 결정된다. 상기 3가지를 이전시간 실습을 통하여 확인할 수 있었습니다. 좀 더 this에 대해 알고 가보자 합니다. 역시 this의 정의공부는 짐코딩 강의를 통하여 참조하고 있습니다. 1. 클릭이벤트를 통한 this 확인 클릭이벤트를 확인하기 위해서 HTML상 태그를 만들고 를 다음과 같이 작성해 보겠습니다. addEventListener( )메소드를 통한 this는 무엇을 ..
-
JavaScript 입문 : 객체를 가리키는 this - 확실하게 개념익히기 (1)컴퓨터 알아가기/JavaScript 2022. 10. 2. 19:30
코드를 따라하면 이해가 되기도 하는데 또 곰곰히 생각해 보면 도대체 자바스크립트상에서 this가 무엇일까하는 의문이 종종 듭니다. 이는 this를 이해하지 못했기 때문이라고 생각이 드네요. 2022년 자바스크립트를 공부하면서 과거에 사용되었던 변수 앞 지정하는 'var'도 이제는 사용안한다고 하고 대신 새롭게 this라는 지정대명사(?)가 생겨나서 이 내용을 반드시 이해하고 넘어가야 마음이 편할 것 같습니다. 최대한 이해해 볼려고 노력하고 잊지 않도록 여기에 기록을 해 보고자 합니다. 이전 발행글에도 사실 this를 다루었지만 뭔가 완벽하지 않다라는 느낌이 들어 다시 정리해 보는 개념이겠지요. 2022.09.02 - [컴퓨터 알아가기/JavaScript] - JavaSCript 입문 : 자바스크립트에서 ..
-
JavaScript 입문 : textRPG 만들기 - this를 이용하여 사냥메뉴 만들기컴퓨터 알아가기/JavaScript 2022. 9. 6. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간까지 전체 RPG의 기본프레임 즉, 게임이 동작할 수 있는 구조를 미리 구성 하였습니다. 오늘은 자바스크립트의 중요한 요소인 this를 이용하여 사냥메뉴에서 상호간 공격하는 롤플레이 형태의 코딩을 공부해 보고자 합니다. this를 알아야하는 이유중 하나는 this를 이용하여 향후 지금과 같은 형태의 코딩에서 중요항목별 묶는 클래스 기능을 사용할 때 아주 유용하게 사용할 수 있습니다. 1. this (자바스크립트) 자바스크립트에서 this는 다음과 같이 우선 기억해 두면 편합니다. " 자바스크립트 객체안에 this는 객체 자기 자신을 가리키며, 객체.메소드( ) 형태가 되어야 this가 객체 자신을 카리킵니다. " 사실 이러한 정의..
-
JavaSCript 입문 : 자바스크립트에서 this는 무엇인가? - 1컴퓨터 알아가기/JavaScript 2022. 9. 2. 19:30
자바스크립트를 공부하다 보면 this라는 단어가 심심치 않게 등장합니다. this가 this인데 갑자기 왜 나올까하는 생각으로 기본부터 이해를 해 보고자합니다. 일단, 문헌에 의하면 대부분의 경우 this값은 함수를 호출한 방법에 의해 결정된다고 합니다. 무슨 말인지 이해가 되지는 않습니다. 1. 객체내의 this는 변수를 의미 예제를 가지고 무작정 따라해 보면서 정의를 쉽게 내려야 할 듯 합니다. 객체내 word를 return하는 함수를 만드는 예제를 보면 다음과 같이 에러가 납니다. 물론 word값만을 객체에서 뽑고자 하면 console.log(test.word);로 하면 되지만 함수에 대한 내용을 참조하는 방식이 필요할 수 있습니다. 이럴 경우 this를 사용하며 여기서 this의 범위는 test라..