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

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..

디자인 패턴은 개발 도중 발생한 문제에 대해 정리하여 각 상황에 맞게 쉽고 간편하게 적용해서 사용할 수 있도록 돕기위한 패턴으로, 수단 중에 하나입니다. MVC 패턴 (Model View Controller) 구성요소를 세가지 역할로 구분한 패턴입니다. 페이지, 데이터 처리, 컨트롤 영역의 3가지 파트를 나누어 담당하게 되면 유지보수성, 확장성, 유연성이 증가합니다. 또한 각 역할의 파트가 정해져있기 때문에 중복코딩이 줄어드므로 효율적입니다. 조작은 Controller로 하며 Model을 통해 데이터를 가져옵니다. 그리고 이것을 바탕으로 View를 제어하여 시각적인 것을 사용자에게 노출합니다. Model 애플리케이션의 정보들을 나타내며 이러한 데이터들의 가공을 책임지는 컴포넌트입니다. 즉, 내부 비즈니스..