Web
-
[Vue.js] 2021-07-12Web/Vue.js 2021. 7. 12. 12:33
OrderList1.vue {{item.no}} {{item.no}} {{item.name}} {{item.price}} {{item.cnt}} {{item.sum}} 합계 {{addPrice}} {{addCnt()}} watch의 경우 onchange와 마찬가지로 객체의 상태 변화가 일어날 때 자동으로 호출이 된다. 위 예제는 체크박스에 체크가 되면 아이템의 가격과 수량을 곱하여 테이블에 출력한다. chks와 chks1은 차이가 있다. 그 차이는 가변길이의 리스트와 정해진 길이의 리스트이다. chks1의 경우 item의 갯수만큼 false로 초기화를 하는 반면에 chks는 체크가 될 경우 리스트에 값이 들어오게 된다. chks의 경우 체크가 된 순서대로 리스트에 들어오게 되고 이는 순서를 보장할 수 없..
-
[Vue.js] 2021-07-07Web/Vue.js 2021. 7. 7. 17:39
home.ejs 홈 로그인 회원가입 게시판 글자 => router-link태그를 사용할 경우, HTML의 a태그와 같이 적용되어 클릭할 경우 지정한 url경로로 이동해준다. => 태그로 불러들여진 js파일이 실질적으로 화면으로 나타난다. routes: [{...}] => 이 부분은 경로, 컴포넌트, 이름을 지정해 주는 곳으로 컴포넌트를 지정할 때 해당 js파일 내 정의 된 컴포넌트의 이름과 일치해야한다. apphome.js var appHome = { template: ` home page ` }; appHome에 정의되어 있는 template는 HTML태그로 구성되어 있는 것으로 실제 home.ejs파일의 태그 내부로 들어가 화면에 출력하게 된다. applogin.js var appLogin = { t..
-
[Vue.js] 2021-07-05Web/Vue.js 2021. 7. 5. 17:46
환경 설정 CMD> npm install express-generator -g (-g 실행파일 다운로드) => express --version(버젼 확인) CMD> express -e 생성할 프로젝트명 => express 프로젝트 생성 (프로젝트명: 생성할 프로젝트명) CMD> cd 생성한 프로젝트명 (생성한 프로젝트로 이동) CMD> npm install (npm 설치) Vue-example(파일명: ex01) vue ex01 실습 {{message}} {{name}} {{tmp.name}} {{tmp.age}} Vue를 사용하기 위해 body태그 내부에 해당 스크립트를 삽입한다. => " target="_blank" rel="noopener">https://cdn.jsdelivr.net/npm/vue..
-
[Node.js] mongodb와 콜백(callback)Web/Node.js 2021. 6. 22. 17:04
const vs let vs var const a1 = 13; var a2 = 23; let a3 = 34; const a1 = 13; => 변경 불가 {블록내부에만 사용} var a2 = 23; => 변경 가능 {블록내부, 외부 사용} let a3 = 34; => 변경 가능 {블록내부에만 사용} Object 타입의 value값을 도출하는 방법 a = {menu: "2"} b = {abc: "a", def: "b"} c = [{a: "a", b: "b"}, {a2: "a2", b2: "b2"}, {a3: "a3", b3: "b3"}] a = {menu: "2"}의 구문에서 값인 2를 꺼내고 싶을 경우 => console.log(a.menu) b = {abc: "a", def: "b"}의 구문에서 특정 키..
-
[Node.js] expressWeb/Node.js 2021. 6. 21. 17:04
express 설치 및 프로젝트 생성 CMD> npm install express-generator -g CMD> express --version CMD> express -e 20210621 express를 설치하기 위해 다음과 같은 구문을 작성한다. => npm install express-generator -g express 버젼을 확인하기 위해 다음과 같은 구문을 작성한다. => express --version express 프로젝트를 생성하기 위해 다음과 같은 구문을 작성한다. => express -e 프로젝트명 express 웹 서버 예제 var express = require('express'); var router = express.Router(); //127.0.0.1:3000 router..
-
[Node.js] JavaScript 기초 및 웹 서버 예제Web/Node.js 2021. 6. 21. 11:56
JavaScript 변수 선언 및 콘솔 출력 let a = 13; //정수형 변수 타입 let b = 3.14; //실수형 변수 타입 let c = true; //boolean 변수 타입 let d = "hello"; //String 변수 타입 let e = [1,2,3,4,5]; let f = {userid:"abc", userpw:"def"}; console.log(typeof(a), a); console.log(typeof(b), b); console.log(typeof(c), c); console.log(typeof(d), d); console.log(typeof(e), e); console.log(typeof(f), f); JavaScipt의 변수 선언 방식에는 두 가지가 존재한다. => 1. ..