나만의공간

Vue 강의 세번째 입니다. Vue 알아보기를 위해 강의 들은 내용을 기준으로 정리를 한 내용입니다. 기초강의 내용이며, Vue 알아보기 #1에 이야기 드린 강의 내용을 정리 하고 있습니다. Vue는 무엇인가? Vue 기본문서에 나와있는 Vue개념에 대한 이미지 입니다. vuejs.org에서 찾아봐도 안보여 강의에 있는 이미지를 활용했네여 View : Dom객체(HTML)파일에 해당됩니다. ViewModel: 우리가 사용할 Vue F/W이 되겠네여 Model: BackEnd API에서 전달된 데이타가 들어 있는 곳입니다. Vue가 적용된 간단한 코드 우선 Visual Studio(이하 VS Code)에 Auto Close Tag라는 PlugIn을 설치해 주세요. Auto Close Tag를 설치 하게..

Vue 강의 두번째 입니다. Vue를 알아보기 위해 강의 내용을 정리한 문서 입니다. Vue 개발을 위한 여러 Tools를 우선 설치 하였네여, 이번에는 Vue개발에 필요한 Visual Studio에 필요한 Plugin을 설치해보겠습니다. 각 Plugin을 아래 VS에 있는 확장 아이콘을 클릭하여 설치 하시면 됩니다. Plugin 설치 후 VS는 재시작하시면 됩니다. Vetur Plugin Vue 파일에 대한 개발을 도와주는 Plugin 입니다. Syntax-highligghting 기능 Formatting 기능 Debuging 기능 Night Owal Plugin Visual Studio Code에 대한 Theme를 제공합니다. 설치 완료 후 아래 위치에서 테마 설정을 변경해 줍니다. 아래 "색 테마"..

개발관련 공부한 내용을 공유할려고합니다. 보기만 한 내용은 기억에 안남으니 강의를 들으면서 작업한 내용을 하나씩 정리해 다른분과도 공유 하고자 합니다. 시작만 하고 끝이 없는 강의들이 많은데 하나씩 다 채워 가고자 합니다. 요즘 개발은 BackEnd / FrontEnd 안가리고 다 해보는게 좋은거 같네여. React보다는 Vue가 FrontEnd F/W으로는 배우기도 싶고 하여 이번 공유내용은 Vue로 잡았습니다. Vue를 배우기 위해 필요한 도구들을 먼저 설치 하는법 부터 공유 하겠습니다. 강의내용 참고는 아래 inflearn에 있는 아래 강사분에 강의를 참고 했습니다. 강의명 : Vue.js 시작하기 - Age of Vue.js 강사 : 장기효(캡틴판교) Vue IDE설치 1. Chrome 설치 2...