To Do List APP

github 에 프로젝트를 업로드 합니다.

  1. node.js 공식 홈페이지에서 설치하기
  2. npm, node 환경변수 세팅하기
  3. 이클립스 마켓에서 vue 검색후 설치
  4. 이클립스 재부팅 후 vue 프로제트 만들기
  5. 생성된 프로젝트에서 오른쪽마우스 터미널 클릭
  6. vue init webpack-simple 실행
  7. npm install 실행
  8. npm ren dev 실행

2020-01-17 추가
이클립스 쓰다가 마지막 한글이 자꾸 지워지고 단축키도 다 달라져서 해결못하고 vscode로 넘어감

  1. node.js 공식 홈페이지에서 설치하기
  2. npm, node 환경변수 세팅하기
  3. vscode 마켓에서 Vetur 설치
  4. vscode 마켓에서 terminal 설치
  5. cmd 창에서 작업할 폴더 경로까지 이동
  6. cmd에서 vue init webpack-simep 실행
  7. npm install 실행
  8. npm ren dev 실행

//	컴포넌트 내용을 불러오기 위한 ES6 import 구문
import 불러온 파일의 내용이 담길 객체 form '불러올 파일 위치';
// ex
import TodoHeader form './components/TodoHeader.vue'

디렉티브 이름 역할
v-model 폼(form)에 입력한 값을 뷰 인스턴스의 데이터와 즉시 동기화 합니다.
화면에 입력된 값을 저장하여 서버에 보내거나 watch와 같은 고급 속성을 이용하여 추가 로직을 수행할 수 있습니다.
<input>,<select>,<textarea> 태그에만 사용할 수 있습니다.
this.$emit("이벤트명") $emit()을 호출하면 괄호 안에 정의된 이벤트가 발생한다
props 상위에서 하위로 전달 하는 속성

API 역할
setItem(키, 값) 로컬 스토리지에 데이터를 추가하는 API이다.
trim() 문자열 좌우 공백 제거하는 함수이다.

-----(더미값임)Node.js - 생활코딩-----

생활코딩 Node.js 에서 제공하는 소스로 진행합니다.

jjgodcom의 node.js-생활코딩 바로가기에 수업한 내용을 정리합니다.

github 에 수업한내용을 공유합니다.

생활코딩 유튜브 Node.js 재생목록 바로가기
  1. 수업소개
    이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다.
  2. 수업대상
    예를들어 1억개의 페이지로 이루어진 웹사이트가 있다고 상상해보세요. 그런데 HTML 코드의 구조를 바꿔야 한다면 어떤 절망적인 상황이 생길까요? 이런 상황에서 생겨날 절망감을 상상할 수 있는 분이라면 이 수업을 통해서 혁명적인 변화를 겪을 수 있습니다

타이틀h1

설명입니다.

설명입니다2.

  1. 제목
    설명
  2. 제목
    설명
h5입니다.
파란박스입니다.
code 태그 입니다
					
					java pre 입니다.
					console.log('kim.constructor', kim.constructor);
					
					
					
					<!DOCTYPE html>
					<html lang="ko">
					<head>
					    <meta charset="UTF-8">
					    <title>자바스크립트 사용방법</title>
					    
					    <!-- 외부 파일로 로드하는 방법-->
					    <script type="text/javascript" src="javascript.js"></script>
					    
					    <!-- script 태그 사이에 기술하는 방법-->
					    <script type="text/javascript">
					        document.write("hello");
					    </script>
					</head>
					<body>
					    <!-- 태그에 직접 기술하는 방법 -->
					    <input type="button" onclick="alert('hello')" value="hello">
					</body>
					</html>
					
					
					
					* {font-size:1;}