[ 뷰 인스턴스의 정의와 속성 ] ✅ 뷰 인스턴스 (Instance) : 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본 단위 인스턴스를 통해 html 에서 텍스트가 화면에 표시될 수 있다. | 뷰 인스턴스의 생성 뷰 인스턴스 형식 new Vue ({ ... }); new Vue ( => 인스턴스 생성 el 속성 : 뷰 인스턴스가 그려질 지점 지정 data : message 값을 정의하여 화면의 {{ message }} 와 연결 | 뷰 인스턴스 생성자 new Vue() 를 이용하여 인스턴스를 생성할 때, Vue → 생성자 뷰 생성자는 뷰 라이브러리 로딩 후 접근 가능 Q. 생성자를 사용하는 이유? 개발 시 필요한 기능들을 생성자에 미리 정의해 두고 사용자가 그 기능을 재정의하여 편리하게 사용하도록..
[ Hello Vue.js ! 프로젝트 만들기 ] ⛑️ 프로젝트 작업 순서 1) HTML 파일 생성 2) 뷰 소스 코드 추가 3) 브라우저로 실행 1) HTML 파일 생성 2) 뷰 소스 코드 추가 {{message}} 소스를 해석해보면, new Vue () -> Vue 를 만든다. el: #app -> 'app' 이라는 id 를 가진 엘리먼트에. data : {..} -> data 에 정의한 데이터를 넘긴다. 3) 브라우저로 실행 해당 파일 실행시 message 가 출력되는 것 확인 * Vue 개발자 도구 활성화하여 데이터 확인
저는 터미널 접속시 Termius를 사용하는데, Mac OS 로 옮기고 설치해보니까 이렇게 위치 부분이 깨지더라구요 이렇게 iTerm 에서 보면 애플 표시와 홈표시가 아이콘으로 되어있는데 인식을 못하는 것 같아요 ! 찾아보니 폰트때문에 그럴수있다고 하더라구요 바로 바꾸러가볼게요 1/ Setting에 들어갑니다 2/ Terminal 메뉴를 선택해줍니다. 3/ 빨간 박스 영역에 설정되어있는 폰트를 확인합니다. 현재는 Source Code Pro 로 되어있는데 이걸 변경해줄게요 4/ Meslo 혹은 JetBrain Mono 체로 변경해줍니다. 5/ 적용 완료 이렇게 정상적으로 아이콘이 표시되는 것을 확인할 수 있습니다
