LATEST POSTs 최근 등록된 포스팅 목록 최신순

---

인기순

• etc 웹개발, 퍼블리싱에 사용하는 텍스트 에디터! 선택은? 웹개발, 퍼블리싱에 사용하는 텍스트 에디터! 선택은? 일반적으로 아래 에디터들이 사용되죠~notepad++editplusultra editsublimewebstormvisual studioBrackets (http://brackets.io/)오픈소스인 텍스트에디터입니다.# cloud editor요즘은 클라우드 형태로 웹개발을 할 수 있습니다. 무료로도 사용가능한 c9

  View : 1607 / 2017-04-27
• etc 무료 폰트를 추천해봅시다~ 어떤 폰트가 요즘 핫한가요? 최근 여러 스타트업을 비롯한 기업에서 사용되는 폰트를 무료로 제공해주고 있습니다. 웹사이트의 큰 부분을 차지하는 폰트!! 무료로 적용할 수 있다면 폰트를 변경하는 것도 좋겠죠? 사실 무료 폰트가 많아진 만큼 어떤 폰트가 좋을지 모르겠습니다. 어떤 무료폰트가 좋을까요? 함께 추천해봅시다~ 어떤 폰트가 요즘 핫HOT!!! 한가요?<h4 d

  View : 1234 / 2017-04-27
• etc 웹로컬라이제이션 개발을 위한 UTC 날짜 활용방법 알아보기 웹로컬라이제이션 개발을 위한 UTC 날짜 활용방법들을 알아봅시다. 생각할 부분은은?ISO 8601 표준의 시간은 아래와 같습니다.​​​​<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-widget

  View : 788 / 2017-04-27
• etc HTML 스맨틱 태그 요소들을 나열하고 알아보자 HTML 스맨틱 태그 요소들을 나열하고 알아보자

  View : 942 / 2017-04-27
• etc 원하는 부분만 인쇄할 수 있도록 선택하게 만드는 방법  원하는 부분만 인쇄할 수 있도록 선택하게 만드는 방법을 알려주세요.<div data-cke-filler-webkit="

  View : 1249 / 2017-04-27
• etc 팝업창에서 부모창으로 부모창에서 팝업창으로 접근하는 방법은? 팝업창에서 부모창으로 부모창에서 팝업창으로 접근하는 방법에 대하여 알아봅시다.

  View : 945 / 2017-04-27
• etc 웹기획, UI기획에서 3컬럼 레이아웃의 장단점은 무엇일까요? 웹기획, UI기획에서 3컬럼 레이아웃의 장단점은 무엇일까요?

  View : 864 / 2017-04-27
• etc 웹접근성에서 중요한 부분들은? 웹페이지 퍼블리싱에서 빼놓을 수 없는 웹접근성에서 중요한 부분들을 얘기해봅시다. 예제와 함께 적어보겠습니다.

  View : 586 / 2017-04-27
• etc 가장 짧은 자바스크립트 클로저 만드는 방법 가장 짧은 자바스크립트를 만들어라... 라고 묻는다면 어떤 예제를 만들 수 있을까요? 아래에서 만들어보겠습니다. 참고로 이 글은 클로저를 설명하는 것이 아닌 단순한 예제를 보여줍니다.# Closure, 클로저를 만든 예제보기아래는 간단한 클로저 예제입니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class=

  View : 706 / 2017-04-27
• etc 파이어폭스를 사용한 API 테스트가 다른 브라우저와의 장단점은? 파이어폭스를 사용한 API 테스트가 다른 브라우저와의 장단점은?

  View : 677 / 2017-04-27
• etc 자바스크립트로 광고 트래킹 코드를 만드는 방법은? 자바스크립트로 광고를 추가한 경우 만약 방문자가 클릭시 트래킹 가능한 코드를 만드는 방법에 대하여 얘기해봅시다.어떤 방법들이 유용하게 사용할 수 있을까요?

  View : 1015 / 2017-04-27
• etc API를 만들때 오픈 API가 아닌 특정 host에서만 접속하게 만드는 방법 API를 만들때 오픈 API가 아닌 경우 보안이슈가 따르겠죠? 만약 특정 host에서만 접속하게 하려면 어떤 것들이 필요할까요?

  View : 571 / 2017-04-27
• etc 2017년 가장 핫한 프론트엔드 언어는 무엇일까요? 프론트엔드 언어를 선도할 2017년 언어는???설문조사가 가능하면 좋겠군요 ^^

  View : 853 / 2017-04-27
• etc 자바스크립트 pop 연산을 하는 이유와 장점은? 자바스크립트에서 pop 연산을 수행하는 이유와 장점이 뭘까요?

  View : 533 / 2017-04-27
• etc 자바스크립트의 메모리에서 해제하기 위한 방법으로 undefined가 아닌 null을 쓰는 이유는 뭔가요? 자바스크립트의 메모리에서 해제하기 위한 방법으로 undefined가 아닌 null을 사용하는 경우가 많습니다. 그 이유는 무엇일까요? 결론부터 말하면 찾아봤지만 클리어한 답변을 찾지는 못했습니다. 그 이유 중 하나로 최근에는 이런 고민의 글들을 더 이상 찾을 필요 없을 정도로 가비지 컬렉션의 기능이 그만큼 좋아졌기 때문이다라고 할 수 있습니다위 질문의 답변은 되지 못하지만 가비지컬렉션을 위해 null, undefined 선언했던 이유는 무엇일까요?자바스크립트에서 변수를 선언하

  View : 1624 / 2017-04-27
• etc 자바스크립트에서 인터넷 컨넥션 상태를 알 수 있는 방법이 있나요? 자바스크립트에서 인터넷 컨넥션 상태를 알 수 있는 방법이 있나요?

  View : 549 / 2017-04-26
• etc 자바스크립트 new Function()을 사용하여 함수를 생성하는 방법은? 자바스크립트 new Function()을 사용하여 함수를 생성하는 방법은?

  View : 1025 / 2017-04-26
• etc 자바스크립트 날짜가 오늘 기준 하루 지났는지 ~ 얼마나 지났는지 확인하는 방법 자바스크립트를 사용하여 특정 날짜가 오늘 기준으로 얼마나 지났는지... 여기서는 하루 지났는지 알아보는 방법입니다. 일단 하루가 지났는지 알아보기 위하여 다음과 같은 프로세스를 생각해봅니다.오늘 날짜 구하기오늘 날짜에서 특정 날짜를 빼기나온 값을 24시간 기준으로 변환하기위의 값이 24시간보다 더 큰 경우인지 아닌지 확인하여 처리하기그럼 위와 같이 코드를 아래에 작성해보도록 하겠습니다.<div tabindex="-1" con

  View : 5555 / 2017-04-26
• etc 레거시 연동이 필요하다는 건 무슨 뜻인가요? 레거시 연동이 필요한데... 라는 말는 무슷 뜻이죠?

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

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

  View : 1927 / 2017-04-25
• etc HTML Audio/Video 엘리먼트의 DOM메소드 load() 역할은?  HTML Audio/Video 엘리먼트의 DOM메소드 load()가 하는 역할입니다.해당 DOM 요소의 load

  View : 2469 / 2017-04-25
• etc Git 이전에 커밋한 내용과 파일 내용을 비교하는 방법은? git을 사용하는 경우 만약 이전에 커밋한 내용과 무엇이 달라졌는지 확인하는 방법은 무엇일까요?git을 사용하여 커밋하는 경우 고유의 commit hash값이 생성됩니다. 이는 git log 명령어를 사용하여 확인할 수 있죠.> git log!! 그렇다면 커밋(commit)으로 뭐가 달라졌을까?만약 특정 커밋이 어떤 부분

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

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

  View : 14225 / 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 : 1725 / 2017-04-19
• etc CSS 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 : 1224 / 2017-04-19
• etc CKEDITOR 로딩 후 에디터에 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 : 5555 / 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 : 2945 / 2017-04-17