본문 바로가기

DEV/Web

(33)
[Dev] Email Edit Tool 개발일지 Development Steps 드롭다운 클릭 -> 선택된 텍스트로 변경 (9/20) 코드 - \t 적용 (9/20) 코드 - \n 적용 (9/21) 코드 - {% %} 정규식으로 제거 (9/21) 코드 - keyup 마다 auto preview (9/21) 코드 - 템플릿 get body (9/21) 코드 - 템플릿 get base (10/15) 코드 - 템플릿 put (10/15) 코드 - btnSave Disabled/Enabled Event (10/15) 코드 - btnRevert Disabled/Enable Event (10/17) 코드 - 복잡한 {% email_extra, include, extends, if %} 등 어떻게 처리? 코드 - 템플릿 create (ajax post) 미리보기 ..
[Dev] 유튜브 API - 검색 결과 가져오기 요구사항 유튜브에서 검색 결과를 가져온다.q = '아티스트명(artist name) offical' (ex. 밴드코로나)order = viewCOunttype = videovedioDefinition = high왼쪽에 1개의 동영상을 플레이어로 출력한다.오른쪽에 10개의 비디오를 리스트 형식으로 출력한다. See the Pen Youtube Search Example by Hyejin Oh (@mmt-zinee) on CodePen. 참고iframe APIhttps://developers.google.com/youtube/iframe_api_reference?hl=kohttps://developers.google.com/youtube/player_parameters?playerVersion=HTML5&h..
[Youtube] 유튜브 권장 최소 크기 200x200 픽셀 요구사항최종 사용자는 HTML5 postMessage 기능을 지원하는 브라우저를 사용해야 합니다. 대부분의 최신 브라우저가 postMessage를 지원하지만 Internet Explorer 7은 지원하지 않습니다. 내장 플레이어에는 200x200픽셀 이상의 표시 영역이 있어야 합니다. 플레이어에 컨트롤이 표시되는 경우에는 표시 영역이 최소 크기 미만으로 축소되지 않고 컨트롤이 완전히 표시될 만큼 커야 합니다. 16:9 플레이어의 경우 가로 480픽셀, 세로 270픽셀 이상으로 지정하는 것이 좋습니다. [출처] https://developers.google.com/youtube/iframe_api_reference?hl=ko#Requirements 유튜브 권장 최소 가로/세로 폭 200px, 아래의 설정 ..
[Gulp] Gulp 시작하기 Gulp 입문 from 라한사 아 목차Hello World난독화 Uglify다른 task 생성CSS Minify로깅 util파일 연결 concat파일명 변경 rename작업동시처리 sourcemaps에러처리 plumber아이콘벤터프리픽스 자동처리플러그인 의존성관리이미지 압축sass 컴파일파일 변경 감지 watch브라우저 가동 browser-syncjslintjasminejasmine-phantom.js 참고 [NodeJS] Gulp 입문 ① - Gulp에 대한 소개 | 감성__ 프로그래밍 [NodeJS] Gulp 입문 ② - 한단계씩 따라하며 gulp.js 익히기
[Gulp] Gulp install, version check error (hello world 예제 오류) node.js를 이미 설치한 상태에서 간단한 gulp 예제를 실행해보려고 했다.npm install gulp --globalgulp -v gulp 설치 후 버전 확인을 하려고 하면 아래와 같은 에러가 발생했다.module.exports = (arr, ...values) = > { ^ SyntaxError: Unexpected token .at Module._compile (module.js:469:25)at Object.Module._extensions..js (module.js:474:10) (이하 스샷 참조) 뭐가 문제인지 몰라서 한 참을 삽질 했는데, 위에 로그를 보니 뭔가 노드 버전이 안 맞아서 생긴 오류 같았다. 노드 버전을 확인해 보니 v0.10.13였다. 도대체 왜 이 버전을 쓰고 있었던 거..
[UI] 네이버 블로그 - 코드 입력 기능 추가 (2016.07.11. 기준) 네이버 블로그에 코드 입력 기능이 추가되었다. 네이버 공식 블로그에 아직 공지사항이 없는 걸 보니 정말 최신 기능이거나, 스리슬쩍 끼워넣어 볼 생각인건가? 아무튼, 정말 반갑다. 사실 티스토리를 쓰는 이유는 유연한 수정, 그 중에서도 코드 입력을 자유롭게 할 수 있다는 점이었다. 네이버는 아직까지 많이 폐쇄적인 에디터 형태를 갖고 있다. 여튼 정말 반갑다! ▼ 에디터 모습 ▼ ▼ 이렇게 보여진다 ▼ 추가됐으면 하는 점1. 코드 폰트 변경2. 가로 스크롤 on/off 기능
[Dev] N스크린 대응 2015.11 엑소 티저 사이트반응형 웹 데모 시연 동영상
[API] YouTube API 로 유투브 섬네일 이미지 가져오기 How do I get a YouTube video thumbnail from the YouTube API? Each YouTube video has 4 generated images. They are predictably formatted as follows:http://img.youtube.com/vi//0.jpg http://img.youtube.com/vi//1.jpg http://img.youtube.com/vi//2.jpg http://img.youtube.com/vi//3.jpgThe first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1..

반응형