Programming/css2018. 10. 10. 19:16

잘 안되네... (예제만은 잘됨.. 내꺼에는 안됨.. ㅠㅠ)

일단 핵심은 :before라는 슈도 태그 인듯..

(근데 난 d3로 svg 그리는데 zindex랑 꼬여서 영 안됨..)


body

{

font-family: arial, helvetica, freesans, sans-serif;

font-size: 100%;

color: #333;

background-color: #ddd;

}


h1

{

font-size: 1.5em;

font-weight: normal;

margin: 0;

  text-align: center;

  padding-top: 1em;

}


#element2

{

width: 12em;

font-size: 2em;

text-align: center;

line-height: 5em;

margin: 3em auto;

border: 2px solid #666;

border-radius: 7px;


  position: relative;

overflow: hidden;

}


#element2:before

{

content: "";

position: absolute;

width: 200%;

height: 200%;

top: -50%;

left: -50%;

z-index: -1;

background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/background.png) 0 0 repeat;

transform: rotate(45deg);


[링크 : https://www.sitepoint.com/css3-transform-background-image/]

[링크 : https://stackoverflow.com/questions/24842026/rotate-background-image-of-div-90-degrees-using-jquery]

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

css transform zindex origin  (0) 2018.10.25
css tooltip 위치  (0) 2018.10.25
css 계층 구조? 상속? 선택자 조합자?  (0) 2018.09.05
sass scss  (0) 2018.09.05
hover inline css  (0) 2018.08.27
Posted by 구차니

ffmpeg를 이용해서 여러개의 파일을 합치는 방법

RTSP를 통하거나 m3u8 파일을 통해서 원하는 시간에 대해서 합치는 법 찾아야 하는데.. ㅠㅠ


[링크 : https://trac.ffmpeg.org/wiki/Concatenate]

[링크 : https://stackoverflow.com/.../ffmpeg-mp4-from-http-live-streaming-m3u8-file/32537953]

[링크 : https://stackoverflow.com/.../using-ffmpeg-to-save-an-rtsp-stream-from-a-certain-point-in-time?rq=1]

[링크 : http://hlsbook.net/how-to-start-playing-a-video-at-a-specific-point-in-time/]

[링크 : https://stackoverflow.com/.../ffmpeg-hls-segmenting-start-time-miscalculated]


+

2019.01.04


rtsp 주소는 concat에서 인식을 못한다...

다운로드 후 합치는걸로 구현을 해야하려나?

'프로그램 사용 > ffmpeg & ffserver' 카테고리의 다른 글

ffmpeg / ffplay cli interactive interface  (0) 2018.11.30
ffmpeg concat  (0) 2018.11.05
ffmpeg huffyuv  (0) 2017.02.28
ffmpeg으로 컨테이너 변경하기  (0) 2016.12.01
ffmpeg 으로 파일 재생하기  (0) 2015.02.10
Posted by 구차니
개소리 왈왈/블로그2018. 10. 10. 16:52

정체성이 이제 불분명하던 '초대장' 시스템의 폐지

그리고 개인 블로그로서는 나쁘지 않는 상한선인 하루 30개 글 제한(기존 유저, 신규 유저 15)


#01. 새로운 스킨을 제공합니다.

#02. 홈 꾸미기를 위한 ‘커버’ 기능을 지원합니다.

#03. 이제 초대장 없이 누구나 가입할 수 있습니다.

#04. 1일 글 작성 수 제한이 생깁니다.

#05. IE 10 이하의 브라우저 지원을 중단합니다. 

[링크 : https://notice.tistory.com/2451]



그래도 기존의 초대목록이 사라지는건 좀 아쉽네.

(그래봤자 활동도 안하는 놈들 뿐이지만)

Posted by 구차니
Programming/node.js2018. 10. 10. 16:40

/static 아래에서는 /public으로 연결해서 자유롭게 파일을 직접 액세스 하도록 해주는 기능



app.use('/static', express.static('public')); 

[링크 : http://expressjs.com/en/starter/static-files.html]

[링크 : http://expressjs.com/ko/starter/static-files.html]

[링크 : http://infodbbase.tistory.com/40]

[링크 : https://opentutorials.org/course/2136/11857]

Posted by 구차니

별도로 만들어 준 marker 배열을 이용해서

setIcon()을 설정해주면 됨..


e로 넘어 오는 값으로는 무리인가..


[링크 : https://developers.naver.com/forum/posts/26398]

[링크 : https://navermaps.github.io/maps.js/docs/naver.maps.Marker.html]

'프로그램 사용 > 네이버 맵 API' 카테고리의 다른 글

네이버 지도 위도/경도 좌표  (0) 2018.10.29
네이버 API 공지  (2) 2018.10.13
네이버 지도 zIndex 와 title  (0) 2018.10.10
네이버 지도 idle 이벤트  (0) 2018.10.10
네이버 지도 API 애니메이션  (0) 2018.10.05
Posted by 구차니

핸들러에서는 marker object가 아니기 때문에

overlay의 title과 zIndex 정도가 클릭시 얻을수 있는 외부(?) 정보로 사용이 가능할 것으로 보인다.


var marker = new naver.maps.Marker(

            {

                position: new naver.maps.LatLng(data.lat, data.lng),

                title : data.name,

                zIndex : i,

                map: map

            }

        ); 


        naver.maps.Event.addListener(marker, "dblclick", function (e) {            

            // console.log(e);

            // console.log(e.overlay.zIndex);

            // console.log(e.overlay.title);

            console.log(e.overlay);

        }); 

[링크 : https://navermaps.github.io/maps.js/docs/naver.maps.Marker.html]

Posted by 구차니

공식 문서에는 잘 안나오네..

아무튼 idle이벤트는 어떤 행위를 하고 나서 발생을 한다.

즉, 처음 로딩시 설정하고 무언가를 해주더라도 idle 이벤트가 발생하지 않고

마우스로 옮기는 등의 사용자 행동을 한 이후에 idle 이벤트가 발생하게 된다.


    naver.maps.Event.addListener(map, 'idle', function() {

        console.log('idle');

    }); 

[링크 : https://developers.naver.com/forum/posts/26097]

[링크 : https://navermaps.github.io/maps.js/docs/tutorial-UI-Event.html]



+

원래는 로딩시에 idle이 뜨는줄 알고

그 이후에 마커를 표시하려고 했는데 안되서 찾는중


+

UI 이벤트 목록

mousedown, mouseup, click, dblclick, rightclick, mouseover, mouseout, mousemove

dragstart, drag, dragend

touchstart, touchmove, touchend, pinchstart, pinch, pinchend, tap, longtap, twofingertap, doubletap 


[링크 : https://navermaps.github.io/maps.js/docs/tutorial-UI-Event.html]

Posted by 구차니