Skip to content

20.06.19 첫 모임 기록

Hyeonseok Samuel Seo edited this page Jun 24, 2020 · 7 revisions

20.06.19 수노 셀리나 새무얼 네일러

오늘 발표

  1. 수노 - 비동기 통신

    • 동시성, 병렬성
    • Concurrency 동시성 - 싱글코어 멀티 쓰레드
    • Parallelism 병렬성 - 멀티 코어 멀티 쓰레드
      • 코어 개수 대로 작업 가능량이 정해짐 ?
    • 싱글 스레드 언어라는 것은 여러개의 코어로 스레드 처리도 가능하다는 뜻 ?
    • JS는 싱글, 브라우저는 멀티
      • 그럼 JS 엔진 여러개가 돌아가는게 브라우저?
    • setTimeout은 WebAPI 에 위임하는 것
    • 비동기로 작동하는 걸 동기로 보여주는 것
    • Async-Await는 외부에 작업을 위임하기 위한 것이다.
  2. 셀리나 - JS 동작 원리

    • JS Event Loop에서 Heap은 무슨 역할?
    • JS는 이벤트 기반의 싱글 스레드 언어
  3. 사무엘 - 프로토타입

    1. proto 속성은 모든 객체들이 가지고 있다.
    2. proto 속성은 자신의 부모 역할을 하는 상위 프로토타입을 가리킨다.
    3. 특정 속성을 찾을때 상위 프로토타입을 타고 쭉 올라가 스캔 하는데 이를 프로토타입 체이닝이라고 한다.
    4. 최상위 프로토타입은 Object의 Prototype Object 이다. 여기 까지 값을 스캔하고 없다면 undefind를 출력한다.

    이게 프로토타입 체이닝의 핵심이고

    진선님이 질문 주신

    1. kim.prototype.nose = 2
function Persion() {
   this.nose = 2
}

1번과 2번은 어떻게 다른지에 대한 질문에 대한 답은 " 2번 방식으로 선언 할 경우 메모리에는 객체마다 변수를 만들기 때문에 객체 100개에 변수 100개가 생기지만 1번 방식으로 prototype에 선언하면, 공통으로 사용하는 Person.prototype에 함께 쓰기 때문에 메모리 면에서 엄청난 이득을 볼 수 있습니다.

  1. 네일러 - 컨테스트 클로저
    • 스코프 : 현재 참조할 수 있는 변수들을 의미
    • Javascript의 스코프는 정적이고 계층적인 구조를 갖는다.
    • 클로저를 통해 특정 스코프를 외부에서 접근하게 제어할 수 있다.
    • 실행 컨텍스트는 말 그대로 현재 실행환경의 모든 자원들을 보유한 객체이다.
    • 따라서 실행컨텍스트에 스코프가 속한다고 볼 수 있다.
    • Stack을 통해 실행 컨텍스트와 현재 실행 중인 컨텍스트를 결정한다.

남은 주제

  • 이터레이터 & 제너레이터

  • 콜백 함수

  • 함수형 프로그래밍 vs 객체지향 프로그래밍과 비교

    • 불변성
    • 커링
    • This 의 의미
  • 프록시

    • 메소드 오버라이딩
  • ES6 특징

    • Destructuring(비구조화 할당)
    • 최신 ECMA 2020 톺아보기
  • JS엔진(V8)

    • 브라우저 동작 방식
  • 클라이언트 to 클라이언트 동작 방식

    • 브라우저 동작 방식
    • RePaint ReFlow
    • 웹표준(크로스 브라우징, 접근성)
  • 원시타입 뭉뚱그려 개념 설명(feat. NaN, Object)

    • 타입 설명 뿐 아니라 타입을 다루는 방법
    • 예외 처리 방식
  • 호이스팅

다음 만남 장소 & 시간

  • 장소 : Google Meet * 시간: 24일 수요일 저녁 19시
  • 시간: 25일 목요일 저녁 19시

다음 주제

  1. 현석 - ES 6 특징

  2. 진선 - Primitive Type

  3. 수노 - Async, await. Promise Callback

  4. 성흠 - Es Module

기타

  • 2회차 모임 부터는 각 제주에 대해 '학습 목표'와 '주제 질문'을 만들어서 발표 합니다.