주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

Vue.js single file components 방식으로 개발해보기 02 Vue Project 시작, 페이지 띄워보기 Vue.js 페이지 브라우저에서 열어보기 실행 할 프로젝트 폴더를 생성하거나 선택하여 에디터에서 열어줍니다. - 이 폴더에 vue.js를 다운로드 받아 사용할 것입니다. 저는 vue 폴더를 만들어서 VScode에서 Open Folder 했습니다. 에디터에서 cmd 창을 열어줍니다. - VScode 에디터의 단축키는 [ctrl + `] 인데, 에디터마다 다르므로 검색은 필수 입니다. (기본으로 cmd를 제공하지 않는 에디터는 플러그인이 있을 듯 합니다.) cmd창을 자세히보면 [ PS C:\Users\사용자명\Desktop\vue > ] 라고 되어있는데, 이것은 자신의 폴더 구조입니다..

Vue.js single file components 방식으로 개발해보기 01 프로젝트 실행 전 Node.js를 통한 사전 작업 Node.js의 정의 Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼입니다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있습니다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 합니다. 출처 : 위키백과 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임입니다. 이벤트 기반, Non-bl..

태그 브라우저, 모바일 이슈 정리 사항 몇 주 전쯤에 으로 작업하던 것들을 웹 앱 이슈상 태그로 변경하는 작업을 하였다. 이 작업의 이유는 회사 정책의 문제였다. +) 비디오 태그로 변경을 하면서 진행했던 부분은 자동재생이었다. 하지만 몇가지 이슈가 있었다. 이슈 1. autoplay를 걸었음에도 안된다. 2. 아이폰에서 전체화면이 된다. +) 같은 os 버전임에도 아이폰8은 전체화면으로 넘어갔고, 아이폰10은 정상적으로 inline 노출이 되었다. 3. ie8 안됨 태그 자동 재생 이슈 - 대부분의 브라우저에서 의 자동재생을 원한다면 음소거(muted)속성을 필수로 추가하여야 한다. (크롬도 작년 6월부터 브라우저 정책이 바뀌었다고 한다) 참고 https://developers.google.com/we..

vue.js 지역 컴포넌트를 만들어보자. -화면에 비춰지는 뷰의 단위를 쪼개어 재활용이 가능한 형태로 관리하기 위하여 Component로 제작한다. -Vue 문법 특성 상 최상위 루트 태그가 1개여야만 렌더가 가능하다. -Component는 지역(Local)과 전역(Global)로 나눌 수 있다. 자 문법을 몰라도 컴포넌트 만들어 봅시다. 일단 new Vue ({ }); 가 뭘까요? https://kr.vuejs.org/v2/guide/instance.html var vm = new Vue({ // options .... (template, el, methods, created, watch.. 등등) }); Vue 인스턴스 입니다. 인스턴스란? 설계도를 바탕으로 소프르웨어 세계에 구현된 구체적인 실체 -..