Development Artist

Design Pattern 이전 장에서, 깡통 Vue 프로젝트를 하나 생성하고 실행도 시켜보았습니다. 이제 궁금해집니다. 어떻게 저런 모양을 하고 있는 것이지? 이것을 이해하기 위해서는 Vue의 디자인 패턴을 알아야합니다. 구글링해보면 알겠지만, Vue의 디자인 패턴은 MVVM 입니다. MVVM은(Model-View-ViewModel)의 약자입니다. 각자의 역할이 무엇일까요? ‘View’는 사용자에게 보여지는 UI 부분이 됩니다. ‘Model’은 데이터가 들어있습니다. ‘ViewModel’은 ‘Model’의 데이터를 가져다가 View에 바인딩합니다. 이렇게 설명하면 잘 와닿지가 않습니다. 실제 코드를 한번 봐볼까요? 아래는 src/main.js 입니다. Vue가 실행되면 가장 먼저 main.js를 보게 ..

Vuejs 프로젝트를 만들고 지우기를 반복하면서, 깡통 Vuejs 프로젝트를 만드는 법을 기록하려고 한다. Configuration 나의 OS 환경은 Window11 Pro, 터미널은 Git Bash, 편한 것을 사용하면 된다. ex) cmd, Powershell 등등... Setting Vuejs 프로젝트를 만들기 전에 사전에 설치되어야 하는 것이 있다. 1. nodejs > 버전확인 # node --version > 설치 # https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. npm > 버전확인 # npm --version > 설치 # 위의 n..

이슈 1. vue create '프로젝트이름' 명령어 입력시 다음과 같이 이슈 발생. 해결 1. 일단 보안정책 확인. // 기댓값 : Restricted get-executionpolicy 2. 보안정책 수정. set-executionpolicy remotesigned 3. 보안정책 변경 확인. // 기댓값 : Remotesigned get-executionpolicy 원인 1. Powershell의 보안정책 중 하나로, Powershell이 실행할 스크립트 제어를 위하여 기본적으로 Restricted로 제한이 된다.