[부스트캠퍼세미나]김재원_presentation-oop
- 1. 자바스크립트에서 객체지향 고민하기 김재원 # OOP, # 자바스크립트, # 고민
- 2. 우리는 왜 객체지향 프로그래밍 을 사용하는 것일까? 자바스크립트에서 객체지향 고민하기 왜 무엇을, 어떻게 객체지향 프로그래밍은 무엇인지에 대해, 그리고 대표적인 특징 에 대해 자바스크립트 코드로 고민해보자. 마치며 객체지향에 대한 주관적인 결론
- 3. 우리는 왜 객체지향 프로그래밍을 사용하는 것일까?
- 4. 우리는 왜 객체지향 프로그래밍을 사용하는 것일까? 코드를 읽었을 때, 복잡성 이 줄어든다.
- 5. 우리는 왜 객체지향 프로그래밍을 사용하는 것일까? 즉, 책임을 분류(Classification) 하자. 또 다른 행동의 주체 를 만들어서 책임지게 하자.
- 6. 우리는 왜 객체지향 프로그래밍을 사용하는 것일까? 주문 사용자 주문을 받는다. 주문은 먼저 들어온 순서대로 처리한다. 주문에 맞는 음료를 제작한다. 음료는 동시에 세개씩 제작가능하다. 주문이 처리될때 마다 출력한다. 주문처리에 실패할 때도 출력한다. 주문이 다 끝나도 출력한다. 음료를 동시에 네개씩 만들려는데 음 여기서 이렇게 처리하고… 음 음료주문 앱
- 7. 우리는 왜 객체지향 프로그래밍을 사용하는 것일까? 주문담당자 주문 매니저 바리스타 바리스타 바리스타현황판 사용자 바리스타 하나 더 추가
- 9. 추상화 추상화 즉, 내가 생각한 책임의 모양을 정하는 것 한자 그대로(뺄 추, 모양 상) 모양을 뽑아내는 것
- 10. 추상화 클래스 VS 리터럴 방식 + 프로토타입 3. 방법은 선택의 문제. 하지만 일관성 있게 1. 고정적인 개념을 사용하는 가? 캐러셀, 페이지네이션, …, 캐러셀워커(?) 2. 충분히 작은 하나의 책임을 갖고 있는가? 버튼연결형 캐러셀 UI ?, 애니메이션 ?
- 11. 캡슐화 passport.js 가 어떤식으로 데이터를 관리하는지 몰라도 우리는 어떤 책임을 갖고 있는지만 알고, 사용하면 된다. 캡슐화
- 12. 내부와 외부를 분리 하는 것 부가적으로, 은닉 의 역할도 한다. 객체지향의 대표적인 특징 자바스크립트로 살펴보기
- 13. 캡슐화 1. Closure 를 이용한다. 은닉의 방법들 2. ES Module 3. Private Field (#) - candidate(3) 단계 함수 내부에 선언된 변수들이 외부에서 참조하고 있을 경우 함수가 종료 후에도 해제되지 않는 현상 import/export 방식 사용시 멤버변수 이름 앞에 #을 붙임으로써 private 하게 만듬
- 14. 일반화 시킴으로 써 코드를 재사용하는 것 객체지향의 대표적인 특징 자바스크립트로 살펴보기 상속 언어의 특징상 행동위임(Behavior Delegation) 이라는 용어를 쓰기도 함.
- 15. 상속 1. extends 키워드 사용 2. prototype chaining 3. Object.assign(mixin)
- 16. 하나의 책임이 다양한 형태 로 동작할 수 있다. 객체지향의 대표적인 특징 자바스크립트로 살펴보기 다형성
- 17. 다형성 리스트에서 오른쪽 카드를 확인한다. 리스트에서 왼쪽 카드를 확인한다. 캐러셀 UI에 사용되는 리스트가 갖는 책임 링크드 리스트 순환 링크드 리스트 캐러셀 이전 아이템 다음 아이템
- 18. 마치며
- 19. Q&A