윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 37강 - 속성과 메서드 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 37강 - 속성과 메서드

페이지 정보

조회: 531

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 먼 3탄 37강 개

있구요
이번 강의에서는 17페이지에 있는 속성과 메서드 에 대해서 살펴보도록
하겠습니다
그럼 지난번에 객체를 일단 복수 바라고 시작을 하도록 하겠습니다
객체 같은 경우에는 꼬부랑 1 가로 그러니까 퀄리 브리켓 으로 만들게
되구요
왼쪽에는 키를 입력을 하고 오른쪽에는 값을 입력을 하는 뭉치를 여러개를
입력을 해서 생성을 할 수 있었습니다
이렇게 만들어진 객체의 요소의 접근을 할 때는
점 을 찍고 tlt b7 c 를 이용하신 다 던지 아니면
뒤에 꼽으라면 가루를 쓰고 내부의 다가 문자열을 입력을 해서 해당 지에
접근을 할 수 있었습니다 어쨌거나 배열 내부에 있는 하나 하나의 값을
우리가 요소 엘리멘트 라고 불러 썼는데요
객체 내부에 있는 하나하나의 값에 묘 왼쪽을 속성 이라고 부르게 됩니다
그리고 이 오른쪽은 속성값이 라고 부르게 되구요 따라서 오브젝트에 ta
속성이라고 이렇게 되구용
모교 녀석은 오브젝트에 키비 속성이라고 잃게 되고 이 녀석은 오브젝트에
tc 속성이라고 이렇게 됩니다
어쨌거나 이러한 속성 중에서 함수 자료용 을 가진 속성을 우리가 특별하게
메서드 라고 부르게 됩니다
넘 코드 6달 시체의 있는 예제를 간단하게 복사해서 붙여넣은 뒤엔 설명을
해보도록 하겠습니다
일단 요렇게 되어 있는 코드 인데요 펄 순이 라는 객체가 있고 내 임과
2시 라는 속성이 있는 것입니다
이때 2시 라는 속성은 함수 자 룡 이 들어 있기 때문에 특별하게 메서드
라고 불러 주게 됩니다
어쨌거나 만에 있는 2시 라는 속성은 메쏘드 이기 때문에
펄 승점 20 라고 입력을 한 뒤 함수를 호출 하든 그냥 호출을 할 수
있게 됩니다
당연히 매개 변수에는 6 소드를 전달을 하게 되겠죠
간단하게 요 상태로 일단 실행을 해보도록 할게요
코드를 저장을 하고 실행을 하게 되면
지금 화면과 같이 밥 이라는 글자가 출력되는 모습을 확인할 수 있습니다
그냥 볼 시점이 시라는 함수를 호출 하도 호출해서 수드 의 매개 변수를
주구 급수 들을 출력하는 간단한 코드라고 할 수 있습니다
어쨌거나 객체의 메서드 내부에서는 자기가 가지고 있는 다른 속성을 참조를
할 수 있게 되는데요
이때는 디스 키워드 라는 것을 사용할 하게 됩니다
펄 썬 내부의 인 메서드 내부에서 디스 키워드를 사용할 하게 되면 이
디스는 곳
요 8승 개체를 의미를 하게 됩니다 따라서 점을 찍었을 때 내 임 속성
등을 활용할 수 있게 됩니다
간단하게 디스 점 네임을 출력해 보도록 할게요 엄 모 매개변수는 크게
의미가 없겠죠
어쨌거나 이 상태로 실행을 하게 되면 윤 인성 이라는 글자를 출력하는
모습을 볼 수 있습니다
디스 점 내 이미 윤 잉 성으로 되서 출력을 하게 된 것이죠 그래서
일반적으로 객체를 만들게 되면 요러한 형태로 속성과 메소드를 디스 를
사용해서 조합을 하게 되면서 코드를 작성하게 됩니다
그래서 책 같은 경우에는
요러한 간단한 예제를 작성을 했던 거죠 그래서 요 코드를 실행하게 되면
디스 점 대인 윤 인성이 매개변수로 전달된 밥을 먹습니다 라는 글자를
출력하게 됩니다
실행을 하면 당연히 이렇게 나오게 되는 것이죠 실 뿔뿔이 라든지 잡아
라던지 # 이라던지 않은 제 찔 지향 언어를 보게 되면 이 디스 를
생략하는 경우도 있는데요
자바스크립트의 경우는 이 키스를 절대 생략할 수 없다라고 기억을 해
주시면 좋겠습니다
그러면 지난번에 우리가 화살표 암수를 배웠어 점 화살표 함수와 이 뻥
천을 사용한 익명 함수 에 가장 큰 차이는
객체 내부에서 사용할 때가 됩니다 일단 이 데이 라는 녀석을 만들어
보도록 하겠 고용 이어서 잎이 라는 녀석을 이번에는 한번 화살표 함수로
만들어 보도록 하겠습니다
내부에는 마찬가지의 코드를 입력으로 해주도록 하겠구요
폴 승점 eta 왕 tos 2.2 db 를 함께 실행을 해보도록
하겠습니다
따라서 첫번째는 기존의 익명 함수 로 되어 있는 녀석을 출력을 하겠고
두번째는 화살표 암투 로 만들어진 이 삐 라는 메소드를 출력을 하게
될겁니다
저장을 하고 실행을 해 보게 되면 처음에는 이전과 마찬가지로 윤 인성이
밥을 먹습니다 라는 글자가 나오게 되구요
두번째 출력을 할 때는 아무것도 없는 것이 밥을 먹습니다 라고 출력을
하게 됩니다
전문적인 용어로 설명을 하면 화살표 함수는 디스를 바인드 하지 않는다
라고 표현을 하게 되는데요
일단 그냥 간단하게 요렇게 객체 내부에서 디스 키워드를 활용을 하고 싶을
때는 화살표 암드 를 사용하면 안된다고 기억을 해 주시면 좋겠습니다
어쨌거나 오늘 강의를 한다. 나 계절 정리를 해보면
일단 객체를 만들 땐 요런 쪽으로 만든다 그리고 개최 내부에는 속성들이
들어 있다
그리고 이 속성 중에 함수 자룡 을 가진 것들을 우리가 메서드 라고
부르게 된다
그리고 메서드 내부에서 자기 자신의 값을 참조 하고 싶을 때는 디스
키워드를 사용한다.
요렇게 기억을 해 주시면 좋겠습니다 어쨌건 오늘 강의는 여기까지 되겠고요
다음 강의에서 뵙도록 하겠습니다 감사합니다.