Blog
HTML5.2와 HTML5.1의 차이점
HTML5.2가 W3C의 권고안이 됐다. 변경된 사항을 살펴봤다. 새로운 기능 dialog 요소 ECMA-262 모듈 시스템 레퍼러 정책 ARIA 1.1을 참조 link 요소의 nonce 속성, CSP3 iframe 요소의 allowpaymentrequest, Payment Request API iframe 요소의 sandbox 속성값으로 allow-presentation, Presentation API 링크의 rel 속성값으로 canonical noreferrer 링크 타입 값, SECURE- ……
dev |2017-12-18 | Comments (0)
서브라임 텍스트 디렉토리 검색 예외 지정
서브라임 텍스트에서 변수 이름을 바꾼다든가 할 때 디렉토리 검색을 많이 사용하는 편인데 dist 디렉토리나 map 파일이 같이 들어 있으면 엄청 긴 줄이 중간에 섞여 있어서 여간 번거로운게 아니다. 가끔은 미니파이된 파일 아래에 나온 결과는 모르고 넘어가기도 한다. 그래서 디렉토리 검색 할 때 특정 파일을 제외시키는 방법이 있는지 찾아봤는데 의외로 매우 쉽다. 룰도 외우기 쉽다. 복잡한 정규식도 아니고 그냥 경로 뒤에 쉼표 찍고 마이너스와 아스터리스크 기호로 표시하면 된다. 쉼표로 계속 붙여서 여러개 넣을 수도 있다. /Users ……
dev |2017-11-21 | Comments (0)
재택 근무
나는 운이 좋게도 전에 재택 근무, 또는 원격 근무를 할 수 있는 회사에 근무한 적이 있다. 얼마전에 다시 재택 근무를 잠깐 시도해보고 정리해본 내용이다. 출퇴근 시간 약 2시간이 절약된다. 좋아하는 음악을 스피커로 틀어놓고 일할 수 있다. 좀 더 편하게 휴식을 취할 수 있다. 좀 더 편한 자세와 복장으로 일을 할 수 있다. 점심 식사 시간을 줄일 수 있다. 좀 더 건강한 점심 식사를 할 수 있다. 유치원 끝나고 집에 오는 아이들을 반겨줄 수 있다. 좀 더 건강한 간식을 먹을 수 있다. 업무가 끝난 후 바로 휴식을 취할 수 있다 ……
work |2017-11-14 | Comments (1)
읽기 쉬운 HSL 컬러
가끔 컬러피커 사용하지 않고 RGB 값을 직접 수정하는 모습을 보여주면 어떻게 하는 거냐고 물어보는 사람이 있곤 했는데 HSL 컬러를 사용하면 컬러 코드를 직접 수정하는 일이 더이상 신기한 일이 아니다. HSL은 색조(hue), 포화(saturation), 밝기(lightness)로 컬러를 표현하는 방법인데 사람이 색을 묘사하는 방법과 유사한 속성을 사용하기 때문에 비슷한 색이나 약간의 변화가 필요한 색을 조합할 때 직관적으로 색을 만들어낼 수 있다. 색조만 바꿔서 자연스러운 그래디언트를 표현한다든가 비슷한 톤의 색을 만드는데 유용 ……
dev |2017-10-14 | Comments (0)
팻 토피
미스터빅의 지난 앨범인가 메이킹 필름을 보는데 유난히 살이 많이 빠진 팻 토피의 모습이 눈에 걸렸다. 그때는 그냥 아팠나보다 하고 넘어갔다. 그가 파킨슨병을 앓고 있다는 것은 최근에야 알았다. 이번 'Defying Gravity' 메이킹 필름을 보는데 처음보는 멤버가 보였다. 포지션은 드럼. 앨범 속지에도 메인 드럼은 팻토피이지만 다른 드러머가 한 명 더 있었다. 팻토피가 자신의 병에 대해서 인터뷰한 기사를 읽어봤다. 뭔가 이상한 것을 느낀 것은 10년 전이라고 한다. 두려움도 많았지만 지금은 다시 예전의 긍정적인 모습을 되찾아 ……
hobby |2017-09-30 | Comments (0)
웹 접근성 자가진단 서비스에 표 검사 추가
웹 접근성 자가진단 서비스에 표 검사하는 기능을 추가했다. 복잡한 로직은 추가하지 못했고 그냥 제목이 있는지, 헤더셀을 사용했는지 검사해서 하나도 사용하지 않았으면 오류로 표시하게 했다. 검사되는 사이트에서 오류가 잘 잡히는지 모니터링 하다가 테이블을 레이아웃에 사용한 사이트에서 오류메시지가 아주 길게 나오는 현상을 발견했다. 오류 메시지에 표의 위치를 추측할 수 있게 표 안의 내용 일부를 보여주게 했는데 레이아웃 테이블이다보니 사이트의 내용이 모두 출력된 것이었다. 나중에 고치려고 지라에 이슈로 등록해 놨다. 오늘 수정하려고 보니 ……
work |2017-09-23 | Comments (0)
아두이노 미세먼지 센서
미세먼지가 사회적인 이슈가 되고 관심도 많이 가서 집안의 미세먼지 농도는 어떤지 궁금해졌다. 공기 청정기를 사는 사람이 많은데 어떤 사람은 공기 청정기보다는 환기가 더 중요하다는 주장을 해서 먼지 농도를 직접 확인해 보고 싶어졌다. 미세먼지 측정 센서도 굉장히 여러가지가 있는데 구하기도 쉽고 가격도 저렴한 샤프에서 나온 센서를 선택했다. 이 센서는 나름 많이 사용되어서 인터넷에 있는 관련 도면과 자료들을 많이 참고했는데 쉽게 검색할 수 있는 반면 일부는 잘못된 정보를 전달하고 있어서 주의해야 겠다는 생각이 들었다. 특히 스펙 문서 ……
hobby |2017-08-15 | Comments (1)
에니어그램 타입 5
온라인으로 에니어그램 테스트를 해봤다. 나는 5번째 타입이 나왔는데 1과 9도 높게 나와서 타입이 명확하지는 않다고 한다. You are most likely a type 5. Taking wings into account, you seem to be a 1w9 or 5w4 or 5w6. (omit) Type 5 - 9 Type 1 - 7.7 Type 9 - 6.7 Type 6 - 4 Type 4 - 3.7 Wing 1w9 - 11.1 Wing 5w6 - 11 Wing 5w4 - 10.9 Wing 9w1 - 10.6 Win ……
life |2017-08-10 | Comments (0)
QA 이야기
김범준님이 주변 개발자에게 세번씩 읽어보라고 했다는 QA != 통합테스트를 읽었다. 세번을 읽지는 않았다. 예전 부터 충분히 경험해왔던 너무나 익숙한 내용이었다. 덕분에 오래전부터 얘기하고 싶었던 QA에 대한 이야기를 해보고 싶어졌다. 나는 오페라 소프트웨어에서 오페라 미니의 한국 웹사이트 랜더링 품질을 담당했었다. 길지않은 기간이었지만 정말로 뛰어난 사람들하고 일했고 많은 것을 배웠다. 지금 내가 가지고 있는 제품이나 품질, 프로세스에 대한 생각과 태도는 그때 만들어 졌거나 그때의 경험을 토대로 이후에 곱씹어 보면서 형성된 ……
work |2017-07-26 | Comments (1)
쉘에서 따옴표 안에 같은 종류의 따옴표 넣기
메일건 API로 메일을 사용하고 있는데 따옴표가 붙은 문자열은 잘려서 수신이 안됐다. 따옴표 처리가 누락됐으니 간단히 처리할 수 있겠거나 생각했다. 하지만 생각처럼 쉽지 않았다. 조금 다른 삽질 얘기를 먼저 붙이자면, 보통 디버깅을 할 때 error_log로 값을 찍어보면서 하는데 echo로 찍는 값과 error_log 출력 값이 다르다. error_log에 출력될때는 어디선가 슬래시를 추가해서 출력한다. 슬래시가 어디서 추가됐는지 알 수가 없어서 한참을 헤맸다. 본론으로 들어가서 API를 호출하는 curl구문에 내가 아는 다양 ……
dev |2017-07-16 | Comments (0)