CodingGoGo

컴포넌트란? 컴포넌트란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미합니다. 화면의 영역을 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드를 다시 사용하기가 훨씬 편리합니다. Root / | \ / | \ Header Content Footer / \ Aside List 위와 같이컴포넌트 간의 관계는 자료구조의 트리(Tree) 모양과 유사합니다. 이러한 컴포넌트를 등록하는 방법은 전역과 지역의 두 가지가 있습니다. 전역 컴포넌트(Global) - 여러 인스턴스에서 공통으로 사용할 수 있습니다. 지역 컴포넌트(Local) - 특정 인스턴스에서만 유효한 범위를 갖습니다. 지역 컴포넌트와 전역 컴포넌트의 차이 {{ message }} {{ message }} 위의 결과에서 보면 두번째 ..

1. 뷰 인스턴스란? 뷰 인스턴스(Vue Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본단위이다. 1.1. 뷰 인스턴스 형식 new Vue({ ... }); 1.2. 뷰 인스턴스 생성 * vue 2.5.2문법을 따라 실습하였습니다. {{ message }} 1.2.1. 뷰 인스턴스 옵션 속성 인스턴스를 생성할 때 재정의할 el, data, template, methods, created 등의 속성을 의미한다. 위의 예제에서는 아래와 같이 속성이 사용되었다. - el : #app(CSS선택자규칙과 같음.) id가 app인 태그를 찾아서 적용하여 사용함. 뷰로 만든 화면이 그려지는 시작점을 의미한다. 화면이 그려질 위치의 돔 요소를 지정해줌. - data: message라는 새로운..

3월의 독서생활 불편한 편의점을 읽었다. 오랜만에 자기개발 서적에서 벗어나 그저 유흥(?)을 위한 독서를 하고 싶은 마음이 컸다. 그런데 이 책은 단순한 재미거리보다 더 큰 감동을 주어서 너무 좋았다. 편의점에서 직접 아르바이트를 해본 경험과 편의점을 이용했던 경험을 함께 생각해보니 상상하기 수월했다. 이야기는 서울역에서 노숙을 하던 한 노숙자가 편의점 사장님의 지갑을 주워주면서 시작된다. 편의점 사장님에게 야간알바 구하기는 어려웠으니 이 노숙자에게 편의점을 맡기면서 벌어지는 에피소드들이다. 각각의 챕터마다 화자가 바뀌는데 편의점사장님, 편의점사장님의 아들, 서울역 노숙자, 편의점 주간아르바이트생, 편의점 단골손님 등등으로 이야기가 전개된다. 똑같은 편의점이라는 장소를 중심으로 각자의 이야기를 구성한 ..

vue create [프로젝트명] vue cli를 이용하여 환경설정을 해줄 것이다. 1. Homebrew 설치 맥북 사용자에게 유용한 설치툴인 Homebrew를 이용하여 설치해보자. Homebrew 설치가이드 2. node 설치 - 터미널에 아래 코드를 실행시킨다. brew install node 3. vue-cli 설치 - 같은 방식으로 터미널에 아래 코드를 실행시킨다. brew install vue-cli 4. visual studio code 설치 - visual studio code 도 homebrew로 아래와 같이 설치해준다. brew install --cask visual-studio-code * visual studio code 기본이 영어로 설정되어있어서 한국어 세팅을 해준다. - 확장 >..

node,node.js,node@19,nodejs,npm라고 불리는 본격 Node 설치 1. Node download 공식 : https://nodejs.org/en/download Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Hombrew install brew install node Hombrew가 설치되어있지 않다면 바로가기 위의 코드를 복사(command+c)하여 터미널에 붙여넣기(command+v)하면 설치가 진행된다. 참조. https://formulae.brew.sh/formula/node#default

Visual Studio Code 사이트에 직접들어가서 다운로드 받는 방식과 Hombrew를 사용하여 다운 받는 방식 두 가지가 있다. 1. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applicati..