'Programming'에 해당되는 글 1721건

  1. 2018.09.04 html내 <script>의 올바른 위치(?)
  2. 2018.09.04 node.js + AJAX 테스트
  3. 2018.09.04 node.js CORS
  4. 2018.09.03 node.js와 웹소켓
  5. 2018.09.03 jquey ajax 테스트 4
  6. 2018.08.30 jquery 복수 속성 선택하기
  7. 2018.08.30 li 글자 수직정렬하기
  8. 2018.08.29 node.js 와 v8
  9. 2018.08.29 node.js odroid
  10. 2018.08.29 user agent stylesheet
Programming/javascript & HTML2018. 9. 4. 17:32

html내 <script>의 올바른 위치(?)

그래도.. 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

node.js + AJAX 테스트

해보니 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

node.js CORS

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 구차니
Programming/node.js2018. 9. 3. 17:29

node.js와 웹소켓

polling 보다는 interrupt가 낫듯(?)

ajax 단기간 빠른 polling 대신 웹소켓 검색



[링크 : https://poiemaweb.com/nodejs-socketio] node.js + socket.io

[링크 : https://www.a-mean-blog.com/ko/blog/단편강좌/_/Node-JS-Socket-io-채팅사이트-만들기]


[링크 : http://html5korea.com/웹소켓websocket-시작하기강의번역/] php 기반

저작자표시

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

node.js + AJAX 테스트  (0) 2018.09.04
node.js CORS  (0) 2018.09.04
node.js 와 v8  (0) 2018.08.29
node.js odroid  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
Posted by 구차니
Programming/javascript & HTML2018. 9. 3. 15:53

jquey ajax 테스트

가장 만만한 예제로 하는 중

일단.. jqeury를 통해서 load하는거나 다름없긴 하지만

ajax를 통해서 페이지를 불러오는 식으로 일단은 구현



<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<link rel="stylesheet" href="css/style.css">

<script src="js/jquery-3.2.1.min.js"></script>

</head>

<body>

<div id="whole">

<div class="top" id="header"></div>

<div class="content center" id="content"></div>

</div>


<script type="text/javascript">

$(document).ready(function()

{

$.ajax(

{

url:'./pagelet/login.html',

success:function(data)

{

$('#result').append(data);

}

})

});

</script>

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

</body>

</html> 


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



append로 해도 내용이 없으면 티가 안나는데

내용이 하나라도 있으면 append 답게, 그 이후에 내용이 추가된다.

empty()하거나 html()로 그냥 갈아 치워버리는 것도 방법이 될 듯.


[링크 : https://stackoverflow.com/questions/1675215/ajax-replace-instead-of-append]



위의 예제에서 json까진 해야지 ajax 쓸만해질 듯..


+

ajax 함수에서 사용되는 변수(?)들 이름

type이나 url 이런게 일종의 식별자니까.. 알아두면 작업이 용이할 듯

[링크 : https://www.w3schools.com/jquery/ajax_ajax.asp]

저작자표시

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

html5 video timestamp  (0) 2018.09.11
html내 <script>의 올바른 위치(?)  (0) 2018.09.04
jquery 복수 속성 선택하기  (0) 2018.08.30
jqeury 예제 그리고 자바스크립트 익명함수  (0) 2017.06.10
javascript toString() 진법변환  (0) 2017.05.25
Posted by 구차니
Programming/javascript & HTML2018. 8. 30. 16:25

jquery 복수 속성 선택하기

먼가 말이 이상한데..

일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서

선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용


jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" )

attributeFilter1: An attribute filter.

attributeFilter2: Another attribute filter, reducing the selection even more

attributeFilterN: As many more attribute filters as necessary 

[링크 : https://api.jquery.com/multiple-attribute-selector/]


깔끔한 코드는 아니지만.. tab 구현하기 위해 작성한 녀석

div 태그 하위의 parent_id로 시작하는 녀석을 찾아서 class 값을 변경하기 위해 다중 속성 선택자를 사용함

$(document).ready(function(){

$('ul.tabs li').click(function(){

var tab_id = $(this).attr('id');

var parent_id = $(this).parent().attr('id');


$("li[id^="+parent_id+"]").removeClass("sel unsel");

$("li[id^="+parent_id+"]").addClass("unsel");

$(this).removeClass("unsel");

$(this).addClass("sel");

$("div[id^="+parent_id+"]").removeClass("disp non-disp");

$("div[id^="+parent_id+"]").addClass("non-disp");

$("#"+tab_id+"-view").removeClass("non-disp");

$("#"+tab_id+"-view").addClass("disp");

})

}) 



저작자표시

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

html내 <script>의 올바른 위치(?)  (0) 2018.09.04
jquey ajax 테스트  (4) 2018.09.03
jqeury 예제 그리고 자바스크립트 익명함수  (0) 2017.06.10
javascript toString() 진법변환  (0) 2017.05.25
div slide 애니메이션  (0) 2017.01.14
Posted by 구차니
Programming/web 관련2018. 8. 30. 16:20

li 글자 수직정렬하기

일단은.. 내꺼에서는 이게 효과가 있었음

li {

height:30px;

line-height: 30px; 

}


[링크 : https://stackoverflow.com/questions/3400548/how-to-vertically-align-li-elements-in-ul]

저작자표시

'Programming > web 관련' 카테고리의 다른 글

sso openid oauth  (0) 2018.09.10
tinestamp(epoch) to utc / localtime  (0) 2018.09.07
user agent stylesheet  (0) 2018.08.29
div min-width  (4) 2018.08.28
웹폰트 - 나눔고딕  (0) 2018.08.27
Posted by 구차니
Programming/node.js2018. 8. 29. 19:12

node.js 와 v8

v8 javascript 엔진을 기반으로 초반에는 node.js를 구현한듯?

근데 여전히.. v8 snapshot 기능은 못 찾음(arm에서 작동 안되는 이유가 얘라고..)


[링크 : https://blog.ghaiklor.com/how-nodejs-works-bfe09efc80ca]

[링크 : https://stackoverflow.com/questions/42616120/what-is-the-relationship-between-node-js-and-v8]

저작자표시

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

node.js CORS  (0) 2018.09.04
node.js와 웹소켓  (0) 2018.09.03
node.js odroid  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
html5 / css3 / jquey ajax / angularJS  (0) 2018.08.08
Posted by 구차니
Programming/node.js2018. 8. 29. 19:06

node.js odroid

odroid에서 node.js 하려면

빌드할때 snapshot 기능을 꺼야 한다고 한다.


[링크 : http://awesometic.tistory.com/5]

[링크 : http://lovedove.tistory.com/101]


+

라즈베리에서 node.js 돌리는법

[링크 : https://www.w3schools.com/nodejs/nodejs_raspberrypi.asp]

저작자표시

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

node.js와 웹소켓  (0) 2018.09.03
node.js 와 v8  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
html5 / css3 / jquey ajax / angularJS  (0) 2018.08.08
typescript - ts  (2) 2018.08.07
Posted by 구차니
Programming/web 관련2018. 8. 29. 17:47

user agent stylesheet

body에 정체 불명의 8px margin이 있어서 찾아보니

웹 브라우저에서 기본으로 설정하는 css 스타일이라고..


[링크 : https://stackoverflow.com/questions/12582624/what-is-user-agent-stylesheet]

[링크 : https://stackoverflow.com/questions/7332787/chrome-get-user-agent-stylesheet]

  [링크 : https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css]

  [링크 : https://stackoverflow.com/questions/6867254/browsers-default-css-for-html-elements/6867287#6867287]

저작자표시

'Programming > web 관련' 카테고리의 다른 글

tinestamp(epoch) to utc / localtime  (0) 2018.09.07
li 글자 수직정렬하기  (0) 2018.08.30
div min-width  (4) 2018.08.28
웹폰트 - 나눔고딕  (0) 2018.08.27
div width와 margin:auto;  (2) 2018.08.27
Posted by 구차니

티스토리툴바