Skip to content
On this page

2021년 05월 21일

수정하기
문서 생성 2021-05-21 17:34:31 최근 수정 2021-05-21 17:34:43
On this page

Note

Vue.js

  • slot

    • 특정 컴포넌트의 이미 정의된 일부분을 slot으로 재정의할 수 있다. (overwrite)
  • Vue.js는 Transition & Animation을 기본적으로 다양하게 사용할 수 있도록 제공하고 있다. 다른 프레임워크 없이 다양한 Transition과 Animation 사용이 가능하다.

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

  • 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

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

LINKS TO THIS PAGE