- 리액티비티(Reactivity)
- 데이터 변화를 감지해 화면에 뿌려주고 감지 하는것
- 인스턴스
- Vue로 개발할 떄 필수로 생성해야하는 단위
- 속성 추가해 화면을 조작해나갈 수 있다
- 컴포넌트
- 화면의 영역을 구분해 개발하는 방식
- 현재 프론트엔드 프레임웍에서 가장 중요한 개념
- 코드의 반복을 줄여 재사용성을 올리는것이 핵심
- 컴포넌트 통신
- 데이터의 흐름을 제어하기 위한 규칙을 제한해 데이터의 흐름을 예측하도록 하는것
- props
- event emit
- HTTP 통신 라이브러리 (axios)
- 템플릿 문법
- 화면을 조작하기 위한 vue의 문법
- 데이터 바인딩
- 리액티비티와 유사한 개념
- 데이터의 변화를 감지해 화면에 엮어내는것
- 뷰 디렉티브
- 화면을 조작하기 위해 뷰가 추가적으로 제공하는 문법
v- 프리픽스
- Vue CLI
- 싱글 파일 컴포넌트
.vue 파일- 웹팩의 공식문서를 참고하면 실제로 돌아가는 방식등을 이해하는데 도움이 된다
📖 참고 문서
공식 문서를 원문으로 읽는것을 추천한다
<aside>
✏️ 마무리 하고보니 현재 내 지식으로 이해 가능한 부분과 이해할 수 없어서 저세상 이야기처럼 들리는 부분이 있었다.
컴포넌트화 개념은 디자인도 Design System으로 디자인을 잘게 쪼개고 모듈화하여 재사용성을 높이는 방향으로 나아가고 있기 때문에 익숙했다.
클릭으로 스타일을 제어하는 부분이 제일 재미있었고, 작성 문법은 그저 많이 보다보면 익숙해 질 것 같다. (중괄호 속에 중괄호가 또 들어가는 부분, 어떤 곳에는 , 어떤 곳에는 ; 쓰는게 아직 내게 낯설다)
제일 큰 난관은 HTTP 통신, Axios. 액시오스. 이름은 참 예쁜데 도도하구나. 저세상 개념이다.
</aside>