https://stackoverflow.com/questions/50317773/how-to-include-bootstrap-4-in-an-electron-app


1. package.json 에 추가하기.

npm install --save jquery 

npm install --save bootstrap 

 - 아래와 같은 메시지가 노출된다면.


npm install --save popper.js 


2. html에 import 하기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Elctron Test</title>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
</head>
<body>
<a class="btn btn-info">TEST BTN</a>
<script>
window.$ = window.jquery = require("jquery");
window.popper = require("popper.js");
require("bootstrap");

require('./common.js');
</script>
</body>
</html>


3. 사용해보기.

 - 결과


'프로그래밍 > Node.js' 카테고리의 다른 글

[Electron.js] Bootstrap 4 사용하기.  (0) 2018.09.11
npm에서 --save, --save-dev 옵션  (0) 2018.05.02
Mongoose 사용하기.  (0) 2016.08.22

1. --save

 - 응용 프로그램을 실행하는 데 필요한 패키지를 저장하는 데 사용

 - '-S'로 줄여 쓸 수 있음.

 - package.json 이 존재하면  dependencies 에 추가된다.


npm install [package_name] --save

or

npm install [package_name] -S


2. --save-dev

 - 개발 목적으로 패키지를 저장하는 데 사용

 - '-D'로 줄여 쓸 수 있다.

 - package.json 이 존재하면 devDependencies 에 추가된다.

 - mocha 등 unit test 등 추가할 때 사용...


npm install [package_name] -save-dev

or

npm install [package_name] -D


'프로그래밍 > Node.js' 카테고리의 다른 글

[Electron.js] Bootstrap 4 사용하기.  (0) 2018.09.11
npm에서 --save, --save-dev 옵션  (0) 2018.05.02
Mongoose 사용하기.  (0) 2016.08.22

1. Mongoose 란?

 - mongoose는 ODM Framework 이다.

 - rdb에서 편하게 사용하기 위해 만들어진 'ORM'과 같은 개념을 nosql에서는 'ODM'이라고 부른다.


2. Mongoose Install

npm install mongoose



3. Sample Source

var mongoose = require('mongoose');

var schema = mongoose.Schema;


mongoose.connect('mongodb://localhost/mongoose');


var TestSchma = new schema({

    title : String,  

    hit_cnt : Number, 

    date : Date    

});


var TestModel = mongoose.model('test', TestSchma);


var testM = new TestModel();


testM.title = "Mongoose Test Data";

testM.hit_cnt = 0;

testM.date = new Date();


testM.save(function (err) {

    if (err) throw err; 

    

console.log('true');

});


TestModel.find({}, function(err, data){

if (err) throw err;

console.log(data);

});



'프로그래밍 > Node.js' 카테고리의 다른 글

[Electron.js] Bootstrap 4 사용하기.  (0) 2018.09.11
npm에서 --save, --save-dev 옵션  (0) 2018.05.02
Mongoose 사용하기.  (0) 2016.08.22

+ Recent posts