윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 39강 - 동적 속성 추가/제거 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 39강 - 동적 속성 추가/제거

페이지 정보

조회: 657

본문

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

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

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

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

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 먼 39강 되겠고 용

이번 강의에서는 182 페이지에 있는 6.5 절 객체의 속성 추가와 제거
에 대해서 살펴보도록 하겠습니다
프로그래밍을 하다보면 정적으로 무언가 를 생성한다. 또는 동적으로 무언가를
생성 한다. 라는 말을 많이 듣게 되는데요 사실 의미에 좀 변화가 있기는
하지만 정적과 동적 을 9분을 하자면 처음 무언가를 생성을 할 때 함께
생성하는 것을
예를 들어서 이름을 윤 인성이 라고 지정을 하고 생성을 하게 되면 요렇게
생성한 녀석은 정적으로 이름 이라는 속성을 생성했다 라고 표현을 하게
됩니다
반면 처음 생성할 때 가 아닌 이후에 무언가를 추가를 하게 되면 그것을
동적으로 무언가를 생성했다 라고 표현을 하게 됩니다
말이 조금 어려운데요 내용을 쭉 살펴 본 뒤에 다시 한번 설명하도록
하겠습니다
일단 처음에 빈 객체를 하나 만들도록 할게요
이후에 내부의 다 속성을 추가해 보도록 하겠는데요
자바스크립트는 객체가 항상 자기가 원할 때 속성을 추가하거나 제거할 수
있습니다
속성을 추가하는 방법은 굉장히 간단한데요 스튜던트 점을 찍고 이 안에
있는 원하는 키를 입력을 한 뒤에 내부의 다가 값을 입력을 해주시면
됩니다
이 내부에는 이름이 없었지만 이 코드를 입력 을 하시는 순간 이름이라는
키가 생성이 되고 그 속성의 값은 윤성희 됩니다 최건 아 그럼 객체가
어떻게 구성이 되어 있는지 한번 확인해보도록 할게요 일단 객체의 값을
출력을 할 때는 콘솔 단 로고를 사용하는 게 굉장히 편합니다
이름 이라는 속성을 추가하기 전에 콘솔 단 로그로 스튜던트 를 한번
출력을 해 보도록 하겠 고용
이름 이라는 속성을 생성한 이후에 스튜던트 라는 녀석을 한번 더 출력해
보도록 하겠습니다
실행을 하게 되면 지금 화면처럼 추적 뜨는 모습을 확인할 수 있는데요
첫번째는 객체의 아무것도 없었습니다
근데 이후에 두 번째 출력해 쓸 때는 이름 윤 인성 이라는 게 붙은 것을
확인 할 수 있습니다
이렇게 앤 객체 생성 이후에 속성을 추가를 하는 걸 동적으로 속성을
추가를 한다. 고 표현을 하고요
이외에도 다른 속성 들도 추가를 할 수 있습니다
책의 코드 6 따신 16 을 보게 되면 지금 화면과 같은 속성을 출력을
하게 되는데요
요 속성을 추가를 하고 한번 탤런트를 콘솔 단 로그로 출력을 해 보도록
하겠습니다
저장을 하고 실행을 해 주시게 되면 이름 이민성 취미 악기 특히
프로그래밍 장래희망 생명공학 짜라고 출력이 나오는 것을 확인 할 수
있습니다
그럼 이어서 속성을 제거하는 방법을 알아보도록 하겠는데요 속성을 제거를
할 때는 딜리트 라는 키워드를 사용 하게 됩니다
딜리트 를 입력을 하고 뒤에 제거하고 싶은 객체 키를 입력을 하게 되면
이 속성은 제거가 됩니다
간단하게 4가지 모두 제거 해 보도록 할게요
이름과 취미 특히 장래희망을 모두 입력을 해서 저장을 하고 실행을
해보도록 하겠습니다
일단 동쪽으로 속성을 추가를 하게 되는데 곧바로 동적으로 속성들을
제거하므로 스튜던트 에는 아무것도 찍혀 나오지 않게 점 저장을 하고
실행을 하게 되면 방금 언급했던 것과 같은 결과가 나오게 됩니다
그래서 간단하게 속성을 추가하는 방법은 원하는 키를 입력을 하고 값을
때려 받기만 하면 된다고 기억을 해주시면 좋겠구요 속성을 제거를 할 때는
딜리트 를 사용한다.고 기억을 해 주시면 되겠습니다
어째 관한 책을 보게 되면 투 스트링 이라는 메소드가 나오게 되는데요
이후에 살펴보도록 하겠지만 투 스트링 이라는 메서드는 자바스크립트의 모든
객체들이 기본적으로 갖고 있게 되는 함수 라고 할 수 있습니다
우리가 선언은 하진 않았지만 내부의 투 스트링이 고 영 조 스트링은
함수로 선언이 되며
문자열로 변환 될 때 자동으로 호출되는 함수입니다 예를 들어서 투 스틱
메서드의 다감 안녕하세요 라고 입력을 해 보도록 할게요
이 상태로 얼얼 트로
스튜던트 를 출력을 하거나 아니면 스튜던트 에다가
플러스 짬 짬 점 을 입력을 해서 요러한 코드를 한번 작성해 보도록
하겠습니다
코드를 저장을 하고 실행을 하게 되면 안녕하세요 가 출력이 되고
안녕하세요 쩜쩜쩜 느낌표 가 출력되는 모습을 확인할 수 있습니다
이는 문자열로 변환이 필요한 순간에 자동적으로
웹브라우저가 투 스트링 메서드를 호출해 버리기 때문입니다
초 스트링 메쏘드 와 관련된 내용은 이후에 내장재 체를 설명을 하면서
자세하게 설명을 하도록 할 텐데요
일단 지금은 이러한 식으로 문자열이 출력을 할때 초 스트링 메소드가
선언되어 있으면 투 스틱 메서드의 리턴 값을 활용을 한다. 라고 기억을 해
주시면 좋겠습니다
어쨌건 오늘 강의는 여기까지 되게 고형 다음 강의에서 뵙도록 하겠습니다
감사합니다.