'Programming'에 해당되는 글 1747건

  1. 2018.09.06 node.js express template
  2. 2018.09.06 node.js exec()
  3. 2018.09.05 css 계층 구조? 상속? 선택자 조합자?
  4. 2018.09.05 sass scss
  5. 2018.09.05 node.js / express/ pug(jade) 문법
  6. 2018.09.05 npm package.json
  7. 2018.09.04 nodaemon
  8. 2018.09.04 html내 <script>의 올바른 위치(?)
  9. 2018.09.04 node.js + AJAX 테스트
  10. 2018.09.04 node.js CORS
Programming/node.js2018. 9. 6. 18:54

기본 템플릿은 express-generator를 통해서 만들면 되긴 하는데


C:\> npm install -g express-generator

...

+ express-generator@4.16.0

added 10 packages in 2.2s


C:\>express --ejs


  warning: option `--ejs' has been renamed to `--view=ejs'



   create : public\

   create : public\javascripts\

   create : public\images\

   create : public\stylesheets\

   create : public\stylesheets\style.css

   create : routes\

   create : routes\index.js

   create : routes\users.js

   create : views\

   create : views\error.ejs

   create : views\index.ejs

   create : app.js

   create : package.json

   create : bin\

   create : bin\www


   install dependencies:

     > npm install


   run the app:

     > SET DEBUG=node-test:* & npm start


[링크  : http://pyrasis.com/nodejs/nodejs-HOWTO]

[링크  : https://www.npmjs.com/package/express-generator]


-g는 global의 g

[링크 : http://someoneofsunrin.tistory.com/59]



app.js 에 ejs를 기본으로 삼아서 불편할 수도 있다.

// view engine setup

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');


어쩌다 보니(?) pug를 먼저 써서
pug를 쓰려면 조금 수정을 해주어야 한다.


아무튼.. 기본 적인 소스 틀 만들기에는 express-generator가 무난해 보인다.



+

2018.09.11


$ express --view=pug myapp 

[링크 : http://expressjs.com/ko/starter/generator.html]

'Programming > node.js' 카테고리의 다른 글

아직 쓸일은 없지만 걍 찾아본 node.js ssl 적용  (0) 2018.09.07
node.js exec와 JSON.parse()  (0) 2018.09.07
node.js exec()  (0) 2018.09.06
node.js / express/ pug(jade) 문법  (0) 2018.09.05
npm package.json  (0) 2018.09.05
Posted by 구차니
Programming/node.js2018. 9. 6. 18:45

js 라고는 해도 서버사이드로 확장되면서 서버에서는 당연히(?) 있어야 할 exec()가 추가되었다.

아무튼 exec()로 나오는 결과를 받아서 먼가 처리하는 것 까지는 해봐야 할 듯..


[링크 : https://blog.outsider.ne.kr/551]

[링크 : https://mylko72.gitbooks.io/node-js/content/chapter9/chapter9_2.html]

[링크 : https://nodejs.org/api/child_process.html]


+

2018.09.07

var exec = require('child_process').exec,

child;


child = exec("dir", function(error, stdout, stderr)

{

console.log(stdout);

if(error !== null)

{

console.log(error);

}

});


D:\node_test>node test.js

 D ����̺��� ����: �� ����

 ���� �Ϸ� ��ȣ: CCEE-4FEA


 D:\node_test ���͸�


2018-09-07  ���� 10:38    <DIR>          .

2018-09-07  ���� 10:38    <DIR>          ..

2018-09-07  ���� 10:35               195 test.js

2018-09-07  ���� 10:38                 0 test.txt

2018-09-07  ���� 10:38                 0 �� �ؽ�Ʈ ����.txt

               3�� ����                 195 ����Ʈ

               2�� ���͸�  916,882,796,544 ����Ʈ ���� 


윈도우에서 euc-kr로 받아서 그런가.. 옵션에 euc-kr encoding 해주어도 깨지는건 여전하네..

어짜피 영어로 주고 받을테니 일단 패스~ ㅠㅠ

[링크 : https://junistory.blogspot.com/2017/08/blog-post_24.html]


+

파일이 ANSI라서 보는데 이런식으로 인코딩 바꾸니 

 hild = exec("type test.txt", {encoding: 'ansi'}, function(error, stdout, stderr)


배쨴다 ㅠㅠ

D:\node_test>node test.js

<Buffer 7b 0d 0a 20 20 20 20 22 6e 61 6d 65 22 3a 20 22 bd c4 bb a7 22 2c 0d 0a 20 20 20 20 22 66 61 6d 69 6c 79 22 3a 20 22 c0 a3 bd c3 c4 da b1 e2 22 2c 0d ... > 


'Programming > node.js' 카테고리의 다른 글

node.js exec와 JSON.parse()  (0) 2018.09.07
node.js express template  (0) 2018.09.06
node.js / express/ pug(jade) 문법  (0) 2018.09.05
npm package.json  (0) 2018.09.05
nodaemon  (0) 2018.09.04
Posted by 구차니
Programming/css2018. 9. 5. 18:54

키워드를 몰라서 헤매는중..

.class1.class2 이런식으로 정의된 css를 본적이 있어서

상속인지 어떤건지 몰라서 찾는 중..


[링크 : https://windtale.net/blog/maintainable-expandable-front-end-web-strategy/] << CSS 구조화 방법

[링크 : https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance]

[링크 : https://www.cmsfactory.net/node/11369]


[링크 : https://css-tricks.com/almanac/selectors/c/class/]

[링크 : https://stackoverflow.com/questions/18584015/multiple-dots-periods-in-css]

[링크 : https://stackoverflow.com/questions/14132276/html-css-what-do-elements-with-multiple-dots-mean?lq=1]

[링크 : https://css-tricks.com/multiple-class-id-selectors/]

'Programming > css' 카테고리의 다른 글

css tooltip 위치  (0) 2018.10.25
css로 백그라운드만 돌리기  (0) 2018.10.10
sass scss  (0) 2018.09.05
hover inline css  (0) 2018.08.27
css selector  (0) 2018.08.21
Posted by 구차니
Programming/css2018. 9. 5. 18:43

Syntactically Awesome StyleSheets

Sassy CSS


문법적으로 끝내주는 스타일시트, 믓진 CSS


이름은 죽이는군 ㅋㅋ

CSS의 한계를 벗어나기 위해 약간은 컴파일 하는 듯한 느낌의 무언가?


[링크 : https://sass-lang.com/]

[링크 : https://velopert.com/1712]

[링크 : https://github.com/sass/node-sass]

'Programming > css' 카테고리의 다른 글

css로 백그라운드만 돌리기  (0) 2018.10.10
css 계층 구조? 상속? 선택자 조합자?  (0) 2018.09.05
hover inline css  (0) 2018.08.27
css selector  (0) 2018.08.21
css BEM( Block Element Modifier)  (0) 2018.08.21
Posted by 구차니
Programming/node.js2018. 9. 5. 12:50

node.js 다루는데 템플릿으로 받은게 pug로 된거라 문법 찾는중

기본적으로(?) 클래스만 선언하면 무조건 div로 생성되니 조금은 고민하고 써야 할 듯


[링크 : http://jeong-pro.tistory.com/65]

[링크 : https://pugjs.org/]

'Programming > node.js' 카테고리의 다른 글

node.js express template  (0) 2018.09.06
node.js exec()  (0) 2018.09.06
npm package.json  (0) 2018.09.05
nodaemon  (0) 2018.09.04
node.js + AJAX 테스트  (0) 2018.09.04
Posted by 구차니
Programming/node.js2018. 9. 5. 11:26

npm install [package name]으로는 개별설치는 하는 반면

package.json 이라는 파일이 있으면

npm install 으로 의존성을 한번에 설치한다.

[링크 : https://blog.outsider.ne.kr/665]


npm init 으로 package.json을 생성할 수 있다.

[링크 : https://blog.outsider.ne.kr/674]


'Programming > node.js' 카테고리의 다른 글

node.js exec()  (0) 2018.09.06
node.js / express/ pug(jade) 문법  (0) 2018.09.05
nodaemon  (0) 2018.09.04
node.js + AJAX 테스트  (0) 2018.09.04
node.js CORS  (0) 2018.09.04
Posted by 구차니
Programming/node.js2018. 9. 4. 19:34

angular 처럼 서버 소스 수정하면 재시작 하는 서비스


[링크 : https://nodemon.io/]

[링크 : https://github.com/remy/nodemon]



+

2018.09.05


실행방법이 먼가 까다로워 보여서 고민하다가 찾아 보니

조금 길지만 직관적인(?) 방법이 존재해서 일단 실행


This will be simple command for this

nodemon --exec npm start 

[링크 : https://stackoverflow.com/questions/33879896/how-to-execute-start-script-with-nodemon]

[링크 : https://www.npmjs.com/package/nodemon]


그나저나 다시 보니

no demon 이라기 보다는 node mon(itor)였네?

아이콘에 악마가 있어서 푸흡 했는데 ㄷㄷ


아무튼 js 파일들을 수정하니 자동으로 이런 메시지가 뜨면서 서버를 재기동 시킨다.

(node.js 소스는 건드리지 않고 모니터 통해서 실행시키면 되니 개꿀)


'Programming > node.js' 카테고리의 다른 글

node.js / express/ pug(jade) 문법  (0) 2018.09.05
npm package.json  (0) 2018.09.05
node.js + AJAX 테스트  (0) 2018.09.04
node.js CORS  (0) 2018.09.04
node.js와 웹소켓  (0) 2018.09.03
Posted by 구차니

그래도.. html 요소니까 </body> 이후에 넣긴 그런거 같아서 고민하다가 검색


결론은.. body 전에 넣자 인가?


[링크 : http://jundol.kr/8]

[링크 : http://webdir.tistory.com/514]


일단 여기는 순수 작동하는 자바스크립트가 아니라 외부 스크립트 인것 같은데..

async나 defer를 쓰라고..

<script type="text/javascript" src="path/to/script1.js" async></script>

<script type="text/javascript" src="path/to/script2.js" async></script>


<script type="text/javascript" src="path/to/script1.js" defer></script>

<script type="text/javascript" src="path/to/script2.js" defer></script> 

[링크 : http://dailydev.tistory.com/15]

'Programming > javascript & HTML' 카테고리의 다른 글

JSMpeg timestamp  (0) 2018.09.11
html5 video timestamp  (0) 2018.09.11
jquey ajax 테스트  (4) 2018.09.03
jquery 복수 속성 선택하기  (0) 2018.08.30
jqeury 예제 그리고 자바스크립트 익명함수  (0) 2017.06.10
Posted by 구차니
Programming/node.js2018. 9. 4. 11:27

해보니 1초 정도 늦게 나오는거 봐서는 cpu사용율 샘플링 시간을 1초 정도로 잡고 있는 것으로 보인다.


var os = require('os-utils');


os.cpuUsage(function(v){

    console.log( 'CPU Usage (%): ' + v );

}); 


[링크 : https://github.com/oscmejia/os-utils]

[링크 : https://stackoverflow.com/questions/36816181/get-view-memory-cpu-usage-via-nodejs]



<script type="text/javascript">

$(document).ready(function()

{

var sys = {};

$.ajax(

{

url:'http://localhost:3000/sys',

type:'get',

success:function(data)

{

$('#result').text(data.mem);

}

})

});

</script>

<div id="result">blah blah</div>



머. 이로서(?) ajax + node.js 까지 끝(?!)


[링크 : https://opentutorials.org/course/1375/6851]

'Programming > node.js' 카테고리의 다른 글

npm package.json  (0) 2018.09.05
nodaemon  (0) 2018.09.04
node.js CORS  (0) 2018.09.04
node.js와 웹소켓  (0) 2018.09.03
node.js 와 v8  (0) 2018.08.29
Posted by 구차니
Programming/node.js2018. 9. 4. 11:21

Cross Origin Resource Sharing

다른 도메인의 자원을 공유하는 것으로


RESTful API의 사용으로 웹서버와 REST 서버가 분리됨으로 인해

웹 브라우저에서 크로스 사이트에 대한 보안 정책에 위배되어 접근이 불가능한 것을 우회해주는 설정

(생각해보면 iframe에서 다른 도메인꺼 넣으면 안되던것의 연장선?)


node.js에서 헤더 설정

[링크 : http://guswnsxodlf.github.io/enable-CORS-on-express]


CORS 크롬 플러그인

[링크 : https://chrome.google.com/webstore/detail/allow-control-allow-origi/n.../related?hl=ko]

'Programming > node.js' 카테고리의 다른 글

nodaemon  (0) 2018.09.04
node.js + AJAX 테스트  (0) 2018.09.04
node.js와 웹소켓  (0) 2018.09.03
node.js 와 v8  (0) 2018.08.29
node.js odroid  (0) 2018.08.29
Posted by 구차니