TistoryEditor의 아이콘을 변경했다. 뭔가 동그라미가 너무 큰 것 같기도 하고 밋밋한 느낌이라 약간의 그림자를 주고 크기를 줄였다. 내 머리는 입체느낌도 추가하기를 원했지만 내 손과 기술이 따라주지 못했다. 그래서 이렇게 됐다. 변경하는 중간에 하나마나 같은 느낌이 들었지만 애써 무시하고 앱에 아이콘을 넣기 시작했다. 첫번째 난관 하다보니 리눅스에서는 앱 전환바에 아이콘이 표시가 안되는게 눈에 들어온다. 앱 아이콘은 잘 지정되어 있고 거길 아무리 변경해도 소용이 없었다. 여기저기 찾아보니 BrowserWindow에 icon을 지정해야한다고 한다. 내가 네이티브 앱에 대한 이해가 별로 없어서 그랬던 것 같다. 앱 아이콘과 각 윈도우는 아이콘을 별도로 사용할 수 있다. 어찌보면 당연한 것이긴 하다...

그동안 TistoryEditor는 리눅스 환경에서 모든 빌드를 했었다. 맥에서 리눅스 빌드를 왠지 모르겠지만 계속 에러가 났고 그걸 해결하려는 의지가 좀 부족했던 것 같다. 'electron-builder가 언젠간 쉽게 되도록 해주겠지'라는 안일한 마음도 있었다. 지금은 맥에서 별다른 문제없이 빌드가 된다. 어쨌든 빌드는 여간 귀찮은 일이 아니었다. 리눅스, 맥, 윈도우 모두 빌드를 한 후에 github에 release를 만들고 거기에 파일을 업로드하고 github page에서 버전을 업데이트 해줘야 한다. 자동으로 해주는 프로그램이 있으면 참 좋겠다 생각한 그때 travis가 그걸 해준다는 것을 알았다. Travis 설정 electron app을 travis에서 배포하도록 하려면 먼저 travis re..

node 서버를 처음 만들어본다. 개인적으로 서버를 만들만큼 필요를 못 느꼈고 회사에서 이걸 사용하는 곳도 없어서 였던 것 같다. 어쨌든 이제 webpack-dev-middleware를 사용하니 node 서버에서 대해서 알아가는 중이다. router는 뭐 당연히 express를 사용하는 것 같고 template engine은 이거저거 말이 많다. 걍 쓰고 싶은 거 쓰는 듯. react, handlebars, mustache를 생각했는데 단순히 template만 주면 되기 때문에 handlebars로 생각이 모아지는 중이었다. 근데 express 문서에서 jade, 그러니까 지금은 pug를 기본으로 사용하고 있다. 게다가 여기저기서 pug에 대해서는 많이 들어봤다. pug가 대세인가? 하고 잠시 알아봤다...

이전에 webpack-dev-server를 처음 적용했을때 참 편하다 생각했다. 근데 뭔가 index.html 말고 테스트 모듈도 실행해서 실제 실행 결과로 테스트 해보고 싶은 생각이 들었다. 구체적으로 예를 들자면 tinymce opengraph 플러그인에서 opengraph 샘플 데이터 말고 실제 opengraph 데이터를 가져오는 것을 보고 싶었다. // 지금 opengraph: { fetch_handler: (url, callback) => { setTimeout(() => { if (url === "http://a.com") { callback({ description: "안녕하세요, TISTORY입니다. 지난 2월 2일부터 시범운영한 로그인 보안 기능을 정식 오픈합니다. 현재까지 3천 여개의 ..

뜬금없이 array_filter의 사용법을 게다가 PHP의 사용법을 정리하는 이유는 PHP 특성상의 문제로 약간 의도와 다르게 동작하는 것이 있어서다. $values = ['a','b','c','d']; echo json_encode( array_filter($values, function($value) { return $value != 'b'; }) ); 내가 하고 싶었던 일은 단순히 array에서 특정값을 제외하기를 원했다. foreach를 돌려서 빼내도 되지만 가급적 미리 제공되는 함수를 써보려고 했다. 예상한 결과는 당연하게도 ['a','c','d'] 다. 그런데 결과는 어떻게 나왔을까? {"0":"a","2":"c","3":"d"} 이런 결과가 나오는 이유는 PHP에서 array는 object이..