윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 38강 - 객체와 관련된 키워드
페이지 정보
- 조회
- 647
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
윤인성님의 javascript강의 청각장애인을 위한 자막
하세요 모던 웹을 위한 자바스크립트 제이쿼리 먼 38강 되겠구요
이번 강의에서는 177 페이지에 있는 6.절 객체 관련 키워드에대해서 살펴보도록 하겠습니다
객체와 관련된 키워드로 는 잉 키워드와 위드 키워드가 있는데 요 두가지
모두 간단한 내용이기 때문에 빠르게 진행하도록 하겠습니다
일단 코드 6 다시 구해 있는 객체를 복사를 해서 이 객체를 가지고
내용을 살펴보도록 하겠습니다
일단 인지 워드 부터 살펴보도록 하겠는데요 잉 키워드 같은 경우에는 앞에
문자열을 입력을 하게 되고
뒤에다가 객체를 입력하는 형태로 사용하게 됩니다
이렇게 입력을 하면 객체 내부의 해당 문자열을 가진 취 가 있는지
확인하게 됩니다
예를 들어서 이름이라는 키가
스튜던트 에 있는지 확인을 할 때는 요러한 형태의 코드를 사용하게 됩니다
잉 키워드의 결과는 블루 나오게 되고요
현재 코드에서는 스튜던트 내부의 이름이라는 키가 있죠 그래서 초를 출력을
하게 될 것입니다
반대로 예를 들어서 현재 코드와 전혀 상관없는 성별이 스틸 저한테 있는지
물어 보게 되면 현재 스튜던트 라는 개체에는 성별이 라는 키가 없습니다
따라서 펄스를 출력을 하게 될겁니다 저장을 하고 실행을 해 보게 되면 첫
번째는 트루 를 출력을 하고 두 번째는 펄서 를 출력하는 모습을 확인할
수 있습니다
코드를 작성을 할 때 앞에 있는걸 문자를 입력하지 않고 곧바로 일반적인
식별자로 입력하는 경우가 있는데요 이러한 경우에는 현재 이름 이라는
녀석이 변수로 선언되어 있지 않죠 그래서 오류가 발생하게 됩니다
언 디파인 드 인시던트 라는 코드가 되게 되는데 이렇게 식별자로 사용을
하면 안되고 문자를 넣어야 된다라고 기억을 해 주시면 좋겠습니다
물론 식별자로 사용할 때는 요러한 형태가 되겠죠 c 에다가
이름이라는 것을 입력을 하게 되면 이 이름이 실현 티에 있는지 확인을 할
수 있을 겁니다
저장을 하고 잔다 나게 실행을 해 보게 되면 츠루 를 출력하는 모습을
확인할 수 있습니다 그럼 이어서 위드 키워드에 대해서 살펴보도록
하겠습니다
책에서는 코드 6 다시 11 되겠는데요 위와 같이 객체를 만들었을 때
현재와 같이
스틸 한테 점 이름 쓰던 책 점 국어 3 단체 점 수학 쓰던 2.0
어시스턴트 점 과학
요런 식으로 계속 스틸 한테 점이라는 것을 부쳐야 됩니다
사실 뭐 큰 문제는 없지만 사실 개념 자동완성 기능으로 그냥 이렇게 느린
우릴 입력을 해도 그렇게 느린 속도가 나오지 않기 때문에 큰 문제는 없다
라고 생각을 하지만 이렇게 스튜던트 점 이 들어가는 것이 싫을 때는 위
들 키워드 라는 것을 사용하게 됩니다
위드 키워드는 뭐 입부 조건문 이 나와 1 조금 뭔가 비슷한 형태로
위드를 입력을 하고 뒤에 괄호를 입력을 한 뒤 꾸부정한 가로 컬리
브래킷을 입력을 해서 내부의 다가 코드를 작성하게 되는데요
위드 키워드에 과로 내부에는 이 내부에서 스튜던트 점 과 같은 수식어
없이 사용하고 싶은 개체를 입력을 하게 됩니다
예를 들어서 현재와 같이 위드 스튜던트 라고 입력을 하게 되면 2 구문
내부에서는 c 던 트 점 이라는 것을 입력을 하지 않아도 됩니다
간단하게 전체 수정을 해서 지워 보도록 할게 0
요런식으로 만 입력을 해도 2위 2 구문 내부에서는 이름 국어 수학 영어
과학 을 스튜던트 객체에서 가져오게 됩니다
한번 저장을 하고 실행을 해보도록 할텐데요
실행을 하면 지금 화면처럼 출력되는 모습을 확인할 수 있습니다
오늘 강의는 굉장히 짧고 사실 지금 살펴보았던 잉 키워드나 위드 키워드는
그렇게 많이 사용되는 키워드는 아니에요 하지만 필요한 경우가 있을 수
있기 때문에 이러한 기능을 하는 녀석이 있었다 라고 눈도장 을 꼭 찍어
2시면 좋겠습니다
그럼 다음 강의에서 뵙도록 하겠습니다 감사합니다.
댓글 0개
등록된 댓글이 없습니다.