화살표함수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 입문 : textRPG 만들기 - 클래스 이용하여 기본코드 재구성컴퓨터 알아가기/JavaScript 2022. 9. 8. 19:30
이 글은 제로초 TV 자바스크립트 강좌를 기본으로 하고 있습니다. 이제부터는 본격적으로 클래스를 이용하여 textRPG 내역을 재코딩하면서 내용을 업데이트 하도록 하겠습니다. 다시 강조하지만 클래스의 기본은 객체지향프로그램 (Object Oriented Program, OOP)이며 기본 구성으로 생성자 (Constructor)와 부모상속을 하는 (Super)를 기억해야 합니다. 1. 각 클래스별 항목 클래스로 게임을 재구성하기 위해서 클래스를 나타내는 항목을 고민할 필요가 있습니다. 우선 hunter와 animal은 클래스 하나의 항목으로 고민할 수 있습니다. addEventListener( )메소드가 있는 지점은 일반메뉴와 사냥메뉴가 작동하는 곳으로 기본적인 활성화만 시켜놓고 다 지우고 갑니다. 전체적..