ES6 promise best practices

지난 2, 3년간 promise 패턴을 사용하며 발견한 간편한 usecase들을 정리해보았다.

react study note

react + flux(redux) study 중 참고할 링크 정리

Windows 8 + IE11에서 translate3D + transition 조합으로 슬라이드 기능을 구현했을 때 슬라이드 중 움찔/꿈틀 거리는 버그

다음 codepen 링크를 Windows 8의 IE11에서 열고, left/right 버튼을 번갈아 눌러가며 슬라이드 되는 콘텐츠를 관찰해보자. (참고로, Windows 7의 IE11이나 Windows 8의 IE10에서는 문제가 없다.)

예측 불가능한 `.ebignore`

Elastic Beanstalk의 .ebignore 파일의 동작 방식은 예측 불가능한 것 같다.

grunt saucelabs 적용 후

서비스 운영 중 번번히 IE7이나 8에서만 오류가 나는 경우가 있었는데, 며칠전에 연거푸 문제가 터져 고객 신뢰성에 문제가 될 것 같아 grunt-saucelabs 라이브러리를 이용해 IE7/8 테스트 자동화를 했다.

AlphaSSL Wildcard 인증서를 AWS에 적용

데이블 API 서버에 SSL 인증서를 적용하기 위해 가장 싼 해외 SSL 인증서 판매 업체 ssl2buy에서 가장 싼 Wildcard 인증서인 AlphaSSL Wildcard Certificate(2년에 $78)를 구매하여 설치했다. 우리나라에서 가장 싼 Wildcard 인증서는 1년에 18만원 정도인 것과 비교하면 미친듯이 싸다.

원격 도메인의 웹 폰트는 IE8 이하(`.eot`)에만 적용된다.

IE9 및 기타 모던 브라우저들은 동일 출처 정책 탓에 웹 폰트 다운로드 자체가 불가능하다.

지도 API의 대체 텍스트

마크업 유효성 검사 도구(Markup Validator)의 자바스크립트 코드

HTML에서는…

데이터 테이블과 레이아웃(배치용) 테이블의 구분

링크: 데이터 테이블과 레이아웃(배치용) 테이블의 구분 - wah.or.kr

iOS의 Safari에 iframe이 쓰였을 때 white-space nowrap CSS 코드가 쓰인 경우 frame의 크기가 제대로 표시되지 않는 버그가 있다.

다음 예제를 보자.

가자! Bootstrap 3으로

이 글은 그저 Bootstrap 3 RC1 문서를 훑고 쓰는 것임을 우선 밝힌다.

제목 셀의 scope 속성이 영향을 미치는 범위를 시각화한 예제

scope="row", scope="rowgroup"은 잘못 이해하기 쉽다. 다음 코드를 보자.

express.js에서 UTF-8, EUC-KR HTML 파일을 같이 제공하려 할 때 EUC-KR HTML 파일에 `` 등으로 캐릭터셋을 명시했음에도 불구하고 한글이 깨져보이는 경우가 있다.

문제는 express.js가 HTML 파일의 HTTP response의 Content-Type 헤더 기본값을 text/html; charset=UTF-8로 제공하기 때문이다. 이 헤더는 HTML 파일의 캐릭터셋 설정에 우선하여 제공되므로 브라우저가 무조건 UTF-8로 HTML 파일을 렌더링하게 된다.

CSS Architecture 요약 번역

CSS Architecture를 훑어보고 내용이 마음에 들어서 정독할겸 가볍게 번역을 해보았다. 초반부는 요약해서 정리하다가 내용 이해가 점점 어려워져(집중력이 흐려져) 뒷쪽에는 그냥 다 번역 모드로 마무리하였다.

WAI-ARIA의 Authoring Practices 중 모달 다이얼로그 만들기 발번역

얼마전 정찬명님이 레이어 열기/닫기 키보드 접근성이라는 글을 통해 자바스크립트로 제작된 레이어(다이얼로그)의 접근성에 대해 생각해보는 기회를 마련해주셨는데요. WAI-ARIA에 모달 다이얼로그 제작 관련 키보드 이벤트 핸들링에 대한 상세한 설명을 제공하고 있어 시간이 난 김에 발번역 해보았습니다.