윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 42강 - 객체 지향 기본[3] - 클래스 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 42강 - 객체 지향 기본[3] - 클래스

페이지 정보

조회: 529

본문

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

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

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

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

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 먼 3판 42강 되겠구요

이번 강의에서는 지난번 강의에 프로토타입으로 작성했던 생성자 함수를
클래스 로 변환해 보는 방법을 살펴보도록 하겠습니다
강의가 지금 좀 책과 순서가 어긋나게 진행이 되는데요
쭉 진행을 해서 7.6 쩔 조금 더 나아가 기의 7.6 점 1절 클래스
2 금아 스크립트 식스 부분을 봐주시면 되겠습니다
일단 지난번 감히 에서 언급했던 것처럼 자바스크립트 라는 프로그래밍
언어는 프로토타입을 기반으로 객체지향 프로그래밍을 할 수 있게 만들어진
프로그래밍 언어입니다
그런데 프로토타입을 기반으로 객체지향 프로그래밍을 구현을 하는 프로그래밍
언어가 유명한 게 지금 자바스크립트 밖에 없어요
한마디로 이념 싸움에서 밀렸다 고 할 수 있습니다
이념 싸움에서 승리한 녀석은 오 채 개 표 7 다시 1에 나오는
시 풀뿌리 라던지 잡아 라던지 c # 이라던지 파이썬 2 던지 루비
라던지 오브젝티브 c 라던지 스위프트 라던지 php 라든지 뭐 그런
프로그래밍 언어들이 좀 한마디로 자바스크립트 녀석들이 이념 싸움에서 적고
결국 자바스크립트가 현재 클래스 기반의 객체지향 언어 미츠 로 기어
들어가고 있는데요
기어들어가 도 사실 본질을 그렇게 빨리 바꿀 수는 없겠죠
그냥 자바스크립트가 지금 얼굴에다가 좀 하나 딱 찍고 저 사실 클래스
기반의 객체지향 언어 였어 라고 말하는 것과 다를 바가 없어요
한마디로 현재 그렇게 많이 다르지 않기 때문에 프로토타입을 이해하고
계시다면 쉽게 클래스를 활용할 수 있게 됩니다
자 그럼 지난 강의에서 우리가 프로토 타입에 대해서 한마디로 정의를 하면
객체를 조금 더 효율적으로 선언할 수 있게 만든 녀석 이라고 했습니다
클래스도 똑같아요 객체를 조금 더 효율적으로 선언할 수 있게 만든 녀석의
지나지 않습니다
그럼 한 변 살펴보도록 할게요 일단 클래스를 선언하는 방법은 코드 7
다시
19 에 나오게 되는데 용 그냥 클래스를 입력을 하고
마찬가지로 쓰던 트라고 입력을 해 주고 사용을 해주시면 됩니다
본질은 바꿀 수 없기 때문에 앞 글자는 대문자로 똑같이 입력을 해주시면
되겠구요
우리가 생성자 암투가 컨스트럭터 라고 했죠 그냥 컨 트 럭 터 라는
이름으로
내부의 다가 함수를 생성할 해주시면 됩니다
클래스 내부에 함수를 선언할 때는 앞에 따로 평정 키워드를 붙여 주시지
않아도 됩니다
이렇게 만들면 그냥 이름 국어 수학 영어 과학 을 똑같이 옮겨 주시고
똑같이 옮겨 주시면 됩니다
이게 그냥 전부에요 그래서 생성자 함수를 이렇게 만든다 라고 생각해주시면
되겠구요
내부에 메쏘드 도 사실 큰 차이가 없어요 그냥 요 부분을 옮겨서 클래스
키워드 안에다가 선언 로 해주시면 됩니다
선언을 할 때는 그냥 성성 키워드 없이
이름 뒤에다가 바로 괄호를 붙여주시면 됩니다
사실 이게 이념 싸움 이라는 게 조금 유치하기도 1 됨
우리가 펑션 으로 개체를 선언하는 방법이 한번 무너진 거기 때문에
홍천으로 객체를 선언하지 않고 다른 방법으로 선언을 하는 거라고 생각을
해 주시면 되겠습니다
어쨌건 아뇨 왼쪽에 코드가 u 오른쪽에 프로토타입으로 선언한 코드 와
완전히 같은 것이라고 기억을 해 주시면 되겠습니다
뭐 별 차이가 없기 때문에 쉽게 이해하실 수 있을 거라고 생각을 하고요
나머지 부분은 수정하게 전혀 없어요 인 써 를 생성할 때도 그냥 뉴
키워드를 사용해주시는 거고요 사용할 때도 그냥 똑같이 사용해주시면 됩니다
그냥 객체를 선언을 할 때 코드를 조금 더 깔끔하게 쓸수 있고 뭐 이후에
살펴보겠지만 몇 가지 기능이 조금 추가 되어 있긴 하지만 그 근본 객체를
조금 더 효율적으로 선언하기 위해 만들어진 녀석들이 다는 건 변하지
않습니다
어쨌건 코드를 저장을 해 보고 수행을 하게 되면 이 종목 그냥 똑같은
실행 결과를 볼 수 있습니다
어쨌거나 지금까지 3개의 코드의 걸쳐서 그냥 함수로 객체의 다가 속성과
메소드를 때려 박는 방법 근데 메소드가 여러번 선언 되니까 비율 적이다
따라서 자바스크립트 개발자들은 프로토 타입 이라는 개념을 만들었다
프로토 타입 이라는 개념을 사용하면 메써드 를 공유된 공간에 넣어서
공유할 수 있게 된다
기억해 주시면 되겠구요 엄 그 다음으로는 이념 싸움에서 결국 적기 때문에
프로토타입을 포기하고 현재 클래스 기반의 객체지향 프로그래밍 언어로
넘어가고 있어서 클래스 키워드를 사용해서 객체를 선언을 하게 됐다
사용방법은 뭐 그냥 얼굴에 점 하나 찍고 저 사실 클래스 기반의 객체지향
언어의 써 라고 말하는 것과 다르지 않기 때문에 근본은 그렇게 다르지
않다
천안 방법만 다를 뿐이다 라고 기억을 해 주시면 좋겠습니다
어쨌거나 지금까지 생성자 함수와 클래스에 대해서 알아보았는데요
그렇게 어렵게 느끼지는 않았을 거라고 생각해요 물론 지금 25분 30분
정도의 강의로 모든걸 전달하고 있기 때문에 빠르게 전달이 되어서 어렵게
느끼실 수 있었겠는가 해요
그냥 구문 만 매우 주시면 딱히 사용하는 데는 큰 지장이 없을 거라고
생각을 합니다
어쨌거나 지금까지 쭉 진행을 해서 7장에
조금 더 나아가 기까지 알아보았는데요 다음 장부터 는 다시 6장의 조금
더 나아가기 부분으로 돌아가서 차근차근 이 내용에 대해서 살펴보도록
하겠습니다
그럼 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.