Programming/javascript & HTML2016. 1. 11. 09:25

반응형 웹... w3cshool 링크

적어 둔줄 알았는데 없네 -_-


[링크 : http://www.w3schools.com/html/html_responsive.asp]

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

HTML form 은 중첩불가..  (0) 2016.01.14
HTML5용 슬라이더 바  (0) 2016.01.13
ul li 메뉴 .. 2?  (0) 2016.01.11
div 쪼금 이해 될락말락...  (0) 2016.01.08
setTimeout()와 setInterval()  (0) 2016.01.07
Posted by 구차니
Programming/javascript & HTML2016. 1. 11. 09:12

ul li 메뉴 .. 2?

포인트는.. li의 display : inline


끄면 이렇게 처참하게! 듀둥!


2015/09/16 - [Programming/Javascript / HTML] - ul / li로 메뉴 꾸미기


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

HTML5용 슬라이더 바  (0) 2016.01.13
반응형 웹... w3cshool 링크  (0) 2016.01.11
div 쪼금 이해 될락말락...  (0) 2016.01.08
setTimeout()와 setInterval()  (0) 2016.01.07
html5 live video streaming...  (0) 2015.11.23
Posted by 구차니
개소리 왈왈/자전거2016. 1. 10. 21:36

자전거 셋팅... 완...료는 아니고

와이어가 죄다 늘어났나...

기어도 칼 기어였는데 이상해졌고

브레이크야 머.. 원래 그랬는데

언제쯤 돈이 생겨서 울테로 갈 수 있으려나...




그나저나 오늘 잠시 탔다고

허벅에 안에 물집잡혔네 ㅠㅠ

'개소리 왈왈 > 자전거' 카테고리의 다른 글

2016 하이서울 자전거 대행진?!?!  (2) 2016.04.01
아.. 놔.. 망할 에어로 시트 포스트  (0) 2016.03.23
자전거 청소 끝  (0) 2016.01.09
자전거 하나 생길지..도?  (0) 2015.12.25
하이서울 자전거 대행진 2015 연기  (0) 2015.06.05
Posted by 구차니
개소리 왈왈/자전거2016. 1. 9. 23:15

자전거 청소 끝

일단 청소는 끝인데..

체인은 빼고~


결국은 자전거를 못탔네 ㅋㅋ


남은건 피팅

체인 청소

그리고.. 속도계 배터리 교체?

'개소리 왈왈 > 자전거' 카테고리의 다른 글

아.. 놔.. 망할 에어로 시트 포스트  (0) 2016.03.23
자전거 셋팅... 완...료는 아니고  (0) 2016.01.10
자전거 하나 생길지..도?  (0) 2015.12.25
하이서울 자전거 대행진 2015 연기  (0) 2015.06.05
2015 하이서울 자전거 대행진 취소 해야징 ㅠㅠ  (0) 2015.06.03
Posted by 구차니
Programming/javascript & HTML2016. 1. 8. 11:40

div 쪼금 이해 될락말락...

내가 원하는 레이아웃이 있는데

그걸 만들려고 지금까지 몇달 걸렸던가 ㄷㄷㄷ


얘는 쉬운데..

top;

menu; float

content; float

라면...

얘는 답이 안나온다.. -_-?!?!?


위와 같은 방법으로 하면

이런식으로 깨어지기만 하니까?


결론은.. div로 싸고 싸고 또 싸고 ㅋ

absolute를 하는 것도 방법이지만 고정 위치이고 여러가지 이유로 웬지 끌리지 않으니


menu ; float

container ; float

    top

    content

식으로 하면 깔끔하게 해결!



[링크 : http://yongja.tistory.com/48]

[링크 : http://mkyoon.com/56]

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

반응형 웹... w3cshool 링크  (0) 2016.01.11
ul li 메뉴 .. 2?  (0) 2016.01.11
setTimeout()와 setInterval()  (0) 2016.01.07
html5 live video streaming...  (0) 2015.11.23
div span 블럭구조 및 원형테두리  (0) 2015.09.23
Posted by 구차니
개소리 왈왈/정치관련 신세한탄2016. 1. 8. 10:06

참 얘네 꿈이 소소하네..

"코스피 1,700선까지 갈수도" 최악 시나리오 나왔다

[링크 : http://media.daum.net/economic/finance/newsview?newsid=20160108081617062]



막상 확인해보니.. 1700이면 참..

최악 시나리오 치고 꿈이 소소하구나.. 싶네

'개소리 왈왈 > 정치관련 신세한탄' 카테고리의 다른 글

결국은 테러방지법 통과?!  (0) 2016.03.03
오랫만에 사진을 올려보네 -_-  (2) 2016.02.25
나라 망하는 소리... 인가?  (0) 2015.08.21
삼성카 다이렉트? 강제 ActiveX 설치?  (0) 2015.06.26
텔레그램의 몰락?  (0) 2015.06.19
Posted by 구차니
개소리 왈왈/직딩의 비애2016. 1. 7. 15:35

롯데마트 할인 신용카드 흐음...

30~50만원 사용시 10% 할인이고

한번 할인 받으려면 5만원 이상 구매 해야 하는데

30~50만원 구간에서는 주간 만원(온라인) / 주말 만원(오프) 할인으로

역산해보면

10만원 결제 하면 만원 할인되고 주간이나 주말 하나 한번에 끝!


다시 생각해보면

주말에 10만원어치 한번

주중에 10만원어치 한번

이렇게 20쓰면 할인 금액을 다 쓰게 된다.

고로.. 최소 금액인 30을 채우기 위해서는 할인 받지 못하는 10만원을 또 써야 하고


체감(?) 할인율은

30에 2만원으로 6.67% 대 인가..




손해보고 장사할리는 없지만 먼가.. 커보이면서도 막상 계산해보니 크지 않은 기분이네...


2/30 = 0.067

3/50 = 0.06

4/70 = 0.057

5/90 = 0.056

엥? 왜 점점 쓰는게 커지면 할인율이 낮아져?


[링크 : http://www.lottemart.com/event/detail.do?categoryId=C0070872&SITELOC=JC004]

'개소리 왈왈 > 직딩의 비애' 카테고리의 다른 글

사진 인화 준비..  (0) 2016.02.11
소득공제 제공동의  (0) 2016.02.02
2015년 끝  (0) 2015.12.31
무료..  (0) 2015.12.26
... 멀 해야 하지?  (0) 2015.12.07
Posted by 구차니
Programming/javascript & HTML2016. 1. 7. 11:39

setTimeout()와 setInterval()

서버에서 시간을 받아와서 웹 브라우저 상에서 

setTimeout()으로 구현된 예제를 보고 있노라니..

pc의 시간과 다르게 가서 고민..


생각해보니까

setTimeout은 1회성으로

내부 루틴에서 처리할거 처리하고 지정을 지정하면

조금씩 조금씩 시간이 밀려 날 걸로 예상이 된다.


그런 이유로 setInterval이 조금은 더 정확한 시간간격으로 수행이 가능하지 않을까? 라고 예상


[링크 : http://www.w3schools.com/js/js_timing.asp]



[링크 : http://honjoo.tistory.com/32]

[링크 : http://charlie0301.blogspot.com/2014/11/javascript-timer.html]


<body onload="setInterval(function(){ function1(); function2();}, 500);">

[링크 : http://stackoverflow.com/questions/6660755/can-a-body-tag-hold-multiply-onload-setinterval]



----

setInterval 버전

<body onload="setInterval(function(){realtimeClock();},1000);">


<script type="text/javascript">

var systime = 20;


function realtimeClock()

{

var cTime = new Date((systime++)*1000); // EN672 System Time

svrTime.innerHTML = getTimeStamp(cTime);

}


function getTimeStamp(d)

{

var s = leadingZeros(d.getFullYear(), 4) + '-' +

leadingZeros(d.getMonth() + 1, 2) + '-' +

leadingZeros(d.getDate(), 2) + ' ' +

leadingZeros(d.getHours(), 2) + ':' +

leadingZeros(d.getMinutes(), 2) + ':' +

leadingZeros(d.getSeconds(), 2);

return s;

}


function leadingZeros(n, digits)

{

var zero = '';

n = n.toString();

if (n.length < digits)

{

for (i = 0; i < digits - n.length; i++)

zero += '0';

}

return zero + n;

}

</script>


<div id="svrTime"></div>


</body> 


setTimeout 버전

<body onload="realtimeClock();">


<script type="text/javascript">

var systime = 20;


function realtimeClock()

{

var cTime = new Date((systime++)*1000); // EN672 System Time

svrTime.innerHTML = getTimeStamp(cTime);

setTimeout("realtimeClock()", 1000);

}


function getTimeStamp(d)

{

var s = leadingZeros(d.getFullYear(), 4) + '-' +

leadingZeros(d.getMonth() + 1, 2) + '-' +

leadingZeros(d.getDate(), 2) + ' ' +

leadingZeros(d.getHours(), 2) + ':' +

leadingZeros(d.getMinutes(), 2) + ':' +

leadingZeros(d.getSeconds(), 2);

return s;

}


function leadingZeros(n, digits)

{

var zero = '';

n = n.toString();

if (n.length < digits)

{

for (i = 0; i < digits - n.length; i++)

zero += '0';

}

return zero + n;

}

</script>


<div id="svrTime"></div>


</body> 


완전하진 않지만 대충.. refresh 해서

setInterval은 2초 늦고 setTimeout은 1초 정도 늦게 시작 했으나


setTimeout은 30분이 지난 시점에서 상당히 벗어나 있음

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

ul li 메뉴 .. 2?  (0) 2016.01.11
div 쪼금 이해 될락말락...  (0) 2016.01.08
html5 live video streaming...  (0) 2015.11.23
div span 블럭구조 및 원형테두리  (0) 2015.09.23
ul / li로 메뉴 꾸미기  (0) 2015.09.16
Posted by 구차니
회사일/uclinux & rtos2016. 1. 6. 15:49

lwip RTSP over HTTP 가능성?


아직까지는 찾지를 못함..

직접 구현해야 하려나?


mjpeg 카메라 영상인데...

[링크 : http://141.89.114.98/demo/edu640x480v.html] mjpeg 예제


안드로이드(갤S2 LTE HD)는 그냥 다운로드..(재생불가)

IE 11 (edge)재생불가

IE 10 이하 재생불가


아이패드는 재생

크롬 재생

VLC 재생


It is natively supported by the QuickTime Player, the PlayStation console, and web browsers such as Safari, Google Chrome, and Mozilla Firefox.

[링크 : https://en.wikipedia.org/wiki/Motion_JPEG]


M-JPEG over HTTP

HTTP streaming separates each image into individual HTTP replies on a specified marker. RTP streaming creates packets of a sequence of JPEG images that can be received by clients such as QuickTime or VLC.


In response to a GET request for a MJPEG file or stream, the server streams the sequence of JPEG frames over HTTP. A special mime-type content type multipart/x-mixed-replace;boundary=<boundary-name> informs the client to expect several parts (frames) as an answer delimited by <boundary-name>. This boundary name is expressly disclosed within the MIME-type declaration itself. The TCP connection is not closed as long as the client wants to receive new frames and the server wants to provide new frames. Two basic implementations of a M-JPEG streaming server are cambozola and MJPG-Streamer. The more robust ffmpeg-server also provides M-JPEG streaming support.

[링크 : https://en.wikipedia.org/wiki/Motion_JPEG#M-JPEG_over_HTTP]


VLC로 raw 덤프해서 보니...

--myboundary

Content-type: image/jpeg

이렇게 시작하고 그 아래로는 깨지는걸 봐서는 그냥 jpeg 프레임인듯..



심심..(?)해서 저기 MIME 관련 헤더들 삭제하고 jpeg으로 저장하니

아래와 같이 똮!



저장을 좀 오래 하니

--myboundary

Content-type: image/jpeg

가 반복적으로 나타난다.


video/x-jpegMotion-JPEG video.   There are currently no specific properties defined or needed for this type. Note that video/x-jpeg only applies to Motion-JPEG pictures (YUY2 colourspace). RGB colourspace JPEG images are referred to as image/jpeg (JPEG image).

[링크 : http://gstreamer.freedesktop.org/.../section-types-definitions.html#table-video-types]

    [링크 : http://stackoverflow.com/.../correct-mime-type-for-multipart-mjpeg-stream-over-http]




HTTP/1.0 200 OK

Server: en.code-bude.net example server

Cache-Control: no-cache

Cache-Control: private

Content-Type: multipart/x-mixed-replace;boundary=--boundary

 

--boundary

Content-Type: image/jpeg

Content-Length: [length of the image bytes]

 

[write jpeg bytes]

 

--boundary

Content-Type: image/jpeg

Content-Length: [length of the image bytes]

 

[write jpeg bytes]

 

[...] 


[링크 : http://en.code-bude.net/tag/how-does-mjpeg-work/]



mjpeg streamer

[링크 : http://www.acmesystems.it/video_streaming]

'회사일 > uclinux & rtos' 카테고리의 다른 글

freeRTOS + lwip or freeRTOS+TCP  (0) 2016.01.06
비선점형 마이컴 OS - csrtos  (0) 2015.11.12
uclinux / linux 벤치마킹  (0) 2015.11.11
µC/OS-II  (0) 2015.11.11
uclinux  (0) 2015.11.10
Posted by 구차니
회사일/uclinux & rtos2016. 1. 6. 15:16

freeRTOS + lwip or freeRTOS+TCP

두개에 대한 벤치마크는 안보이지만...

어느걸 택하던 상관없다 일려나?(좋은 의미던 나쁜 의미던..)


lwIP


lwIP is also a good stack when used in its intended, memory constrained, environment. It has a higher throughput than uIP, but also has a larger ROM and RAM footprint. Although the footprint is larger than uIP it is still smaller than most commercial TCP/IP offerings. In particular, lwIP saves RAM by making large data buffers by chaining smaller buffers together.

Most (if not all) the FreeRTOS demos listed here make use of quite an old lwIP version. There are however contributed demos available in the FreeRTOS Interactive forums that use a more up to date lwIP code base. Further lwIP related uploads would be gratefully received.


On the negative side, lwIP is undeniably quite complex to use at first, but time invested in its use will pay dividends in future projects. lwIP is also a moving target because it is constantly being developed and updated (which is not necessarily a negative thing).


[링크 : http://www.freertos.org/embeddedtcp.html]

[링크 : http://lwip.wikia.com/wiki/LwIP_Application_Developers_Manual]

[링크 : http://lwip.wikia.com/wiki/LwIP_Wiki]

freeRTOS+TCP 패키지

[링크 : http://www.freertos.org/FreeRTOS-Plus/FreeRTOS_Plus_TCP/index.html]

'회사일 > uclinux & rtos' 카테고리의 다른 글

lwip RTSP over HTTP 가능성?  (0) 2016.01.06
비선점형 마이컴 OS - csrtos  (0) 2015.11.12
uclinux / linux 벤치마킹  (0) 2015.11.11
µC/OS-II  (0) 2015.11.11
uclinux  (0) 2015.11.10
Posted by 구차니

티스토리툴바