Blog
깃헙 서로 다른 저장소를 같은 서버에 배포시 배포 키 중복 오류
A 저장소에 서버의 공개키를 등록하고 웹훅으로 푸시때마다 자동으로 배포를 하고 있었다. 비슷한 방식의 새 프로젝트를 추가해야 하는데 서버를 새로 받기는 귀찮아서 B 저장소를 만들고 같은 서버에 동일하게 웹훅으로 자동 배포를 하려고 했다. 그런데 서버의 퍼블릭 키를 깃헙의 B 저장소에 추가하려 하니 이미 키가 있다고 하면서 추가가 안됐다. 보안이나 관리 때문에 같은 키를 여러곳에서 쓸 수 없게 한다는 얘기를 들은게 기억이 나서 새로 키를 생성해서 B 저장소에 등록을 했다. 그런데 서버에서 클론을 하면 키가 거부됐다고 나오면서 중단이 ……
dev |2017-06-21 | Comments (0)
공각기동대: 고스트 인 더 쉘 (2017)
워낙 말이 많아서 별로 기대를 하고 보지는 않았다. 덕분에 짧은 결론부터 말하자면 원작 애니메이션을 모티브로한 새로운 스토리를 화려하게 그려낸 영화라고 이야기 할 수 있다. 원작의 설정과는 많이 다르지만 영화 스토리도 완성도를 갖췄고 원작과 비슷한 고민도 많이 녹여 냈고 원작의 여러 모티브를 따와서 보는 재미도 있다. 생각보다 재미있었다. 하지만 오랫동안 공각기동대를 봐왔던 사람으로서 설정이 다른 부분에 민감할 수 밖에 없다. 내가 생각하는 공각기동대의 가장 중요한 설정은 주인공인 모토코가 4살때 사고를 당해 전뇌화와 전신의체화 ……
hobby |2017-05-28 | Comments (1)
변산 반도
연휴때 변산 반도로 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)