dlthgml1997 / Vue.js-Study

'sopt 23th Genius'들의 vue.js 스터디

'SOPT 23th Genius'들의 vue.js 스터디

hw1

css 적용해보기

week1

자바스크립트와 css 복습

week2

css 생성자/ 게임 및 공부 정리 (참고: https://flukeout.github.io/)

week3

• 선언적 렌더링
• 조건문과 반복문
• 사용자 입력 핸들링
• 컴포넌트를 사용한 작성방법 사용자 정의 엘리먼트와의 관계

week4

• Vue Instance
• 속성과 메소드
• 인스턴스 라이프사이클 훅
• 라이프사이클 다이어그램 (아래 사진 참고: [출처] 구글 이미지)

week5

• local Component / global Component
• 컴포넌트 간의 통신 (이미지 출처: 구글 이미지)

week6

• EventBus
  : 같은 컴포넌트 레벨 간의 통신
  : 보내는 컴포넌트에서는 $emit(), 받는 컴포넌트에서는 $on()을 구현합니다.
  
• Vue Router

week7

• Axios
  : 액시오스는 Promise 기반의 API형식(데이터를 요청하고 받아 올 때 까지 기다렸다가 화면에 나타내는 로직을 실행해야 할 때 주로 활용됨)으로 되어있다.
• Axios vs Vue Resource
  : 액시오스의 경우 data 속성이 일반 문자열 형식이 아니라 객체 형태이기 때문에 별도로 JSON.parse()를 사용하여 객체로 변환할 필요가 없습니다.