Blog
변산 반도
연휴때 변산 반도로 4박5일 캠핑을 다녀왔다. 가는데 차가 좀 막혀서 쉬는 시간 포함 6시간이 걸렸다. 애들이 어려서 중간에 좀 쉬어줘야 한다. 전주까지 3시간인 것을 생각해보면 많이 들어가긴 한다. 캠핑장이 있는 썬리치랜드는 변산 반도 남서쪽에 바다가 내려다보이는 언덕에 있다. 원래 캠핑장은 아니었고 리조트였는데 캠핑장을 같이 하고 있다. 그래서 시설은 리조트 건물 안의 시설을 이용하고 리조트 앞에 있는 잔디밭에 적당히 자리를 잡으면 된다. 사이트가 다닥다닥 붙어있는 경기도 인근의 캠핑장에 비해서 훨씬 여유도 있고 좋다. 사이 ……
life |2017-05-12 | Comments (0)
19대 대통령 문재인
출구 조사 결과 보고 기대한 대로 나왔다고 생각하고 개표 막 시작할 때 그냥 잤다. 일어나보니 생각대로 되었다. 내가 문재인을 지지하는 이유는 그가 잘생겨서도 공약이 좋아서도 아니다. 노무현의 친구였기 때문은 더더욱 아니다. 그가 가장 중요시 하는 가치가 '사람'이기 때문이다. 이 '사람'은 다들 중요시 하지만 뭔가 늬앙스가 조금씩 다른데 아는게 짧아서 명확하게 말할 수는 없지만 내가 느끼는 '사람'과 가장 비슷한 것 같다. 사람, 상식, 원칙, 정의 같은 단어들, 그리고 그것을 실천해왔고 넓힐 수 있는 사람이라고 생각하기 때문에 ……
life |2017-05-10 | Comments (3)
아두이노 우노 R3 보드 3가지
요즘 아두이노로 이것 저것 해보고 있는데 재미있다. 위키피디아의 아두이노 설명을 보면 "오픈 소스를 기반으로 한 단일 보드 마이크로컨트롤러로 완성 된 보드(상품)와 관련 개발 도구 및 환경"이라고 되어 있는데 간단하게 다시 말하면 아두이노 개발 환경을 컴퓨터에 다운 받아서 설치하고 USB로 아두이노 기판을 연결해서 프로그램을 업로드하면 전구나 센서, 모터 같은 하드웨어를 다룰 수 있는데 이런 환경을 통칭한다. 제일 처음 만들어본 것은 기판에 달려있는 LED를 통해서 S.O.S. 신호를 나타내 본 것이고 지금은 먼지 센서를 이용해서 ……
hobby |2017-04-13 | Comments (1)
display: table을 사용한 갯수 가변 그래프
막대그래프에서 막대의 갯수에 따라서 자동으로 좌우 정렬이 될 수 있게 하는 방법이 있겠냐는 질문을 받아서 구현해봤다. 좌우로 자동으로 영역이 늘어나게 하려면 너비가 고정인 포지션이나 플로트로는 구현이 불가능하다. 표로는 가능할 것 같다. 그래프를 표로 마크업 하는 것은 부적절하지만 표현만 표로하면 가능하겠다는 생각이 들었다. 사실 display: table-cell을 이용한 방법은 많이 거론되기는 하지만 올바른 방법인가라는 고민을 항상 하게되는 방법이다. display: table-cell을 쓰려면 상위에 display: tabl ……
dev |2017-04-12 | Comments (0)
자기 서명 인증서로 HTTPS 적용해서 위치 정보 사용하기
크롬이나 사파리는 HTTPS를 사용하지 않으면 위치 정보(Geolocation)를 사용할 수 없고 파이어폭스도 곧 55에서 동일한 제한을 하게 된다. 클라우드 플레어를 사용하면 간단하게 HTTPS를 적용할 수 있지만 내부망에서 사용하는 도메인도 없는 테스트 서버에는 적용할 수가 없다. 보안 연결을 사용하는 다른 서비스에 빌붙어서 문제를 해결하려고 삽질을 하다가 결국은 안되어서 포기하고 자기 서명 인증서(self-signed certification)를 설치해 보기로 했다. 사실 인증서 설치하고 웹서버 설정하는 일을 한번도 안해 ……
dev |2017-03-25 | Comments (0)
Base64 인코딩과 성능
언제부턴가 아이콘이나 자잘한 이미지들은 base64로 인코딩해서 CSS에 data-uri로 넣는 방법을 즐겨쓰고 있었다. 성능 측면에서 좋은 방법이 아니라는 것은 알지만 장단점을 저울질 해 볼때 내가 만드는 결과물에서는 장점이 더 크다고 생각했기 때문에 약간은 조심하면서 사용하고 있었다. 오늘 base64의 문제점에 대해서 자세히 다룬 글을 봤다. 단점을 좀 극단적으로 부각하기는 했지만 알아두면 좋은 내용들이 잘 정리되어 있다. 두번째 글에서는 데이터를 실측해서 어느정도의 차이가 있는지 더 다양한 관점으로 설명하고 있다. 기본 ……
dev |2017-02-20 | Comments (1)
워드프레스, 피엠위키에 HTTPS 적용
갑자기 HTTPS가 이슈가 되는 것을 보고 그동안 귀찮아서 적용하지 않았던 사이트들에도 HTTPS를 적용했다. HTTPS 적용이야 클라우드 플레어에서 클릭 몇 번으로 활성화 할 수 있었는데 막상 어플리케이션에서 부드럽게 전환이 되지 않았다. 우선 워드프레스는 CSS와 스크립트 같은 자원이 브라우저에서 차단됐다. 그리고 링크에도 HTTP가 명시되어 있어서 링크를 클릭하면 HTTPS가 계속 유지되 않았다. 이 문제는 워드프레스 관리자 페이지에서 웹사이트 주소 설정을 HTTPS 주소로 바꾸는 것으로 간단히 해결했다. 테마에 적용되어 있 ……
dev |2017-02-16 | Comments (0)
IE9에서 animation 지원 안되어서 보이지 않는 콘텐츠 보이게 하기
animation은 IE10부터 지원한다. 만약 화면에 없었던 콘텐츠가 나오는 효과에 animation을 사용하면 IE9에서는 콘텐츠가 안보이는 상태로 계속 있어서 아무것도 보이지 않게 된다. 특히 animation-delay를 적용할 경우 초기값이 화면에 나오지 않는 상태여야 하기 때문에 대안을 제시할 수가 없다. p { opacity: 0; animation-name: reveal; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay ……
dev |2017-02-12 | Comments (0)
HTML 5.1 변경사항
석달전 일이기는 하지만 아무도 관심가져주지 않는 사이 HTML 5.1이 나왔다. 이전 버전과의 차이점에 대한 섹션이 있어서 대강 번역해 봤다. HTML5.1에서 새로 추가된 기능 <picture>요소와 srcset 속성을 이용하여 반응형 이미지를 선택할 수 있게 됨 <details>요소 <summary> 요소를 이용해서 사용자가 정보를 확장해서 볼 수 있게 해주는 기능을 사용할 수 있음 <menuitem>요소에 type="context" 속성과 속성값을 지정해서 브라우저의 문맥 메뉴(c ……
dev |2017-01-28 | Comments (5)
YAMAHA TRB1005J
원래는 악기를 바꿀 생각이 전혀 없었는데 그동안 잘 쓰고 있던 데임 사이어가 리어 픽업에 문제가 생겨서 어쩌다보니 구매하게 됐다. 고쳐서 써도 충분하다고 생각되기는 했는데 오래 사용하기도 했고 한번 바꿔볼까하는 마음으로 요샌 무슨 악기가 잘나가나 알아보기 시작했다. 그런데 마음에 드는 악기는 거의 4000~6000$ 정도의 가격대래서 굳이 내 실력에 이정도까지 돈을 써서 악기를 바꿀 필요가 있나라는 생각이 충만할 즈음에 이 YAMAHA TRB1005J가 눈에 띄었다. 원래 TRB시리즈는 가격대가 높은데 이 모델은 12만엔 정도 ……
hobby |2016-12-17 | Comments (0)