2021년 05월 21일

Note

Vue.js

• slot

  • 특정 컴포넌트의 이미 정의된 일부분을 slot으로 재정의할 수 있다. (overwrite)

• Vue.js는 Transition & Animation을 기본적으로 다양하게 사용할 수 있도록 제공하고 있다. 다른 프레임워크 없이 다양한 Transition과 Animation 사용이 가능하다.

  • 문서를 잘 읽어보는 게 중요함

• Babel

  • Transpiler

• Vuex

  • MVC
    • Controller → Model ↔ View
      • 기능이 추가되거나 수정되면 문제점을 예측할 수가 없다. 수많은 모델이 수많은 뷰와 통신을 함
  • Flux
    • MVC 패턴의 복잡한 데이터 흐름 문제를 해결하기 위해 만든 패턴 (Facebook)
      • 데이터 흐름이 단방향이다.
    • Action → Dispatcher → Model → View
      • Action: 화면에서 발생하는 이벤트/ 사용자 입력
      • dispatcher: 데이터를 변경하는 방법
      • model: 화면에 표시될 데이터
      • view: 사용자에게 보여지는 화면
  • Vuex의 필요성
    • 컴포넌트가 많아지면 컴포넌트 간 데이터 전달이 어려워진다.
    • 데이터가 어느 컴포넌트에서 왔는지 알기 힘든 문제, MVC 패턴에서 생기는 문제들을 해결할 수 있다.

JavaScript

• Enhanced Object Literals

  • 객체의 메서드에 function을 생략하고 생성할 수 있다.

    const obj = {
        addItem: function() {
            ...
        }
    }
    
    // 아래와 같이 생략 가능하다. 
    addItem() {
    
    }

  • 객체의 속성명과 값이 동일하면 속성명: 값 → 속성명으로 축약 가능하다.

log

• 🎾 마지막 테니스 레슨이 있었다. 다음시간부터는 무조건 게임을 하기로 해서 기대가 된다.