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 기반
| 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 |
가장 만만한 예제로 하는 중
일단.. 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 이런게 일종의 식별자니까.. 알아두면 작업이 용이할 듯
| 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 |
먼가 말이 이상한데..
일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서
선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용
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"); }) }) |
| 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 |
일단은.. 내꺼에서는 이게 효과가 있었음
li { height:30px; line-height: 30px; } |
[링크 : https://stackoverflow.com/questions/3400548/how-to-vertically-align-li-elements-in-ul]
| 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 |
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]
| 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 |
odroid에서 node.js 하려면
빌드할때 snapshot 기능을 꺼야 한다고 한다.
[링크 : http://awesometic.tistory.com/5]
[링크 : http://lovedove.tistory.com/101]
+
라즈베리에서 node.js 돌리는법
[링크 : https://www.w3schools.com/nodejs/nodejs_raspberrypi.asp]
| 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 |
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]
| 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 |
역시.. 생각하는 모든것은 이미 존재하는건가!
div 태그에서 100% width 해놔도 일정 크기 이하로는 줄지 않도록 해주는 설정값
[링크 : https://www.w3schools.com/cssref/pr_dim_min-width.asp]
| li 글자 수직정렬하기 (0) | 2018.08.30 |
|---|---|
| user agent stylesheet (0) | 2018.08.29 |
| 웹폰트 - 나눔고딕 (0) | 2018.08.27 |
| div width와 margin:auto; (2) | 2018.08.27 |
| tr hover (2) | 2018.08.27 |
구글에서 나눔고딕을 CDN으로 제공하는데
대부분 링크 떠도는게 earlyaccess로 된거라 정상적인(?)걸 찾는데 애먹음
그나저나.. eot나 woff 이런걸 받을순 없는건가?
[링크 : https://www.seobangnim.com/bbs/board.php?bo_table=html&wr_id=300]
| user agent stylesheet (0) | 2018.08.29 |
|---|---|
| div min-width (4) | 2018.08.28 |
| div width와 margin:auto; (2) | 2018.08.27 |
| tr hover (2) | 2018.08.27 |
| html button tag (4) | 2018.08.27 |
div에 width 값이 정해지지 않으면
margin:auto를 통해서 가운데 정렬이 되지 않는 문제(?) 발견
왜 그런걸까?
쓰면 쓸수록 div랑 span 어렵네..
누가 웹이 쉽댔어 -_ㅠ
| div min-width (4) | 2018.08.28 |
|---|---|
| 웹폰트 - 나눔고딕 (0) | 2018.08.27 |
| tr hover (2) | 2018.08.27 |
| html button tag (4) | 2018.08.27 |
| table border-spacing (0) | 2018.08.27 |
|
