WIT – NTS UIT Blog

[번역] The State of JavaScript in 2015

Posted by in Research, Tech

  Jimmy Breck-McKye Twitter:@jbreckmckye Jimmy Breck-McKye는 프론트엔드 개발자입니다. Breck-McKye가 자신의 블로그에 쓴 글로 2014년 12월 첫째 주  JavaScript Weekly에 올라온 The State of JavaScript in 2015를 번역한 글입니다.     —– 요즘 JavaScript 세계는 춘추전국시대 같다. 감당할 수 없는 속도로 새로운 프레임워크와 기술이 쏟아지고 사라진다. 나는 사람들이 이 상황을 새로운 방법으로 헤쳐나갈 것으로 본다. 내 예상에 앞으로 개발자들은 Angular.js, Ember 같은 단일 프레임워크가 아닌 입맛대로 조합할 수 있는 작은 라이브러리를 사용해서 변화가 가져올 위험을 줄이고 서로 다른 문제를 개별적으로 해결하는 방향으로 나갈 것이다. 많은 사견이 들어가 있는 글이지만 끝까지 읽어보길 바란다….read more

그것이 알고 싶다 – Spinbox로 React 겉핥기

Posted by in Research

  센스있는 개발자라면 기술 관련 위클리 메일을 하나정도는 받아보고 있을 것이다. 나 역시 많은 위클리 메일을 구독하고 있다. 무슨 위클리가 그리 많은지… 이젠 부담스러워서 몇 개 구독을 끊을까 생각중. 아무튼 매주 쏟아지는 정보 중 10%도 못 읽고 넘기고 있지만 JavaScript 위클리는 꼬박꼬박 챙겨보려고 애쓰고 있다. 뭔가 JavaScript로 밥 벌어 먹고 사는 사람의 의무 같다고나 할까? 그래서 주말 아침 잠자리에서 눈 뜨면 습관적으로 JavaScript 위클리를 훑어본다. 요즘들어 위클리 메일에 부쩍 이름이 자주 보이는 녀석이 하나 있는데 바로 React다. 물론 어떤 대상을 누군가 자주 언급한다고 해서 그것이 반드시 좋은 것이라고 할 수는…read more

Chrome 브라우저 HTML5 Video Element의 src 캐시 버그

Posted by in Research

  프로젝트 도중에 HTML5 Video Element를 8개 삽입하면 7번째 Video Element 부터는 동영상을 제대로 로딩하지 못하는 문제가 있다는 사실을 발견하였다.

  7, 8번째 동영상을 로딩하지 못해서 아래와 같이 나온다.       크롬을 열어서 네트워크 탭을 봤더니 src 요청이 pending에 걸려있다.   익스플로러, 사파리, 파이어폭스 모두 정상 동작하는데 크롬만 문제인 걸 보니 Blink 엔진의 버그로 추측된다. 바로 구글링을 해봤는데 역시나, Blink 버그가 맞는 듯 아래의 이슈 티켓 두 개를 찾았다. Issue 234779: HTML5 video request stay pending (forever) Issue 31014: Byte range cache is locked when attempting to open…read more

0

FullScreen 모드일 때 HTML5 Video 네이티브 컨트롤 감추기

Posted by in Research

    HTML5 등장 이전까지 웹에서 동영상을 제공하기 위해서는 어도비의 플래시 플레이어나 MS의 실버라이트 같은 플러그인을 이용해야 했다. 하지만 이제는 HTML5 Video API를 이용하면 간단한 마크업만으로 동영상을 제공할 수 있다.

  물론 어디까지나 ‘동영상만 제공할 때’  간단한 마크업으로 가능하다는 이야기다. 브라우저마다 플레이어를 렌더링하는 모습이 제각각이라 제품으로 포장하려면 커스터마이징을 해야 한다. 이 때 건드려야 할 영역 중 하나가 컨트롤이다. 컨트롤은 플레이어 재생, 탐색, 음량 조절 등의 기능을 제공하는 플레이어 가장 하단에 있는 컴포넌트 집합을 말한다.         video.js, mediaElement.js, jwPalyer 같은 유명한 HTML5 Video 지원 플레이어들은 모두 네이티브…read more

0

[발표 영상] Lexical Environment in ECMA-262 5th edition

Posted by in Research

ECMA-262 1-3은 변수 객체(Variable Object), 활성화 객체(Activation Object)를 가지고 자바스크립트 코드의 스코프 처리 매커니즘을 설명합니다. 그런데 ECMA-262 5가 등장하면서 변화가 생겼습니다. 변수 객체, 활성화 객체가 사라지고 Lexical Environment가 등장한 것이죠. 과연 무엇이 달라졌는지, Lexical Environment가 도대체 뭐하는 녀석인지 정리해봤습니다. 발표 동영상 PT 자료 Lexical environment in ecma 262 5 from Kim Hunmin

0