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

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 인스턴스 입니다. 인스턴스란? 설계도를 바탕으로 소프르웨어 세계에 구현된 구체적인 실체 -..

node.js 를 잘 모르면 cdn 방식으로 먼저 접근하는 것이 좋다. 결국 욕심나서 node.js를 사용하게 될 것이지만, cdn 방식이 간단하기 때문에 초반에는 이 방식으로 진행했다. 사이트 접속 후 다운로드 받아서 쓰거나 cdn 링크 연결합니다^^ https://kr.vuejs.org/v2/guide/installation.html#CDN 링크를 연결하면 준비 완료 문법에 대해 공부를 해보쟛

CND이란? 나는 jQuery나 js라이브러리, GoogleFont 등 위주로 많이 들어봤는데, 뭐 남의 서버에 있는거 가져다가 사용하는거 정도로 알고 있었다. 네이버 백과님께 물어봤더니 아래와 같이 답해주시더라. 게임 클라이언트나 콘텐츠를 효율적으로 전달하기 위해 분산된 서버에 데이터를 저장해 사용자에게 전달하는 시스템 즉, 남의 서버에 저장된 콘텐츠를 빌려다가 사용한다는 거다. 근데, 솔직히 말하면 작업할 때, CDN 잘 안쓴다. 왜? 읽어봅시당 >> https://xetown.com/tips/793706 제발 해외 CDN 좀 사용하지 맙시다. 국내 통신 3사 중 최소 한두 군데는 저녁때마다 해외 접속이 느려지곤 합니다. 요즘은 대부분의 해외 사이트가 https인데, 이러면 훨씬 더 느려집니다. 암호..