'etc' 카테고리 - 7 페이지. 웹개발 커뮤니티 블로그

etc비디오 재생하기 위한 방법으로 hls.js 사용하기 HTML5에서는 VIDEO / AUDIO의 기능이 매우 폭넓게 확장되었습니다. 그런데 크롬 및 기타 브라우저에서 m3u8 확장자를 가진 영상을 재생할 경우 플레이되지 않을 수 있습니다. 이는 해당 디바이스 및 OS에서 지원하지 않기 때문입니다. 이 경우 해결하기 위한 방법으로 hls.js를 사용하는 방법이 있습니다.hls.js를 사용하는 방법에 대하여 알아볼까 합니다. 대부분의 써드파티 앱처럼 이 역시 인스턴스를 생성하고 메소드를 호출하는 방식을 사용합니다.<h4 data-custom-style=

View : 5943 / Created : 2017-04-25

etcHLS 중지, destroy 시키는 방법 만약 생성한 인스턴스의 이름이 hlsVideo인 경우 페이지를 이탈하거나 더 이상 이벤트가 필요하지 않은 경우 아래와 같은 방법으로 Destroy, 중지합니다.# hls.js를 사용한 인스턴스 destroy 방법아래와 같이 destroy() 함수를 사용합니다. 만약 인스턴스 네임이 hlsVideo인 경우...<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" da

View : 677 / Created : 2017-04-25

etcHTML Audio/Video 엘리먼트의 DOM메소드 load() 역할은? HTML Audio/Video 엘리먼트의 DOM메소드 load()가 하는 역할입니다.해당 DOM 요소의 load

View : 1188 / Created : 2017-04-25

etcGit 이전에 커밋한 내용과 파일 내용을 비교하는 방법은? git을 사용하는 경우 만약 이전에 커밋한 내용과 무엇이 달라졌는지 확인하는 방법입니다. 새롭게 커밋을 수행한 경우 이전과 달라진 부분을 확인하고 싶다면 아래에서 알아보세요.# git에서 이전 수정 내용, commit 내용 비교, 확인하기달라진 내용, 코드를 확인, 비교하는 방법은 몇 가지 존재합니다.@ 이전 커밋

View : 3185 / Created : 2017-04-25

etcFacebook 새로운 360 카메라 공개 요즘 핫한 키워드 중 vr, 360을 빼놓을 수 없겠죠? 페이스북에서 새로운 360 VR 카메라를 발표하였습니다. 미국의 새너제이 맥에너지 컨벤션센터에서 발표한 이번 제품은 일단 그 외모부터 시선을 압도하는데요... 외형적으로나 기능적으로나 전년도에 발표한 제품에 비하여 많은 변화가 생겼군요.이전 제품의 경우 마치 비행접시 모양의 외계인을 연상하게 했다면 이번에는 둥그런 모양에 굉장히 많은 렌즈를 담고 있습니다. 아래의 스크린샷이 이번에 발표한 페이스북의 서라운드 360 제품입니다.<br

View : 684 / Created : 2017-04-22

etc아파치 라이선스 버전 2.0 사용하는 방법 아파치 라이선스 버전 2.0 사용하는 방법은?수정 후 재배포를 목적으로 하지 않는 경우에는 상업적 용도 역시 자유롭게 사용이 가능합니다. 다만 수정 및 재배포시 원본 및 수정 내용을 포함하고 라이선스에 대한 내용을 포함시켜야 합니다.Apache 2.0 License 바로가기 ><a data-cke-saved-href="http://www.apache.org/licenses/LICENSE-2.0" href="http://www.apache.org/licenses/LICE

View : 1215 / Created : 2017-04-21

etcHTML5의 Video태그에서 m3u8 포맷이 재생되지 않는 경우 HTML5의 Video태그에서 m3u8 포맷이 재생되지 않는 경우가 크롬에서 발생될 수 있습니다. 이 경우 해결방법은 무엇일까요?원인은 크롬 및 기타 디바이스 환경에서 HLS를 완전히 지원하지 않기 때문에 발생합니다. 이 경우 브라우저를 다른 것으로(Ex. Edge) 바꾸거나 HLS를 지원하는 iOS, Safari 등으로 바꾸면 해결될 수 있습니다. 만약 반드시 해당 환경에서 지원이 필요하다면

View : 8492 / Created : 2017-04-21

etc자바스크립트에서 주소창의 파라미터값만 배열로 받아오는 방법은? 자바스크립트에서 주소창의 파라미터값만 배열로 받아오는 방법은 무엇일까요?예를들어... 아래와 같은 주소를 가진 웹페이지가 있다고 가정한다면...<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-cke-display-name="code snippet" data-cke-wi

View : 1071 / Created : 2017-04-19

etcCSS preprocessor LESS의 자주 사용되는 문법 및 방법은? CSS preprocessor LESS의 자주 사용되는 문법 및 방법은 무엇이 있을까요?# 자식 요소에 간단하게 스타일 부여하기<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeS

View : 721 / Created : 2017-04-19

etc유용한 자바스크립트 변수의 네이밍 규칙은? 코드스타일과 관련된 질문입니다. 유용한 자바스크립트 변수의 네이밍 규칙은? 어떤게 있을까요?

View : 983 / Created : 2017-04-19

etcCKEDITOR 로딩 후 에디터에 focus() 이동하는 방법은? CKEDITOR를 로딩한 후 바로 포커스가 이동하기 위한 방법은 무엇일까요?# 에디터 로딩 후 포커스하는 방법<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-cke-display-name="code s

View : 3131 / Created : 2017-04-18

etc자바스크립트 피라미드 모양의 배열값 만드는 방법은? 자바스크립트 피라미드 모양의 배열값 만드는 방법은 무엇일까요?[[0]][[1],[2]][[3],[4],[5]]...이런식으로 계속 배열이 늘어나게 하려면?# 피라미드식의 배열 구하는 방법<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wra

View : 1706 / Created : 2017-04-17

etc자바스크립트로 데이터를 csv로 다운로드 가능하게 하려면 어떻게 만드나요? 자바스크립트로 데이터를 csv로 다운로드 가능하게 하려면 어떻게 만드나요?

View : 622 / Created : 2017-04-17

etcSPA(Single page application)에서 CKEDITOR를 적용하는 방법은? SPA(Single page application)에서 CKEDITOR를 적용하는 방법은 무엇일까요?싱글페이지 어플리케이션의 경우 비동기 방식으로 DOM이 그려지기 때문에 textarea 태그가 언제 그려질지 확실히 알기가 어려울 수 있습니다. 예를들어 해당하는 textarea 태그가 directive의 내부의 내부...에 사용되는 경우라던가 기타 ajax가 추가로 사용되는 경우 등등 이 경우 어떻게 할까요?문제는 document의 onready state 또는 onload등의 이벤트 등을 사용하여도 확

View : 1053 / Created : 2017-04-14

etc[CKEDITOR] 스크립트에서 DOM 추가 후 replace() 적용하는 방법은? CKEDITOR에서 생성될 에디터가 노출되지 않고 DOM 엘리먼트를 스크립트에서 생성하여 replace() 적용한 뒤 보여주게 하려는 경우 어떻게할까요? 그 방법은을 알아봅니다. 이해하기 쉽게 말하면 html을 추가한 뒤 로드가 되면 replace('name')을 적용하지만 자바스크립트에서 DOM 엘리먼트 추가하여 적용하는 방법입니다?<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_

View : 945 / Created : 2017-04-13

etcCKEDITOR 만약 keyup 클릭 이벤트가 동작 안하는 경우 해결법은? CKEDITOR 만약 keyup 클릭 이벤트가 동작 안하는 경우 해결법은 무엇일까요?클릭이벤트가 동작 안하는 경

View : 949 / Created : 2017-04-13

etcCKEDITOR에서 keyup 클릭 이벤트 사용하는 방법은? CKEDITOR에서 keyup 클릭 이벤트는 어떻게 사용하나요?<h4 data-custom-style="

View : 1517 / Created : 2017-04-13

etc자바스크립트에서 새로운 에러 메시지 띄우는 방법은? 자바스크립트에서 새로운 에러 메시지 띄우는 방법은 무엇일까요?에러 메시지는 브라우저에서 자체적으로 발생하지만 의

View : 1455 / Created : 2017-04-12

etcCKEDITOR에서 초기 높이 설정하는 방법은? CKEDITOR에서 초기 높이 설정하는 방법 무엇일까요?# CKEDITOR 에디터 높이 설정하기만약 name이 testEditor라면 다음과 같이 높이를 설정합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block

View : 2798 / Created : 2017-04-12

etcCKEDITOR 에디터 replace 한 뒤에 다시 원상태로 초기화하는 방법은? CKEDITOR 에디터 replace 한 뒤에 다시 원상태로 초기화하는 방법은 무엇일까요?# destroy() 메소드를 사용하여 초기화 가능예를들어 만약 name이 testEditor인 경우...<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_blo

View : 1521 / Created : 2017-04-12

etc자바스크립트 변수 선언시 여러개의 조건에 따른 다른 값을 한 줄로 매핑하는 방법은? 자바스크립트 변수 선언시 여러개의 조건에 따른 다른 값을 한 줄로 매핑하는 방법은 무엇일까요? 조건식을 따를 경우 줄이 너무 길어지나 약식으로 표현하여 한 줄로 사용하려고 합니다.! 변수에 약식 조건문(분기문) 사용 방법조건이 몇 개이냐에 따라서 조금 다르게 사용할 수 있습니다.# 값이 있는 경우의 조건아래의 예제는 만약 tes

View : 1977 / Created : 2017-04-12

etc자바스크립트를 사용하여 ip 주소를 *** 표시로 변경하는 방법은? 만약 클라이언트측에서 자바스크립트를 사용하여 ip 주소를 감추려면 어떻게 해야할까요?어떤 경우가 있을까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여주는 경우가 있습니다. 이 경우 ip를 전부 노출하는 것이 아니라 일부분만 보여줍니다. 예를들어...<div tabindex="-1" contenteditable="false

View : 1635 / Created : 2017-04-10

etcphp에서 ip 주소의 뒷자리를 *** 표시로 감추는 방법은? ip 주소를 감추려면 어떻게 해야할까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여

View : 1100 / Created : 2017-04-10

etc자바스크립트에서 hash 해시함수를 사용하여 해시값을 얻을 수 있는 방법은? 자바스크립트에서 hash 해시함수를 사용하여 해시값을 얻을 수 있는 방법은 무엇일까요? 내장함수에 해시함수를 만들 수 있는게 있나여?# 해시함수를 얻기 위한 방법, Crypto-js해시함수를 얻기 위한 방법으로 Crypto-js가 있습니다. Crypto-js는 구글에서 만든 라이브러리로 해시 변환이 가능하도록 도와줍니다.MD5SHA-1SHA-256SHA-512</li

View : 2536 / Created : 2017-04-10

etc자바스크립트에서 전화번호를 검증하기 위한 방법은? 자바스크립트에서 전화번호를 검증하려면 어떻게 해야할까요? 예를들어 일반전화와 핸드폰을 기준으로 실제 패턴이 맞는지 확인을 하려면?# 정규표현식으로 전화 또는 핸드폰 번호 검증하기문자열의 정규표현식을 사용한 방법을 사용할 수 있습니다. 정규식 패턴의 경우 test() 메소드를 사용할 수 있는데 이는 정규식이 일치하는지의 여부를 확인한 후 결과를 불리언(Boolean)으로 반환합니다. 아래의 코드를 봐주세요.var tel = '02-

View : 2684 / Created : 2017-04-10

etc자바스크립트의 toString() 그리고 toLocaleString()의 차이점은? 자바스크립트의 toString() 그리고 toLocaleString()의 차이점은 무엇일까요?<div data-cke-

View : 404 / Created : 2017-04-10

etcNotepad++에서 한글 인코딩을 변환, 저장하는 방법은? Notepad++에서 한글 인코딩을 변환, 저장하는 방법은 무엇일까요? 한글이 정상적으로 보이지 않는 경우가 이에 해당합니다. 또는 html과 에디터의 인코딩 방식에 차이가 날 경우 문제가 나타날 수 있어 수정이 필요합니다.

View : 1794 / Created : 2017-04-09

etcUTC 날짜가 의미하는 것은 무엇인가요? 날짜를 표시할거나 저장 또는 가져올 경우 UTC 날짜를 볼 수 있습니다. UTC 날짜는 무엇을 의미할까요?UTC 날짜는 협정표준시를 나타내며 영문으로 Coordinated Universal Time입니다. 세계 시간은 24시간을 기준으로 나뉘어져 사용됩니다. GMT 이후 대신하여 사용되며 UTC 시간은 지역에 따른 로컬 타임으로 변경하여 사용됩니다. 정확한 시간을 알기위해서는 알려는 지역의 UTC 시간차를 알아야합니다.

View : 815 / Created : 2017-04-07

etc자바스크립트 날짜에서 getTime()으로 얻어온 값은 무엇인가요? 만약 자바스크립트를 사용하여 얻어온 시간에 getTime() 메소드를 적용할 경우 아래와 같은 숫자를 볼 수 있습니다.1491553506653이 숫자가 의미하는 것은 무엇일까요? 먼저 위 숫자를 얻기 위해서는 아래와 같은 방법이 필요합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_wi

View : 10376 / Created : 2017-04-07

etc자바스크립트를 사용하여 스크롤 이벤트 실행시 한번이 아닌 연속해서 발생하는 문제 해결방법은? 자바스크립트를 사용하여 스크롤 이벤트 실행시 한번이 아닌 연속해서 발생하는 문제가 나타날 수 있습니다. 예를들어 스크롤을 내릴 경우 추가적인 콘텐츠를 불러오는 경우 ~ 의도하지 않게 AJAX 코드가 한 번이 아닌 여러 번 발생할 수 있습니다...그렇다면 스크롤 할 경우 여러번이 아닌 한 번만 발생하는 방법 무엇일까요?scrollStart;clearTimeout(scrollStart)clearTimeout을 통해 이벤트 발생을 제어합니다.

View : 2814 / Created : 2017-04-07

CATEGORIES

LATEST POSTs 가장 최근에 등록된 포스팅 목록입니다.