전체 글
-
CSS3와 jQuery로 커스텀 HTML5 비디오 플레이어 만들기카테고리 없음 2021. 4. 29. 09:00
이것도 리서치하면서 번역한 것 CSS3와 jQuery로 커스텀 HTML5 비디오 플레이어 만들기 원문: Building a Custom HTML5 Video Player with CSS3 and jQuery by Ionuț Colceriu, 28 July 2010 도입부 이미 대부분의 최신 버전 브라우저에서 HTML5 요소를 지원하고 있습니다. 심지어 IE 역시 버전 9에서 지원 중입니다. 브라우저가 자체적으로 비디오를 관장함에 따라 (이에 대해서는 Bruce Lawson이 HTML5 비디오 안내 글에 잘 설명해 두었습니다) 생기는 여러 장점이 있으므로, 많은 개발자들이 최대한 일찍 사용을 시도해보리라 예상합니다. 아직 넘어야 할 몇 가지 장벽이 남아있기는 한데, 대부분은 오페라/파이어폭스와 IE/사파리..
-
HTML5 Video 소개DEV/HTML 2021. 4. 28. 10:26
옛날에 네이버 광고 마크업 담당할 때, 영상 광고에서 사용할 플레이어를 만들어야 했다. 그 때 리서치 하면서 번역한 자료. HTML5 Video 소개 원문: Introduction to HTML5 Video by Bruce Lawson, Patrick H. Lauke, 11 Feb 2016 업데이트 기록 2010년 5월 14일: 사소한 변경사항 몇가지 적용함. 구글의 VP8 코덱이 사용 가능해졌다는 정보, VP8을 지원하는 Opera Labs 실험 버전이 빌드되었다는 정보 추가. 2010년 7월 1일: 다운로드 링크를 우리가 한 실험을 받아볼 수 있는 링크로 대체함. 2012년 1월 14일: webM과 H.264를 집중적으로 다루는 것으로 글을 수정함. Ogg Theora와 관련된 설명은 사이드 노트에서..
-
오랜만에 로그인Diary/2021 2021. 4. 27. 22:36
오랜만에 들어와서 2013년 교환학생 다이어리를 다시 보았다. 와, 올해가 2021년이니 벌써 8년 전의 일이네. 글을 읽으니 그 때의 기억들이 머릿 속에 재생된다. 어느덧 직장 생활 6년차가 되었다. 대학교 졸업 전에 2015년 11월, 덜컥 NTS의 UI 개발자 포지션에 붙어서 개발자로 일하게 된 지 6년이다. 그 사이에 많은 일이 있었다. 네이버의 많은 서비스 UI 개발을 해 보았고, 블로그에 글도 많이 썼고, 연이 닿아서 네이버 GLACE CIC에서도 즐겁게 2년 11개월간 일을 했다. 스마트플레이스가 무슨 서비스인지도 모르고 용감하게 UI 개편을 시작했는데, 그 생각 없음에 비해서 너무나 많은 것을 얻고 좋은 사람들을 많이 만났다. 졸업 후에 개발자로 일을 해도 되겠구나, 라고 생각할 수 있었던..
-
웹 아키텍처 101DEV/Back-end 2018. 10. 24. 22:28
웹 개발자 일을 시작할 때 미리 알고 있었다면 좋았을 기본적인 웹 아키텍처 개념들- 원문: https://engineering.videoblocks.com/web-architecture-101-a3224e126947 위 도표에 저희 Storyblocks 서비스에서 사용중인 아키텍처가 상당히 잘 표현되어 있습니다. 숙련된 웹 개발자가 아닌 이상 도표가 복잡하다고 느낄 수 있습니다. 아키텍처를 이루고 있는 컴포넌트를 하나하나 자세히 들여다 보기 전에, 아래의 내용을 먼저 읽어본다면 접근하기가 좀 더 쉬워질 것입니다.한 사용자가 구글에 "숲에 내리쬐는 강렬하고도 아름다운 햇살과 안개"를 검색합니다. 맨 처음 나온 검색 결과는 우리의 선구적인 스톡 사진 및 벡터 그래픽 사이트인, Storyblocks 사이트에서..
-
hexo, ghost를 거쳐 결국 다시 티스토리!Diary 2018. 10. 24. 22:15
ghost.io도 써보고, hexo라는 정적 사이트 생성기(static site generator)를 사용해 깃허브 계정에 연동해 운영도 해 보았는데 둘 다 단점이 너무 뚜렷하게 느껴져서 그만두었다. ghost.io는 마크다운 기반의 글쓰기 기능을 지원해주고, UI가 매우 세련된 퍼블리싱 플랫폼이다. 하지만 사용료의 압박이 있다. 가장 저렴한 요금제가 1달에 4만 1천원 가량이다. 이 사용료 때문에 아까워서 글을 쓸 수도 있겠지만, 나는 그러지 못했다. 두번이나 시도를 해 보았다. 하지만 글이라는 것은 꾸준함에서 나오는 것이 아니라 글 쓸 소재가 있다는 것이 계기가 되어 나온다고 생각하기에, (꾸준히 글을 쓸 자신이 없기도 한) 나는 굳이 돈을 내고 블로그를 운영해야 할 필요가 없다고 결론을 내렸다. 더..
-
스타일-컴포넌트 5분 간단 소개DEV/Javascript 2017. 2. 4. 21:51
원문 바로가기: A 5-minute Intro to Styled Components By Sacha Greif, Jan 23 2017 스타일-컴포넌트 5분 간단 소개 CSS는 이상합니다. 기본적인 내용은 15분이면 다 배울 수 있지만, 효율적인 작성법을 익히려면 시간이 많이 걸립니다.그 원인 중 하나는 언어 자체에 있습니다. CSS가 제공하는 기능은 꽤 제한적입니다. 변수도 없고, 루프문과 함수 사용이 불가능합니다. 그러면서 또 상당히 관대한 면도 있어서 개발자가 요소를 쓰던, 클래스나 ID를 쓰던, 아니면 그 어떤 선택자를 쓰던 다 받아줍니다. 스타일시트 아비규환 아마 이미 경험 해보셨을 테지만, CSS를 사용하면 종종 혼란으로 향하는 급행열차에 탄 것과 같은 기분을 느낄 수 있습니다. SASS나 LE..
-
상황에 따라 다르게 적용하는 CSS 방법론DEV/CSS 2017. 2. 2. 00:39
상황에 따라 다르게 적용하는 CSS 방법론 원문: When to use which CSS methodology by simurai 해가 지날수록 점점 더 많은 CSS 방법론이 등장하고 있습니다. 그러나 불행하게도 언제나 먹히는 CSS 방법론은 존재하지 않기 때문에, 이 글에서는 프로젝트의 성격에 따라 어떤 CSS 방법론이 적합한지에 대해 살펴보겠습니다. 좋아요, 이제 그럼 CSS 방법론으로 가득 찬 캄캄한 동굴 속으로 들어가 봅시다. 저는 그냥 단일 페이지 사이트나 간단한 사이트를 만들고 싶어요. 콘텐츠는 대부분 텍스트로 이루어져 있고, 폼 요소가 한두개 정도 들어가 있어요. 같이 개발할 사람은 없고, 그냥 저 혼자 (그리고 제 고양이랑) 만듭니다. 👉 요소에 클래스를 부여하여 이를 선택자로 사용하는 대..