잘 정리해보자

부모 컴포넌트에서 자식 컴포넌트로 데이터를 보여주는 간단한 코드를 진행할 예정이다. parent - App.vue 부모 template에 컴포넌트 태그로 전달할 데이터를 선언한다. v-bind로 보낼수 있고, 직접 html부분에 표기할 수 있다. 1. v-bind 경우 부모 html 부분 자식 script 부분 data: () => ({ script에 data KEY값 : '입력할 메시지' }) 2. html 표기 경우 parent - App.vue 전체 소스 child - Test.vue 자식 컴포넌트에서는 부모에서 지정한 key값으로 데이터를 보여줄 준비를 한다. 1. message 표기 테스트 : {{ msg }} 자식 html 부분 {{자식 script에 data KEY값}} 자식 script 부..

Git status로 커밋할 대상을 확인 후 저장소에 커밋과 푸쉬를 진행한다. 1. 저장소에 커밋 : git은 로컬저장소 - staging Area - Git저장소 로 구성되어 있다. 현재 로컬저장소에서 작업된 프로젝트를 staging Area 로 이동시킨다. git add . git status 에 확인된 커밋대상 목록 전체를 이동시킨다. ( . : 위의 명령어에서 점은 해당 디렉토리에서의 모든 대상을 의미한다.) 2. staging area에서 git저장소로 이동 git commit -m "create base node.js project" 커밋 명령어를 통해 description 메시지도 함께 적어 진행한다. 3. git저장소에서 push 진행 git저장소는 commit된 대상을 push origi..

Github에 로그인 되어 있고, Git이 설치된 상태에서 진행 Logon failed, use ctrl+c to cancel basic credential prompt. 1. 터미널에서 base-nodejs 프로젝트에 git 세팅 git init C:\base-nodejs>git init Initialized empty Git repository in C:/base-nodejs/.git/ 프로젝트에 비어있는 git 저장소를 생성했다는 문구가 뜬다. git remote add origin https://github.com/[저장소]/[프로젝트경로] Git저장소 url로 연결한다. 2. Git의 현재 상태를 확인 C:\base-nodejs>git status On branch master No commit..

Node.js : javascript를 서버사이드에서 쓸 수 있는 언어로, Node.js 프로젝트를 시작하기 위해 node.js 모듈을 다운로드 후 프로젝트 환경을 세팅한다. (npm은 이미 설치된 환경에서 진행) 1. node.js 다운로드 : https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 터미널에서 node.js 버전 확인 node -v 3. 프로젝트 파일 생성 후 세팅 mkdir base-nodejs cd base-nodejs npm init base-nodejs 라는 파일을 생성 후, 이동한다. npm in..

Promise() : 비동기 통신에 사용되며, 통신 후 callback 들을 받은 후 모든 콜백을 받은 시점을 캐치하는 것. -> 콜백 콜백 콜백 ... 대신 쓸 수 있다. 예제 : function promise1(){ return new Promise(function(resolve,reject){ setTimeout(function(){ console.log('promise1'); resolve(); },100); }); } function promise2(){ return new Promise(function(resolve,reject){ setTimeout(function(){ console.log('promise2'); resolve(); },200); }); } function promise3(..

javascript에서 변수 선언 시, var / let / const 방식이 있다. 1. var : 변수 선언 후 같은 변수를 여러번 선언해서 값을 변경할 수 있다. 2. let: 선언 한 경우 선언한 변수 명을 여러번 선언할 수 없으며 값을 변경 할 수 있다. ex ) let v = “test”; > 실행결과 : “test” let v = “abc”; > 실행결과 : Uncaught SyntaxError: Identifier 'a' has already been declared v = “test123”; v = “test123”; > 실행결과 : “test123" let은 재선언은 안되지만, 선언 후 값은 변경 할 수 있다. 3. const : 선언한 변수명을 재선언 할 수 없으며 값을 변경 할 수 ..

‘use strict’ : 선언 한 경우 엄격한 스크립트가 적용되며, 실수 코딩들을 에러로 반환한다. 'use strict'를 선언하지 않고 진행한 실수코딩들은 에러로 인식되지 않으며 결과값은 undefined이나 문제없이 진행이 된다. (함수 안에서 사용하거나 스크립트 전체에서 사용 할 수 있음.) 1. 함수 안에서 선언한 경우 - 함수 안에서 전역 변수 선언 시 에러로 처리 된다. ex ) function test(){ ‘use strict’; str = “wow”; console.log(str); } test(); > 실행결과 : Uncaught ReferenceError: str is not defined (에러로 처리됨) - 함수의 파라미터 값이 중복일 경우 에러로 반환 ex ) function..

Lint (린트) : 코드의 오류나 버그, 스타일 등을 점검하는 것. ESLint 포맷팅 코드 품질 (코드 에러를 체크) 설치 npm install eslint app.js console.log() (function(){ })() .eslintrc.js (eslint 설정파일) : eslint 설정파일 읽은 후 lint 실행 module.exports = {} 실행 npx eslint app.js > 실행결과 : 빈값 (lint에서 실행된게 없음. -> 설정파일에서 아무것도 선언된게 없어서, 검사할 부분이 없음.) .eslintrc.js module.exports = { rules : { "no-unexpected-multiline" : "error" } } > eslint 실행 시, rules 의 규칙..