Posts by Tag

javascript

react-query mutationCache subscribe 사용 예시

less than 1 minute read

react-query에서 특정 mutation을 수행하고, mutation이 완료될 경우 특정 함수를 실행하려면 어떻게 해야할까? react-query는 mutation을 수행할 때마다 mutationCache를 update한다. 따라서 mutationCache의 변경을 subsc...

on transition cancel

1 minute read

진행 중인 transition이 취소되면? transitionEnd event가 발생하지 않는다. 이렇게 되면 transitionEnd를 기준으로 event를 발생시키는 javascript 앱에 오류가 발생한다.

lodash 사용 예제

1 minute read

Lodash 사용 예제를 정리해보았다. 왜냐면 내가 자꾸 잊어먹기 때문… 계속 업데이트 할 예정이다.

Vue.js에서 lodash remove 오작동

less than 1 minute read

Vue.js에서 lodash의 remove 함수가 제대로 동작하지 않는다. 보다 정확히 말하자면, Vue.js에서 watching 중인 reactive array에서 element를 _.remove(array, fn) 해도, Vue.js는 이를 감지하지 못한다.

Grid test

less than 1 minute read

I made a game using Vue.js, vuetify, firebase.

JSON to Excel with Sheet.js(feat. Vue.js)

1 minute read

For Exporting JSON to Excel file, SheetJS is useful. SheetJS is complicated to use, but powerful and well maintained. I tried to use vue-json-excel, but on v...

Back to top ↑

Vue.js

Vue.js devtools v5 beta

less than 1 minute read

Vue.js devtools v5 beta가 나왔다. performance, routing 등 여러 추가 기능이 있지만 무엇보다 중요한 것은,

Vue.js에서 lodash remove 오작동

less than 1 minute read

Vue.js에서 lodash의 remove 함수가 제대로 동작하지 않는다. 보다 정확히 말하자면, Vue.js에서 watching 중인 reactive array에서 element를 _.remove(array, fn) 해도, Vue.js는 이를 감지하지 못한다.

Grid test

less than 1 minute read

I made a game using Vue.js, vuetify, firebase.

Deploy Vue SPA on firebase

less than 1 minute read

firebase cli로 firebase hosting에 Vue.js로 만든 SPA를 배포하는 순서를 정리해보았다.

element-ui 사용 소감

less than 1 minute read

지난 주에 vuetify를 사용하여 서비스를 하나 만들었다. vuetify의 번잡함(?)에 질려(?), 비교적 깔끔해보이는 element-ui를 사용하여 서비스를 만든 후, 후기를 적어보았다.

Vuex two way binding

less than 1 minute read

Vuex is very useful library for Vue.js. However… when handling form like input tag with Vuex, setting up two way binding is somehow complicated and you need ...

JSON to Excel with Sheet.js(feat. Vue.js)

1 minute read

For Exporting JSON to Excel file, SheetJS is useful. SheetJS is complicated to use, but powerful and well maintained. I tried to use vue-json-excel, but on v...

서평 Vue.js 이정도는 알아야지

less than 1 minute read

버스에서 간단히 읽으려고 집어든 책인데, 얇은 두께에도 불구하고 의외로 깊이가 있어 놀랐다. 일단 이 책은 초보자용 책은 아니다. 책 표지에도 초중급 독자를 대상으로 한다고 (작게) 써져있다. Vue.js에 대해 어느 정도 알고 있고, 적어도 실전 프로젝트로 개발을 하고 있는 분들...

Vue.js 로그인 구현

6 minute read

무슨 서비스가 되었든 로그인(인증)을 구현하기란 상당히 까다롭다. 요즘에는 좋은 라이브러리나 모듈이 많이 있어 그 고통에서 많이 해방되었지만, 여전히 이런저런 사정상 직접 구현해야 하는 경우도 있다. 이번에는 내가 그런 경우다. 그래서 하나 만들어보았다. 로그인 화면이 수문장처럼 ...

화살표 함수의 this(feat. Vue.js)

1 minute read

Vue.js로 만든 기존 코드를 es6로 바꾸는 작업을 하고 있다. 하다보니 methods를 정의할 때, 화살표 함수를 사용하면 안된다는 사실을 알게됐다. 아래와 같이 정리해 보았다. 이 글로부터 큰 도움을 받았다.

서평 Vue.js 2 시작하기(가볍고 빠른 웹 개발을 위한 Vue.js)

less than 1 minute read

나는 글쓰기를 제법 어려워하는데, 모든 글은 재미있어야 한다는 강박관념 때문이다. 물론 재미있는 글을 쓰기란 어렵다. 기술 문서라면 더더욱 그렇다. 하지만 놀랍게도 이 책은 성공했다. 훌륭한 기술 문서이면서도 재미있다. 도대체 무슨 짓을 한걸까?

서평 Do it! Vue.js

1 minute read

나는 JavaScript가 어렵다. 일단 언어 자체부터 상당히 난해하다. 뿐만 아니라 하루가 멀다하고 새로운 기술이 나온다. 그냥 또 뭔가 나왔는가보다 하고 넘기기에는 너무나 매력적인 기술이라 놓칠 수도 없다. 그러는 사이에 세월은 흘렀고, 어느새 JavaScript는 단지 언어 ...

webpack에서 디버깅 환경 구성하기

1 minute read

webpack 시작 Vue.js 등의 프론트엔드 프레임워크를 사용해서 개발을 시작하면 webpack 사용을 피할 수 없다. webpack에서는 webpack-dev-server를 제공하는데, 개발시에 로컬 웹서버 역할을 해준다. webpack의 설정은 상당히 복잡하지만, 대부분...

Back to top ↑

review

Cannon mg3095w 사용기

1 minute read

프린터 구매를 위해 프린터 사용기를 구글링해보았다. 놀랍게도 유용한 리뷰는 드물었다. 이제 프린터가 IT의 한 축이던 시대는 영원히 끝나버린건가. 조지 소로스의 오픈 소사이어티 재단의 주요 사업 중 하나가 복사기 보급 아니었던가. 제록스가 한 때 IT의 선두주자 아니었던가. 아쉬운...

모던 자바스크립트 deep dive

1 minute read

개발이란 참 묘한 것이다. 어떤 언어나 프레임워크든 처음 배울 때는 무진장 어렵고, 눈에 익기 시작하면 쉽고 재미있으며, 익숙해지면 이제 개발의 달인이 된 것 같다. 그리고 시간이 더 흐르고 난 어느 시점에 불현듯 이런 생각이 든다. 내가 알기는 아는 것 같은데, 정말로 제대로 알...

생계형 개발자 SI에서 살아남기

1 minute read

짧고 재미있어 하루도 안 걸려 읽어내렸다. 나도 SI에서 개발자 일을 시작했다. 경영학과 출신의 IT비전공자였고, 개발에 대해서는 아무런 지식도 없었다. 벌써 9년 전의 일이다.

모두의 네트워크

less than 1 minute read

모 클라우드 회사 면접에서 OSI 모델을 제대로 설명하지 못 한 충격을 잊기 위해 잡은 책. 어플리케이션 개발을 주로 하다보니 인프라를 소홀히 다뤘다. 하지만 우리가 딛고 있는 세상은 거대한 IT인프라 위에 서 있는 것이나 다를 바 없다. 따라서 그 중요성은 말할 필요도 없다. 하...

양주의 위아론은 자본주의 맹아다

1 minute read

요즘 롤스의 정의론을 읽고 있다. 롤스는 사회 체제를 유지하기 위한 판단 기준으로 정의를 내세우는데, 자신의 논지를 전개하기 위하여 고전적 공리주의를 비판한다. 그러다 문득 이런 생각이 들었다.

폭력은 어디서 왔나

2 minute read

결단이 필요한 순간, 무엇이 옳은지 또는 어떻게 해야하는지를 말하는 사람들이 있다. 헤겔, 롤스, 벤담 등 다들 어려운 이야기를 하는 사상가들이다. 그리고 이들은 자신의 논지를 전개하기 위하여 늘 하나의 가정을 한다. 인류 최초의 사회는 어떻게 만들어졌을까? 각자 설득력 있는 가정...

만화로 쉽게 배우는 머신러닝

less than 1 minute read

이런 류의 책, 즉 ‘만화로 보는 xx’의 책이 흔히 그렇듯, 결코 쉽지는 않다. 하지만 이는 순전히 책이 다루고 있는 내용 그 자체가 애당초 어렵기 때문이다. 이 책은 짧은 분량과 만화라는 매체의 제약에도 불구하고 머신러닝을 쉽게 설명하기 위해 많은 노력을 했다. 그러면서도 머신...

인공지능 개발 이야기 - 바다 장기의 추억

2 minute read

어릴 적의 나는 장기를 곧잘 두었는데, 별다른 이유가 있던 것은 아니었고, 그저 내가 또래 친구들보다 장기를 조금 더 잘 두었기 때문이었다. 당시만 해도 온라인 장기 대전은 아예 없었기 때문에 나는 장기에 있어서는 늘 득의양양했다. 하지만 이런 나도 맥을 못추는 상대가 있었다. 작...

Node.js 정석

less than 1 minute read

부끄러운 이야기 먼저 하나 해야겠다. 나는 지금껏 몇 개의 Node.Js 앱을 만들어왔다. 하지만 그러는 동안 Node.Js를 따로 공부하지 않았다. 한 권의 책도 보지 않았고, 인터넷 강의도 보지 않았다. 어짜피 다 아는 JavaScript 아닌가, 달리 공부해야 할 것도 많은데...

오해의 동물원

less than 1 minute read

나는 지극히 오만한 인간이다. 때문에 동물에 대한 모든 연구는 결국 인간에 대한 질문으로 귀결된다고 생각한다. 하지만 무엇을 볼 수 있는지는 오로지 어떤 질문을 하느냐에 따라 전적으로 갈린다. 그 결과, 우리 인간은 동물의 세계에 자신의 모습을 비춰볼 수밖에 없다. 이 책이 다루는...

프로그래밍 언어 도감

less than 1 minute read

실로 야심찬 시도다. 프로그래밍 언어 67개를 다룬다. 하나만 제대로 다루기도 벅찬데, 무려 67개다. 그렇다고 재미로 만들어진 언어 몇을 대충 다루는 것도 아니다. 죄다 어엿한 하나의 언어다. 물론 어디까지나 도감인만큼 깊이 다루지는 않는다. 어떤 컨셉이고, 특징은 무엇이며, 프...

롤리타

less than 1 minute read

글은 빛나야 하고, 이야기는 재미있어야 한다. 설사 그것이 세상에 다시 없을 미친 사랑 이야기라 할지라도 말이다.

일의 기쁨과 슬픔

less than 1 minute read

삶에 휘말려 어찌할 바를 몰라 전전긍긍 할 때가 있다. 그러고 있자면 이대로 끝인가 싶기도 하다. 하지만 그래도 어떻게든 내일은 오고, 살아진다. 아니, 그저 이 길 외에는 달리 방법이 없다는 것을 잘 알고 있을 뿐이다. 마치 길 건너편으로 이어지지 않은 육교 위를 걷듯이. 우리는...

임나

less than 1 minute read

요사이에 읽은 책 중에는 좋은 글들이 많았다. 특히 ‘사피엔스’와 ‘호모 데우스’는 거대 담론을 냉철하게 전개하고 강력하게 주장하여, 읽고 있노라면 넋이 나가기 십상이었다. 좋다. 나는 이런 대담한 글을 좋아한다. 하지만 굳이 따지자면 내가 가장 좋아하는 이야기는 어리석은 사람들의...

재밌다고들 하지만 나는 두 번 다시 하지 않을 일

1 minute read

진심으로 말하건대, 나는 이 에세이를 읽을 준비가 전혀 되어있지 않았다. 나는 방금 막 같은 작가가 쓴 에세이를 읽은 참이었다. 프란츠 카프카가 이룬 문학적 성취의 미묘함에 관하여 열변을 토하는 글이었는데, 솔직히 말하여 내게는 관심 밖이었다. 자연히 제 아무리 ‘이것은 물이다’의...

이것은 물이다

less than 1 minute read

단 한 번도 물 속을 떠나보지 않은 물고기가 물에 대하여 헤아릴 수 있을까. 익숙함이란 그런 것이다. 마치 모든 것이 원래 그러했던 것처럼, 당연히 그러해야 하는 것처럼 만든다. 하지만 세상에 당연한 것은 어디에도 없다. 이 괴리가 분노와 환멸을 일으킨다. 그 결과는 황폐함이다. ...

사피엔스

less than 1 minute read

위대한 역사가들의 시대는 끝났다. 사마천은 역사에서 하늘의 도가 어디에 있는지를 물었다. 하지만 사람들은 이제 과학에 천도를 묻는다. 우리가 누구인지, 어떻게 살고 있는지에 대해서라면 경제학자가 역사학자보다 우월하다. 뿐만 아니라 정치외교학 등 수많은 학문이 역사학으로부터 떨어져나...

서평 Do it! Vue.js

1 minute read

나는 JavaScript가 어렵다. 일단 언어 자체부터 상당히 난해하다. 뿐만 아니라 하루가 멀다하고 새로운 기술이 나온다. 그냥 또 뭔가 나왔는가보다 하고 넘기기에는 너무나 매력적인 기술이라 놓칠 수도 없다. 그러는 사이에 세월은 흘렀고, 어느새 JavaScript는 단지 언어 ...

Back to top ↑

JavaScript

AngularJS의 filter

less than 1 minute read

간만에 AngularJS로 개발을 할 일이 생겼다. 내가 만든 코드인데도 만든지 4년 가까운 시간이 지나니 AngularJS의 동작에 대하여 기억이 나지 않았다. 그래서 간단히 정리해본다.

backdrop-filter로 모달 뒤를 날리자

less than 1 minute read

모달을 띄울 때, 뒤 배경을 흐릿하게 만들면 모달의 가독성이 향상된다. backdrop-filter CSS를 쓰면 이걸 쉽게 만들 수 있다.

JavaScript Optional chaining

less than 1 minute read

You should get Uncaught TypeError: Cannot read property ~~ of undefined, because you accessed txt property even though there is not middleName property.

AngularJS Material dialog theme setting

less than 1 minute read

AngularJS Material provide useful functions, especailly theme. Configuring theme is not complicated, but searching on google is not easy. So I wrote a simple...

iframe에서 부모 frame으로 메시지 전달

less than 1 minute read

나는 iframe을 싫어하지만 이런 저런 이유로 부득불 사용해야만 할 때가 있다. 아래 코드는 iframe에서 부모 frame으로 데이터를 전송하는 방법이다. iframe에서는 postMessage 함수로 메세지(데이터)를 쏴주고, 부모 프레임에서는 iframe에서 전달받을 메시지...

element-ui 사용 소감

less than 1 minute read

지난 주에 vuetify를 사용하여 서비스를 하나 만들었다. vuetify의 번잡함(?)에 질려(?), 비교적 깔끔해보이는 element-ui를 사용하여 서비스를 만든 후, 후기를 적어보았다.

Vuex two way binding

less than 1 minute read

Vuex is very useful library for Vue.js. However… when handling form like input tag with Vuex, setting up two way binding is somehow complicated and you need ...

Vue CLI 3에서의 Webpack 설정

1 minute read

Vue CLI 3에서는 webpack 설정 방법이 크게 바뀌었다. Vue CLI 2와는 달리 따로 설정을 하지 않으면 webpack 설정 파일이 만들어지지도 않는다. 하지만 이런 저런 이유로 webpack 설정을 만져줘야 할 때가 있다.

서평 Vue.js 이정도는 알아야지

less than 1 minute read

버스에서 간단히 읽으려고 집어든 책인데, 얇은 두께에도 불구하고 의외로 깊이가 있어 놀랐다. 일단 이 책은 초보자용 책은 아니다. 책 표지에도 초중급 독자를 대상으로 한다고 (작게) 써져있다. Vue.js에 대해 어느 정도 알고 있고, 적어도 실전 프로젝트로 개발을 하고 있는 분들...

서평 Vue.js 2 시작하기(가볍고 빠른 웹 개발을 위한 Vue.js)

less than 1 minute read

나는 글쓰기를 제법 어려워하는데, 모든 글은 재미있어야 한다는 강박관념 때문이다. 물론 재미있는 글을 쓰기란 어렵다. 기술 문서라면 더더욱 그렇다. 하지만 놀랍게도 이 책은 성공했다. 훌륭한 기술 문서이면서도 재미있다. 도대체 무슨 짓을 한걸까?

서평 Do it! Vue.js

1 minute read

나는 JavaScript가 어렵다. 일단 언어 자체부터 상당히 난해하다. 뿐만 아니라 하루가 멀다하고 새로운 기술이 나온다. 그냥 또 뭔가 나왔는가보다 하고 넘기기에는 너무나 매력적인 기술이라 놓칠 수도 없다. 그러는 사이에 세월은 흘렀고, 어느새 JavaScript는 단지 언어 ...

R.I.P SK Planet

2 minute read

요즘 스위프트로 iOS 앱을 개발하고 있다. 네이티브앱은 아니고 웹뷰로 이미 개발되어 있는 웹페이지를 띄워주는 앱인데, 열심히 개발하고 있자니 난데없이 화면이 하얗게 침묵했다. 불과 몇 초 전까지만 해도 잘 돌아가던 기능이다.

Back to top ↑

Vue

Vue CLI 3에서의 Webpack 설정

1 minute read

Vue CLI 3에서는 webpack 설정 방법이 크게 바뀌었다. Vue CLI 2와는 달리 따로 설정을 하지 않으면 webpack 설정 파일이 만들어지지도 않는다. 하지만 이런 저런 이유로 webpack 설정을 만져줘야 할 때가 있다.

Vue CLI 3 사용 소감

less than 1 minute read

지금껏 Vue CLI 2를 사용하고 있었는데, 오늘에야 드디어 Vue CLI 3를 설치했다. 처음에는 webpack 설정 파일을 찾을 수 없어 이게 뭔 똥인가 싶었는데, 이걸 보고 깜짝 놀랐다.

Back to top ↑

aws

awk 예제

less than 1 minute read

xargs는 리눅스에서 파이프라인 이전 단계를 standard input으로 하여 다음 명령을 실행하는 기능을 한다.

AWS CodeDeploy build artifact 남기기

less than 1 minute read

‘*/’ 로 설정해야 하위 디렉토리의 파일까지 재귀적으로 artifact에 포함된다. AWS 문서에도 나와 있기는 한데… 다소 애매하게 설명하고 있어서 놓치기 쉽다.

AWS codeBuild에서 build artifact와 source artifact

less than 1 minute read

build artifact는 codeBuild가 build를 마친 후, 그 결과물을 저장한 파일. 나중에 auto scaling 할 때 쓰인다 source artifact는 codeBuild가 build를 하기 위해 소스코드를 가져온 파일

x-cache error from cloudfront

less than 1 minute read

CloudFront의 Custom Error Page은 오로지 redirection을 할 뿐이지, 어떠한 side effect도 없다. AWS 엔지니어에게 확인받음. 그러니 response header에 x-cache: error from cloudfront 가 떠도 의도한 바라면...

Back to top ↑

firebase

Vue.js 앱을 Firebase에 호스팅 할 때 주의점

less than 1 minute read

Vue.js로 만든 웹앱을 Firebase에 호스팅하면 당황스러운 상황에 처하게 된다. 분명히 Firebase에서 알려준 내 웹앱의 URL에 접속했는데, 화면에 아무 것도 안뜬다!

Grid test

less than 1 minute read

I made a game using Vue.js, vuetify, firebase.

Deploy Vue SPA on firebase

less than 1 minute read

firebase cli로 firebase hosting에 Vue.js로 만든 SPA를 배포하는 순서를 정리해보았다.

Back to top ↑

book review

변신

less than 1 minute read

저 유명한 소설, ‘변신’이 월급쟁이의 이야기였다니.

누구나 자료 구조와 알고리즘

less than 1 minute read

알고리즘 공부라 하면 아마도 모든 개발자들의 한결같은 새해 목표일 것이다. 물론 대부분의 새해 목표가 그렇듯이 곧 잊혀진다. 나도 알고리즘 공부를 몇 년째 새해 목표 중 하나로 잡아두었는지 모른다. 끔찍한 일이다. 그래도 요즘은 알고리즘 공부하기에 좋은 책이 많다. 이 책, ‘누구...

서평 Vue.js 이정도는 알아야지

less than 1 minute read

버스에서 간단히 읽으려고 집어든 책인데, 얇은 두께에도 불구하고 의외로 깊이가 있어 놀랐다. 일단 이 책은 초보자용 책은 아니다. 책 표지에도 초중급 독자를 대상으로 한다고 (작게) 써져있다. Vue.js에 대해 어느 정도 알고 있고, 적어도 실전 프로젝트로 개발을 하고 있는 분들...

서평 Vue.js 2 시작하기(가볍고 빠른 웹 개발을 위한 Vue.js)

less than 1 minute read

나는 글쓰기를 제법 어려워하는데, 모든 글은 재미있어야 한다는 강박관념 때문이다. 물론 재미있는 글을 쓰기란 어렵다. 기술 문서라면 더더욱 그렇다. 하지만 놀랍게도 이 책은 성공했다. 훌륭한 기술 문서이면서도 재미있다. 도대체 무슨 짓을 한걸까?

서평 Do it! Vue.js

1 minute read

나는 JavaScript가 어렵다. 일단 언어 자체부터 상당히 난해하다. 뿐만 아니라 하루가 멀다하고 새로운 기술이 나온다. 그냥 또 뭔가 나왔는가보다 하고 넘기기에는 너무나 매력적인 기술이라 놓칠 수도 없다. 그러는 사이에 세월은 흘렀고, 어느새 JavaScript는 단지 언어 ...

Back to top ↑

소설

개:내 가난한 발바닥의 기록

less than 1 minute read

 ‘육체는 단명하나 근성은 영원한 것’. 김성모 만화가 근 30년간 내세우던 주제 의식이다. 김성모는 이 강렬한 메세지를 쉼없이 남발한다. 전달의 과잉이다. 덕분에 어떠한 역경에도 굴하지 않는 불굴의 정신이 가지는 숭고함은 일종의 쌈마이한 허세로 전락하는 수모를 겪는다.

GV 빌런 고태경

less than 1 minute read

나는 문학이 주는 공감과 위안의 힘을 믿지 않는다. 상처입은 가슴이 귀를 통해 치유를 받았다는 말을 나는 들어본 적이 없다. 하지만 가만히 이런 생각을 해본다. ‘나도 분명 높은 이상과 꿈, 그리고 의지를 가지고 있던 시절이 있었지. 그때는 어느 누구도, 어떤 시련도 나를 막을 수...

나와 춤을

less than 1 minute read

기억을 더듬다보면 도무지 알 수 없는 이유로 뚜렷이 남아있는 몇몇 장면들이 있다. 시간이 멀어질수록, 기억을 떠올릴수록, 장면은 꿈결같아 정말로 있었던 일인지, 어쩌면 나의 상상일 뿐이었는지 분간하기 어려워진다. 그 진실이야 아무래도 좋다. 좋았던 기억일수록, 우연히 과거의 그 장...

내 마음의 옥탑방

less than 1 minute read

2019년에 이 소설을 읽는 나로서는 여러 설정과 전개가 작위적이라는 느낌이 들었다. 도대체 작중 인물들이 내린 선택과 행동에 무슨 실익이 있는가? 하지만 1998년 작품임을 알게 되어 다소 납득했다. 불과 20년만에 세상은 이렇게나 바뀐 것이다. 도무지 왜 저렇게 살았는지 이해하...

손님 - 로알드 달

less than 1 minute read

이 소설의 주인공은 극히 혐오스러운 인간이다. 범죄자이며, 허세꾼이며, 여혐 종자이면서도, 색을 밝히는, 한 마디로 인간 막장이라 할 수 있다. 하지만 운 좋게도 돈은 제법 많은지라 온갖 난잡한 모험을 벌이고 다니는데, 사건이 전개될수록 이놈이 어떻게 인생을 조지게 될지 기대감이 ...

Back to top ↑

Android

Google Playstore의 개인정보처리방침 등록

less than 1 minute read

Google Playstore에서 메일을 받았다. 1달 내로 조치가 없다면 내가 만든 앱을 Playstore에서 내려버리겠다고… 오랫동안 방치해둔 앱이기에 관리자 콘솔을 들어가보니, 구글에서는 이미 오래 전부터 관련 내용을 경고하고 있었다.

Android Multi Dex Debug

less than 1 minute read

When your Android App’s minSdkVersion is prior to 21(using dalvik), and your app and the libraries it references exceed 65,536 methods, Android studio debugg...

GCM에서 FCM으로 마이그레이션

less than 1 minute read

회사에서 운영하는 서비스 중 안드로이드 앱이 있는데, 이 앱에서는 아직도 GCM으로 push messege를 보내고 있다. 하지만 더이상 그럴 수 없는 상황이 되었다.

Back to top ↑

IBM Cloud

TempleOS

less than 1 minute read

virtual box 설치

IBM Cloud 홍보글 쓴 후기

1 minute read

몇 일 전 [IBM Cloud]의 홍보 글을 올린 후, 몇 가지 업데이트 해야할 사항들이 있어 따로 글을 작성한다.

돈 안 받고 쓰는 IBM Cloud 홍보글

1 minute read

IBM Cloud는 참 좋은 서비스인데, 쓰는 사람을 못 봤다. 기껏해야 IBM 소속 개발자 정도. 안타까운 마음에 돈 안 받고 홍보글을 쓴다. IBM Cloud의 장점은 다음과 같다.

Back to top ↑

react

러닝 리액트 2판 리뷰

less than 1 minute read

흔히들 React를 사용하고 싶으면 공식 문서를 보라고 한다. 하지만 그것만으로 정말 충분한가? React를 사용할 때마다 당황스러운 일이 한두 번이 아니다. 그럴 때마다 나는 고통스럽게도 codesandbox를 열고… 하나하나 테스트를 해본다. 내가 아는 게 정말로 맞는지, 내가...

Back to top ↑

git

git으로 work 폴더 백업 자동화하기

1 minute read

나는 게으른 사람이다. 그리고 뭔가를 백업하는건 아주 귀찮은 일이다. 소스코드는 그나마 낫다. 개발하고 수정할 때마다 git remote 서버로 push하면 된다. 하지만 작업용 및 관리용으로 들고 있는 work 폴더를 백업하는건 너무나도 귀찮은 일이다. 그러니 자동화하기로 했다....

Back to top ↑

frontend

safari의 bounce scroll 문제(2)

1 minute read

iOS는 스크롤 파워가 강할 때 bounce scroll effect를 낸다. 보기 좋은 UX지만, scrollTop을 기준으로 event를 발생시키려면 문제가 발생한다.

safari의 bounce scroll 문제(1)

1 minute read

safari에서 scroll event를 다루다보면 괴상한 동작을 발견한다. scrollable container 최상단이 고무줄처럼 튕기는 UI인데, 이를 iOS의 native-style scrolling이라고 한다(출처: https://developer.apple.com/lib...

Back to top ↑

AWS

AWS CodeDeploy BlockTraffic 시간 단축

less than 1 minute read

AWS EC2에 Apache HTTP Server를 올려 frontend를 서빙하고, CI/CD는 AWS CodePipeLine을 사용하고 있었다. 문제는 배포할 때마다 CodeDeploy의 BlockTraffic 단계에서 너무 많은 시간이 걸려 답답했다. 배포 시간을 조금이나마 ...

당신이 지금 알아야 할 AWS

less than 1 minute read

어플리케이션 개발자의 입장에서 볼 때 AWS를 익히기란 쉽지 않다. 물론 온프레미스 환경보다는 쉽다. 아무튼 내가 바닥을 뜯고 전선을 깔 필요는 없으니까. 그럼에도 불구하고 AWS를 배우는 데에는 다음과 같은 난점이 존재한다.

aws cli 초기 설정

1 minute read

AWS의 서버리스 웹 애플리케이션 구축 튜토리얼을 따라하고 있다. AWS를 내가 직접 만지는건 3년만이다. 그간 모르긴 몰라도 많이 바뀌었다. aws cli조차도 구성하기 힘들었다. 튜토리얼을 따라하기 위하여 aws cli로 S3를 만질 수 있도록 설정하는 과정을 정리해보았다.

Back to top ↑

IT

npm audit fix

2 minute read

tl;dr: npm audit fix로 취약점을 해결하자

Back to top ↑

chrome

Chrome GC timing

less than 1 minute read

GC는 복잡하고, 크로미움 업데이트 할 때마다 계속 바뀐다. GC는 대부분 증분적으로, 일부는 동시에. 일부는 병렬적으로 한다. 그리고 할당량(?)과 유휴 시간에 결정(?)된다 The summary is that most of the GC work is d...

Google chrome browser의 drag ghost image 오류

less than 1 minute read

현상 오류 대상: drag ghost image 현상 상세 ghost image의 크기가 drag target에 한정되지 않음 ghost image가 scroll이 하단으로 내려간 만큼의 크기의 scroll...

Back to top ↑

Angular

AngularJS의 filter

less than 1 minute read

간만에 AngularJS로 개발을 할 일이 생겼다. 내가 만든 코드인데도 만든지 4년 가까운 시간이 지나니 AngularJS의 동작에 대하여 기억이 나지 않았다. 그래서 간단히 정리해본다.

AngularJS Material dialog theme setting

less than 1 minute read

AngularJS Material provide useful functions, especailly theme. Configuring theme is not complicated, but searching on google is not easy. So I wrote a simple...

Back to top ↑

webpack

webpack4 bundle file name

2 minute read

설정 방법 반드시 configure 아래에 output을 넣어야 한다. module.exports = { configure: { output: { filename: `[name].[hash].js`, ...

webpack에서 디버깅 환경 구성하기

1 minute read

webpack 시작 Vue.js 등의 프론트엔드 프레임워크를 사용해서 개발을 시작하면 webpack 사용을 피할 수 없다. webpack에서는 webpack-dev-server를 제공하는데, 개발시에 로컬 웹서버 역할을 해준다. webpack의 설정은 상당히 복잡하지만, 대부분...

Back to top ↑

android

Android WebView Back & Forward 버튼으로 도달할 URL 확인

less than 1 minute read

Android에서 WebView로 앱을 개발하다보면 Back 버튼과 Forward 버튼이 신경쓰인다. 이 버튼들을 눌렀을 때 도달할 URL이 민감한(?) 화면일 수 있기 때문. 그래서 URL을 확인할 수 있는 방법을 정리해보았다.

FCM’s device token & GCM’s

less than 1 minute read

FCM’s device token is same with GCM’s device token because FCM includes GCM. But FCM’s token has more information than GCM’s. So if you want to convert FCM’s...

Back to top ↑

HTTP

HTTP/2 versus HTTP/1.1

less than 1 minute read

HTTP/2를 꼭 사용해야만 하는지 의문을 제기하는 사람이 있어 chrome lighthouse로 성능을 비교해보았다. 동일한 웹앱(Vue.js를 사용해 개발한 SPA)을 대상으로 측정했다.

Back to top ↑

SQL

Merge in MSSQL

less than 1 minute read

7년 동안 외웠다 까먹기를 반복하다 지쳐버린 나…

Back to top ↑

css

CSSOM 과 inline-style

less than 1 minute read

html parser가 inline style을 만나면 CSSOM을 만들기 위해 parser 동작을 일시 중지할까? cssom은 javascript가 css style을 조작하기 위한 모델이다 cssom은 외부 css를 받아오든, style tag를 만나든, inline styl...

z-index stacking order

less than 1 minute read

CSS property z-index는 parent를 공유하는 element끼리만 영향을 미친다. 다른 parent의 element와는 무관하다. 그 이유는 stacking order 때문이다. stacking context는 하나의 element당 1개 생성되고, stackin...

Back to top ↑

grandfather

할아버지가 겪은 한국전쟁 이야기(위기편)

1 minute read

전쟁이 터지고 마을 사람들이 징병으로 끌려간지 얼마 지나지도 않았건만, 전선은 크게 밀려 전라도가 함락되었다. 1번 국도가 마을 한가운데를 관통하고 있었으니 만큼 세상은 즉각적으로 변했다. 인민군이 왔고, 완장을 찬 사람들이 나타나 마을 사람들을 학교 운동장에 둥글게 불러모았다. ...

할아버지가 겪은 2차대전 이야기

1 minute read

할아버지께 직접 들은 이야기다. 인상깊어 옮겨본다. 나 역시 기억이 잘 나지 않아 오류가 있을 수 있다. 할아버지께 다시 여쭤봐야지. 고로 계속 수정 예정.

Back to top ↑

Chrome

Back to top ↑

salsa

파트너

1 minute read

나는 운이 좋다는 말을 삼가는 편인데, 운명이란 변화무쌍하여 언제 어떻게 내게 등을 돌릴지 모른다 생각하기 때문이다. 그렇다해도 여태 무풍에서 해온 6번의 공연 동안 나의 운은 제법 좋았다고 감히 말할 수 있다. 그간 함께한 파트너 덕분이다. 파트너의 도움 아니었으면 나 홀로 무엇...

첫 공연 후 1년이 지나

less than 1 minute read

지난 17년 첫번째 공연을 하고 만 1년이 지났다. 돌이켜보면 그 당시의 느낌이 꽤나 절절했었다. 나름 장문의 글도 썼다. 글을 다시 읽어보니 행간마다 고통이 박혀있다. 나는 어쩜 그리 춤을 못췄는가. 10초의 안무를 익히는데 1시간이 걸렸다는 대목에 이르러서는 그만 정신을 놓아버...

살사 배우는 이야기

2 minute read

얼마 전부터 지인의 강력한 권유로 살사를 배우기 시작했다. 그간 나는 춤과 인연이 전혀 없었다. 혼란스러웠던 세기말, 그 시절에 청소년기를 보냈다면 누구나 한 번쯤 따라해봤다는 HOT와 GOD의 춤조차 근처에도 가지 않았다. 그래도 내심 내가 잘 할거라는 자신은 있었다. 그간 운동...

Back to top ↑

dance

파트너

1 minute read

나는 운이 좋다는 말을 삼가는 편인데, 운명이란 변화무쌍하여 언제 어떻게 내게 등을 돌릴지 모른다 생각하기 때문이다. 그렇다해도 여태 무풍에서 해온 6번의 공연 동안 나의 운은 제법 좋았다고 감히 말할 수 있다. 그간 함께한 파트너 덕분이다. 파트너의 도움 아니었으면 나 홀로 무엇...

첫 공연 후 1년이 지나

less than 1 minute read

지난 17년 첫번째 공연을 하고 만 1년이 지났다. 돌이켜보면 그 당시의 느낌이 꽤나 절절했었다. 나름 장문의 글도 썼다. 글을 다시 읽어보니 행간마다 고통이 박혀있다. 나는 어쩜 그리 춤을 못췄는가. 10초의 안무를 익히는데 1시간이 걸렸다는 대목에 이르러서는 그만 정신을 놓아버...

살사 배우는 이야기

2 minute read

얼마 전부터 지인의 강력한 권유로 살사를 배우기 시작했다. 그간 나는 춤과 인연이 전혀 없었다. 혼란스러웠던 세기말, 그 시절에 청소년기를 보냈다면 누구나 한 번쯤 따라해봤다는 HOT와 GOD의 춤조차 근처에도 가지 않았다. 그래도 내심 내가 잘 할거라는 자신은 있었다. 그간 운동...

Back to top ↑

ASP.NET

Back to top ↑

JSON

JSON to Excel with Sheet.js(feat. Vue.js)

1 minute read

For Exporting JSON to Excel file, SheetJS is useful. SheetJS is complicated to use, but powerful and well maintained. I tried to use vue-json-excel, but on v...

IIS6에서 JSON 내려받기

less than 1 minute read

IIS6.0에서 JSON을 내려받을 일이 생겼다. 그런데 잘 안된다. 이런 오류 메시지가 뜬다.

Back to top ↑

수필

남자는 쇼핑을 좋아해

less than 1 minute read

나는 글 읽기를 좋아한다. 그리고 제법 많이 읽는 축에 속한다고 자부한다. 아무튼 늘 무언가를 읽고 있으니까. 하지만 그 주제는 대개 정해져 있다. 경제, 역사, 과학이 대부분이고, 문학류는 거의 읽지 않는다. 수필은 말할 필요도 없다. 요컨대 실용적인 글만 찾아본다는거다. 자연히...

시간을 달리는 여유

less than 1 minute read

글을 읽다보면 가끔씩 그 필력에 사로잡힐 때가 있다. 장절함이든 속도감이든, 무엇이든 좋다. 문장이 뿜어내는 힘을 타고 정신없이 책을 넘기다보면 어느새 책장의 끝이 보이는 순간이 오는데, 그러면 문득 아쉬워하며 나도 이런 글을 써보고 싶은 것이다. 아사이 료의 ‘시간을 달리는 여유...

수필집 도토리

less than 1 minute read

물리학자이자 시인이었던 메이지-다이쇼 시대 일본인의 수필집. 담담하게 자연과 사물과 인간을 관찰하며 묘사한다. 수필에서 흔히 볼법한 감정의 과잉은 없다. 그렇기에 괜한 방해없이 그의 눈에 비치는 광경을 바로 눈 앞에서 보는 듯 빠져든다. 그렇다고 결코 무미無味하지는 않다. 그의 글...

Back to top ↑

python

Sphinx로 번역 편하게 하기(원본 문서 업데이트 편)

less than 1 minute read

기술 문서를 작성할 때 sphinx를 사용하면 편리하다. 기술문서 번역을 한다면 sphinx-intl은 아주 유용하다. 그 장점에는 여러가지가 있지만, 기술 문서 번역자에게 가장 큰 고통을 주는 문제, 바로 원본 문서의 잦은 변경 또한 쉽게 해결해준다. 변경된 부분만 찍어서 알...

Back to top ↑

docker

docker로 gitlab 설치하기

4 minute read

1. git으로 간다 회사에 git을 도입하기로 했다. 그간 내가 다니는 회사는 svn을 사내 버전관리 도구로 사용하고 있었는데, 나는 머리가 좋지 않아 git이 없으면 개발을 하질 못한다. 언제 뭘 만들고 고치고 지웠는지 도무지 기억할 수가 있어야지… 이점에서 git의 장점은 명...

Back to top ↑

gitlab

docker로 gitlab 설치하기

4 minute read

1. git으로 간다 회사에 git을 도입하기로 했다. 그간 내가 다니는 회사는 svn을 사내 버전관리 도구로 사용하고 있었는데, 나는 머리가 좋지 않아 git이 없으면 개발을 하질 못한다. 언제 뭘 만들고 고치고 지웠는지 도무지 기억할 수가 있어야지… 이점에서 git의 장점은 명...

Back to top ↑

CI

Gitlab-CI 구성 & .gitlab-ci.yml 예제

4 minute read

CI/CD 도입 Gitlab을 설치하는 방법은 전에 다뤘다. 이번에는 CI/CD 도구를 도입했다. 예전에 일했던 프로젝트에서는 주로 jenkins를 사용했는데, 이번에는 Gitlab-CI를 써보기로 했다. Git 초심자가 대부분인 우리 프로젝트 특성상, Gitlab과 연계가 긴밀한...

Back to top ↑

Node.js

Node.js 정석

less than 1 minute read

부끄러운 이야기 먼저 하나 해야겠다. 나는 지금껏 몇 개의 Node.Js 앱을 만들어왔다. 하지만 그러는 동안 Node.Js를 따로 공부하지 않았다. 한 권의 책도 보지 않았고, 인터넷 강의도 보지 않았다. 어짜피 다 아는 JavaScript 아닌가, 달리 공부해야 할 것도 많은데...

Back to top ↑

Vuetify

Back to top ↑

typescript

typescript keyof typeof

1 minute read

typescript에서 object의 모든 key값을 기준으로 무언가 작업(object 비교)를 할 때, type 때문에 골치아파진다. object의 type은 정해져 있는데, Object.keys() api를 사용하면 key가 string type으로 뽑혀 나온다. string ...

타입스크립트 프로그래밍

less than 1 minute read

상당히 어려운 책이었다. 나의 타입스크립트 활용 수준은 변수, 인수, 함수에 주석 다는 정도에 불과했다. 하지만 이 책에서는 그런 건 너무나 초보적인 활용 수준이라 본다. 대신 타입으로 프로그래밍을 한다. 처음에는 타입으로 별 걸 다 한다고 생각했지만 보면 볼수록 정교하고 우아하다...

Back to top ↑

Apache HTTP Server

Back to top ↑

npm

npm audit fix –force 주의점

less than 1 minute read

npm audit fix --force 를 하면 node module의 버전을 낮추기도 한다. 보안취약점이 발생하지 않는 버전을 찾기 때문.

Back to top ↑

jekyll

github page theme 업데이트

less than 1 minute read

이 블로그는 jekyll을 사용하여 돌리고 있다. 테마는 minimal mistake를 사용한다. 요 테마는 업데이트가 상당히 활발한데, 멋진 블로그를 위해 숟가락 얹은 처지인지라 블로깅 하는 틈틈히 테마 업데이트를 따라가줘야 한다. 테마 업데이트 방법은 다음과 같다. 나는 git...

jekyll을 이용한 블로그 구축기

3 minute read

0. 시작 블로깅을 재개하기로 결심했다. 오래된 나태함과 타성을 조금이나마 다잡기 위함이다. 블로깅의 본질이라면 마땅히 글쓰기이겠지만, 나라는 사람은 어쩔 수 없는지라 시작부터 수단에 집착하고야 말았다. 바로 적당한 블로깅 도구를 찾아 구축하는 일이었는데, 이 단계에서부터 생각외...

Back to top ↑

chatbot

챗봇과 생각에 관한 생각

1 minute read

생각이란 무엇일까? 단비.ai 프로젝트를 할 때부터 든 생각이다. 단비.ai 프로젝트의 목표가 ‘챗봇을 만드는 플랫폼’이었기 때문이다. 대화하는 인공지능, 챗봇이야말로 우리가 생각하는 인공지능의 가장 전형적인 모습 아니겠는가? 그렇다면 이야기를 진척하기 앞서 챗봇이 어떻게 동작하는...

Back to top ↑

AI

챗봇과 생각에 관한 생각

1 minute read

생각이란 무엇일까? 단비.ai 프로젝트를 할 때부터 든 생각이다. 단비.ai 프로젝트의 목표가 ‘챗봇을 만드는 플랫폼’이었기 때문이다. 대화하는 인공지능, 챗봇이야말로 우리가 생각하는 인공지능의 가장 전형적인 모습 아니겠는가? 그렇다면 이야기를 진척하기 앞서 챗봇이 어떻게 동작하는...

Back to top ↑

Korean War

할아버지가 겪은 한국전쟁 이야기(위기편)

1 minute read

전쟁이 터지고 마을 사람들이 징병으로 끌려간지 얼마 지나지도 않았건만, 전선은 크게 밀려 전라도가 함락되었다. 1번 국도가 마을 한가운데를 관통하고 있었으니 만큼 세상은 즉각적으로 변했다. 인민군이 왔고, 완장을 찬 사람들이 나타나 마을 사람들을 학교 운동장에 둥글게 불러모았다. ...

Back to top ↑

cryptocurrency

고통

less than 1 minute read

너에게 닥친 고난이 아무리 커보이더라도, 명심해라, 아직 빙산의 일각일 뿐이다.

리플이 국산이라 좋아요

1 minute read

내게는 새마을금고에서 일하는 친구가 하나 있다. 이 친구는 동네의 작은 지점에서 일을 하는데, 이런 곳이 흔히 그렇듯 긴급한 업무만 얼른 보러가는 찬바람 부는 그런 은행이 아니다. 오히려 할일없는 동네 주민들이 들러 한 수다 떨고가는 마을 경로당 겸 사랑방과 비슷하다고 하겠다. 은...

Back to top ↑

axios

axios 멀티 리퀘스트 보내기

less than 1 minute read

axios에는 HTTP request 여러 개를 한번에 묶어 던지는 기능이 있다. 이 기능을 사용하여 기껏 개발해놨는데, 기능 변경으로 인해 코드를 지워야 한다. 잊기 전에 박제해두자.

Back to top ↑

debug

webpack에서 디버깅 환경 구성하기

1 minute read

webpack 시작 Vue.js 등의 프론트엔드 프레임워크를 사용해서 개발을 시작하면 webpack 사용을 피할 수 없다. webpack에서는 webpack-dev-server를 제공하는데, 개발시에 로컬 웹서버 역할을 해준다. webpack의 설정은 상당히 복잡하지만, 대부분...

Back to top ↑

diary

R.I.P SK Planet

2 minute read

요즘 스위프트로 iOS 앱을 개발하고 있다. 네이티브앱은 아니고 웹뷰로 이미 개발되어 있는 웹페이지를 띄워주는 앱인데, 열심히 개발하고 있자니 난데없이 화면이 하얗게 침묵했다. 불과 몇 초 전까지만 해도 잘 돌아가던 기능이다.

Back to top ↑

dev-diary

R.I.P SK Planet

2 minute read

요즘 스위프트로 iOS 앱을 개발하고 있다. 네이티브앱은 아니고 웹뷰로 이미 개발되어 있는 웹페이지를 띄워주는 앱인데, 열심히 개발하고 있자니 난데없이 화면이 하얗게 침묵했다. 불과 몇 초 전까지만 해도 잘 돌아가던 기능이다.

Back to top ↑

FCM

FCM’s device token & GCM’s

less than 1 minute read

FCM’s device token is same with GCM’s device token because FCM includes GCM. But FCM’s token has more information than GCM’s. So if you want to convert FCM’s...

Back to top ↑

debugging

고무 오리 디버깅

less than 1 minute read

Stack Overflow에 새로운 기능이 추가되었다. 화면 우측 하단을 보면 고무 오리가 천연덕스레 떠있다.

Back to top ↑

Java

Spring Data JPA Sort(Order by)

less than 1 minute read

Spring Data JPA를 쓰다가 Sorting이 안되는 고통을 겪었다. 평소처럼 Spring Data method명으로 order by를 먹이려는데, 왜인지는 모르겠으나 컬럼명을 발견하지 못하여, 쿼리문이 만들어지지 못하는 오류가 발생했다. 그래서 Sort 객체를 사용한 간단...

리눅스에 Java10 설치하기

less than 1 minute read

Linux에서 Java10을 설치하는 방법을 정리해보았다. 우분투와 리눅스 민트에서 다 잘 설치된다. linuxuprising의 문서를 참조하였다.

Back to top ↑

linux

unix zip exclude directory

less than 1 minute read

소스 코드를 압축할 때 .git 디렉토리나 node_modules을 포함할 필요는 없다. 제외하자.

리눅스에 Java10 설치하기

less than 1 minute read

Linux에서 Java10을 설치하는 방법을 정리해보았다. 우분투와 리눅스 민트에서 다 잘 설치된다. linuxuprising의 문서를 참조하였다.

Back to top ↑

algorithm

누구나 자료 구조와 알고리즘

less than 1 minute read

알고리즘 공부라 하면 아마도 모든 개발자들의 한결같은 새해 목표일 것이다. 물론 대부분의 새해 목표가 그렇듯이 곧 잊혀진다. 나도 알고리즘 공부를 몇 년째 새해 목표 중 하나로 잡아두었는지 모른다. 끔찍한 일이다. 그래도 요즘은 알고리즘 공부하기에 좋은 책이 많다. 이 책, ‘누구...

Back to top ↑

SurveyJS

Back to top ↑

Javascript

프레임워크 없는 프론트엔드 개발 서평

1 minute read

제목을 보고 홀린 듯 사버렸다. 요즘 나의 고민 중 하나를 정통으로 찌르는 제목이었기 때문이다. 요즘 세상은 프레임워크 없는 프론트엔드 개발을 상상하기 힘든 세상이 되었다. 프레임워크는 너무나도 강력하여 개발을 쉽고, 편리하고, 빠르게 만들어준다. 불과 몇 년 전만 해도 jQuer...

Back to top ↑

Tool

Visual Studio Code(vs code)에서 MSSQL 사용하기

less than 1 minute read

Visual Studio Code로 Microsoft SQL Server(이하 mssql)을 사용하고 있는데, 아주 좋다. 여기서 설치하면 된다. 무거운 SQL Server Management Studio를 실행할 것 없이, mssql을 가볍고 편리하게 사용할 수 있다.

Back to top ↑

Git

Gitlab-CI 구성 & .gitlab-ci.yml 예제

4 minute read

CI/CD 도입 Gitlab을 설치하는 방법은 전에 다뤘다. 이번에는 CI/CD 도구를 도입했다. 예전에 일했던 프로젝트에서는 주로 jenkins를 사용했는데, 이번에는 Gitlab-CI를 써보기로 했다. Git 초심자가 대부분인 우리 프로젝트 특성상, Gitlab과 연계가 긴밀한...

Back to top ↑

Gitlab

Gitlab-CI 구성 & .gitlab-ci.yml 예제

4 minute read

CI/CD 도입 Gitlab을 설치하는 방법은 전에 다뤘다. 이번에는 CI/CD 도구를 도입했다. 예전에 일했던 프로젝트에서는 주로 jenkins를 사용했는데, 이번에는 Gitlab-CI를 써보기로 했다. Git 초심자가 대부분인 우리 프로젝트 특성상, Gitlab과 연계가 긴밀한...

Back to top ↑

Gitlab-CI

Gitlab-CI 구성 & .gitlab-ci.yml 예제

4 minute read

CI/CD 도입 Gitlab을 설치하는 방법은 전에 다뤘다. 이번에는 CI/CD 도구를 도입했다. 예전에 일했던 프로젝트에서는 주로 jenkins를 사용했는데, 이번에는 Gitlab-CI를 써보기로 했다. Git 초심자가 대부분인 우리 프로젝트 특성상, Gitlab과 연계가 긴밀한...

Back to top ↑

gitlab-runner

Gitlab-CI 구성 & .gitlab-ci.yml 예제

4 minute read

CI/CD 도입 Gitlab을 설치하는 방법은 전에 다뤘다. 이번에는 CI/CD 도구를 도입했다. 예전에 일했던 프로젝트에서는 주로 jenkins를 사용했는데, 이번에는 Gitlab-CI를 써보기로 했다. Git 초심자가 대부분인 우리 프로젝트 특성상, Gitlab과 연계가 긴밀한...

Back to top ↑

CD

Gitlab-CI 구성 & .gitlab-ci.yml 예제

4 minute read

CI/CD 도입 Gitlab을 설치하는 방법은 전에 다뤘다. 이번에는 CI/CD 도구를 도입했다. 예전에 일했던 프로젝트에서는 주로 jenkins를 사용했는데, 이번에는 Gitlab-CI를 써보기로 했다. Git 초심자가 대부분인 우리 프로젝트 특성상, Gitlab과 연계가 긴밀한...

Back to top ↑

excel

JSON to Excel with Sheet.js(feat. Vue.js)

1 minute read

For Exporting JSON to Excel file, SheetJS is useful. SheetJS is complicated to use, but powerful and well maintained. I tried to use vue-json-excel, but on v...

Back to top ↑

log

Back to top ↑

game

고전 게임 리뷰 <SWIV 3D>

less than 1 minute read

아마도 세월이 흘러 이제는 누가 기억하는지도 모를 어느 게임의 이야기다. 때는 97년으로 아직 외환위기 이전이었다. 그래서인지 몰라도 컴퓨터 게임의 가격은 2019년 현재와 비교해도 비싸면 비쌌지 결코 싸지 않았다. SWIV 3D의 가격은 무려 3만 6천원(아마)으로, 지금 물가로...

페르시아의 왕자

less than 1 minute read

영화 각본가를 꿈꾸던 대학생이 있었다. 하지만 그의 노력과 시도는 성공 직전에 모두 실패했다. 젊은 나이라 할지라도 그의 좌절이 가벼울리 없었다. 그러던 그에게 누군가 이렇게 말했다.

Back to top ↑

Database

MSSQL에서 \r\n(개행문자) replace

less than 1 minute read

HTML textarea로 만들어진 게시판을 TinyMCE로 교체하는 작업을 하던 도중, 개행문자가 DB에 CRLF(\r\n)로 저장되어 귀찮은 일이 생겼다.

Back to top ↑

lodash

lodash 사용 예제

1 minute read

Lodash 사용 예제를 정리해보았다. 왜냐면 내가 자꾸 잊어먹기 때문… 계속 업데이트 할 예정이다.

Vue.js에서 lodash remove 오작동

less than 1 minute read

Vue.js에서 lodash의 remove 함수가 제대로 동작하지 않는다. 보다 정확히 말하자면, Vue.js에서 watching 중인 reactive array에서 element를 _.remove(array, fn) 해도, Vue.js는 이를 감지하지 못한다.

Back to top ↑

HTML

모두의 HTML5 & CSS3

less than 1 minute read

CSS는 늘 고통스럽다. 저자도 마찬가지였나보다. 저자는 프론트엔드 개발을 하며 겪은 고통스러운 삽질의 과정을 솔직하고 생생하게 말해준다. 마치 내가 삽질하며 배우는 기분이다. 역시 개발을 배우려면 삽질이 최고지. 멋진 책이다!

iframe에서 부모 frame으로 메시지 전달

less than 1 minute read

나는 iframe을 싫어하지만 이런 저런 이유로 부득불 사용해야만 할 때가 있다. 아래 코드는 iframe에서 부모 frame으로 데이터를 전송하는 방법이다. iframe에서는 postMessage 함수로 메세지(데이터)를 쏴주고, 부모 프레임에서는 iframe에서 전달받을 메시지...

Back to top ↑

Typescript

Back to top ↑

movie

조커

less than 1 minute read

조커의 관객은 둘로 나눌 수 있다. 조커에게 공감하는 자와 그렇지 못한 자. 조커의 말대로 ‘말해도 이해 못 할테니’

영화 ‘메이트’

less than 1 minute read

바야흐로 공감과 위로의 시대다. 다들 힘들어 죽겠다고 한다. 뭘 해도 안된다고 한다. 그러고 있자면 TV든, 책이든, 유튜브든 한 마디씩 던진다. ‘힘들지. 나도 그래. 다 괜찮다. 잘 될거야.’ 다 좋은 말이다. 하지만 나는 이런 이야기를 그다지 좋아하지 않는다. 내게는 시간이 ...

Back to top ↑

Web

CORS 문제 해결

less than 1 minute read

CORS 문제로 몇 년간 고통받고 있다. 문제에 부닥칠 때마다 구글링을 하며 수많은 Q&A글을 본다. 그리고

Back to top ↑

bot

Back to top ↑

telegram bot

Back to top ↑

CSS

backdrop-filter로 모달 뒤를 날리자

less than 1 minute read

모달을 띄울 때, 뒤 배경을 흐릿하게 만들면 모달의 가독성이 향상된다. backdrop-filter CSS를 쓰면 이걸 쉽게 만들 수 있다.

모두의 HTML5 & CSS3

less than 1 minute read

CSS는 늘 고통스럽다. 저자도 마찬가지였나보다. 저자는 프론트엔드 개발을 하며 겪은 고통스러운 삽질의 과정을 솔직하고 생생하게 말해준다. 마치 내가 삽질하며 배우는 기분이다. 역시 개발을 배우려면 삽질이 최고지. 멋진 책이다!

Back to top ↑

유가

오규 소라이의 성리학 비판

1 minute read

이쯤에서 오규 소라이를 인정하지 않을 수 없음을 고백해야겠다. 나는 오랫동안 성리학을 썩 맘에 들어하지 않았다. 이유야 많다. 성리학에 대한 집착이 조선 망국의 원인이라는 점, 우주와 만물의 이치 따위의 현대 과학 문명의 관점에서는 터무니 없기만 한 개념 등 때문이다. 하지만 나로...

오규 소라이와 성리학적 엄격주의

less than 1 minute read

소라이는 성리학자를 혐오했다. 그들의 엄격주의는 편협함을 낳는다고 보았다. 통감강목에 등장하는 인물 중, 주자의 마음에 드는 사람은 단 한 명도 없어 보인다는 그의 일갈처럼, 성리학의 엄격함은 애당초 실행 불가능하다는 주장이었다. 소라이는 인간의 자연스러운 욕망을 긍정했다. 공익을...

Back to top ↑

헌법

헌법을 쓰는 시간

less than 1 minute read

우선 부끄러운 고백부터 해야겠다. 나는 올해 처음으로 헌법을 공부하기 시작했다. 그리고 크게 후회했다. 왜 진작 헌법에 관심을 두지 않았을까? 소위 인문학을 공부하면서 해왔던 많은 생각들, 특히 현실의 부조리함에 대한 고민의 최전선에 바로 헌법이 서 있었다. 헌법이란 당위와 현상에...

이라크 헌법 전문

less than 1 minute read

2005년 제정된 이라크 헌법의 경우, 전문이 유려하고 장문이다. 민족의 역사에 대한 자부심이 가득함을 느낄 수 있다. 그 초반만 소개하면 다음과 같다.

Back to top ↑

network

(구글 엔지니어에게 듣는) 네트워킹과 웹 성능 최적화 기법

less than 1 minute read

몇 년 전 겪은 일이다. 당시 사용 중이던 안드로이드 폰의 배터리가 이상하게 빨리 닳아서 제조사의 서비스 센터에 찾아갔다. 해당 기종의 배터리에 문제가 있어 이미 이슈화 되었던 기기였다. 그래서 나는 당연히 내 폰도 배터리에 문제가 있으리라 생각했다. 서비스센터의 AS기사는 이러한...

Back to top ↑

Rome

Back to top ↑

yarn

Back to top ↑

etc

Back to top ↑

LLM

Lora with MLX

1 minute read

목표: 애플 실리콘으로 local LLM을 구축하자

Back to top ↑

vite

vite v5 https setting

less than 1 minute read

Starting with Vite v5, the setting for HTTPS option has changed.

Back to top ↑

Japan

일본의 슬픔

less than 1 minute read

일본 제조업의 기술력은 탁월하다 너무나 탁월한 나머지 일본 내에서만 수많은 기업이 경쟁 중이다 이들이 먼저 신기술을 개발하고 일본 기업끼리 경쟁하다 보면 어느새 기술이 한국과 중국에 유출... 값싼 제품에 밀린 일본 기업은 해당 시장에서 도태된다 그리고 새로운 기술을 개발해 새로운...

Back to top ↑

WorldWar2

할아버지가 겪은 2차대전 이야기

1 minute read

할아버지께 직접 들은 이야기다. 인상깊어 옮겨본다. 나 역시 기억이 잘 나지 않아 오류가 있을 수 있다. 할아버지께 다시 여쭤봐야지. 고로 계속 수정 예정.

Back to top ↑

me

인터뷰

7 minute read

예전 회사에서 했던 인터뷰.

Back to top ↑

encoding

Back to top ↑

URI

Back to top ↑

Surface Pro3

서피스 프로3 포맷 삽질기

1 minute read

마이크로소프트 서피스 프로3(이하 서피스)의 OS를 재설치 할 일이 생겼다. 서피스는 편리하게도 다양한 재설치 및 초기화 옵션을 제공한다. 하지만 나는 그런걸 믿지 않는다. windows95 시절에 하드플로피 디스크 30장을 동원, 백업 후 포맷을 했다가 다 날려먹은 뼈아픈 기억 ...

Back to top ↑

format

서피스 프로3 포맷 삽질기

1 minute read

마이크로소프트 서피스 프로3(이하 서피스)의 OS를 재설치 할 일이 생겼다. 서피스는 편리하게도 다양한 재설치 및 초기화 옵션을 제공한다. 하지만 나는 그런걸 믿지 않는다. windows95 시절에 하드플로피 디스크 30장을 동원, 백업 후 포맷을 했다가 다 날려먹은 뼈아픈 기억 ...

Back to top ↑

짬뽕

파파짬뽕, 위태로움의 매력

less than 1 minute read

나는 짬뽕이라는 음식을 좋아하지 않는다. 한국 짬뽕의 주류인 해물 짬뽕은 더욱 그렇다. 비린 맛을 매운 맛으로 가리고, 매운 맛을 비린 맛으로 감추는 모양새가 영 못마땅하다. 아마도 분명하고 명쾌한 것을 좋아하는 나의 성향 때문일 터이다.

Back to top ↑

Halloween

Back to top ↑

github

Back to top ↑

principle

살사 배우는 이야기

2 minute read

얼마 전부터 지인의 강력한 권유로 살사를 배우기 시작했다. 그간 나는 춤과 인연이 전혀 없었다. 혼란스러웠던 세기말, 그 시절에 청소년기를 보냈다면 누구나 한 번쯤 따라해봤다는 HOT와 GOD의 춤조차 근처에도 가지 않았다. 그래도 내심 내가 잘 할거라는 자신은 있었다. 그간 운동...

Back to top ↑

선미

선미 - 2017년 인하공전 축제

less than 1 minute read

인하공전 축제 마지막 밤, 공연 무대의 최후를 장식하고자 온 선미를 보기 위해 수많은 인파가 몰렸다. 나 역시 기꺼이 함께 했다. 어떻게든 가까이서 보고 싶다는 열망으로 건장한 청년들과 부비적거리며 어찌어찌 다다른 곳은 무대 앞 15미터, 아쉽지만 그 이상은 어려운 거리였다. 그녀...

Back to top ↑

아름다움

선미 - 2017년 인하공전 축제

less than 1 minute read

인하공전 축제 마지막 밤, 공연 무대의 최후를 장식하고자 온 선미를 보기 위해 수많은 인파가 몰렸다. 나 역시 기꺼이 함께 했다. 어떻게든 가까이서 보고 싶다는 열망으로 건장한 청년들과 부비적거리며 어찌어찌 다다른 곳은 무대 앞 15미터, 아쉽지만 그 이상은 어려운 거리였다. 그녀...

Back to top ↑

천재성

선미 - 2017년 인하공전 축제

less than 1 minute read

인하공전 축제 마지막 밤, 공연 무대의 최후를 장식하고자 온 선미를 보기 위해 수많은 인파가 몰렸다. 나 역시 기꺼이 함께 했다. 어떻게든 가까이서 보고 싶다는 열망으로 건장한 청년들과 부비적거리며 어찌어찌 다다른 곳은 무대 앞 15미터, 아쉽지만 그 이상은 어려운 거리였다. 그녀...

Back to top ↑

survey

Back to top ↑

self hosted survey

Back to top ↑

LimeSurvey

Back to top ↑

self host

Back to top ↑

angularjs

Back to top ↑

IIS6

IIS6에서 JSON 내려받기

less than 1 minute read

IIS6.0에서 JSON을 내려받을 일이 생겼다. 그런데 잘 안된다. 이런 오류 메시지가 뜬다.

Back to top ↑

speculation

리플이 국산이라 좋아요

1 minute read

내게는 새마을금고에서 일하는 친구가 하나 있다. 이 친구는 동네의 작은 지점에서 일을 하는데, 이런 곳이 흔히 그렇듯 긴급한 업무만 얼른 보러가는 찬바람 부는 그런 은행이 아니다. 오히려 할일없는 동네 주민들이 들러 한 수다 떨고가는 마을 경로당 겸 사랑방과 비슷하다고 하겠다. 은...

Back to top ↑

ripple

리플이 국산이라 좋아요

1 minute read

내게는 새마을금고에서 일하는 친구가 하나 있다. 이 친구는 동네의 작은 지점에서 일을 하는데, 이런 곳이 흔히 그렇듯 긴급한 업무만 얼른 보러가는 찬바람 부는 그런 은행이 아니다. 오히려 할일없는 동네 주민들이 들러 한 수다 떨고가는 마을 경로당 겸 사랑방과 비슷하다고 하겠다. 은...

Back to top ↑

도토리

수필집 도토리

less than 1 minute read

물리학자이자 시인이었던 메이지-다이쇼 시대 일본인의 수필집. 담담하게 자연과 사물과 인간을 관찰하며 묘사한다. 수필에서 흔히 볼법한 감정의 과잉은 없다. 그렇기에 괜한 방해없이 그의 눈에 비치는 광경을 바로 눈 앞에서 보는 듯 빠져든다. 그렇다고 결코 무미無味하지는 않다. 그의 글...

Back to top ↑

시간을 달리는 여유

시간을 달리는 여유

less than 1 minute read

글을 읽다보면 가끔씩 그 필력에 사로잡힐 때가 있다. 장절함이든 속도감이든, 무엇이든 좋다. 문장이 뿜어내는 힘을 타고 정신없이 책을 넘기다보면 어느새 책장의 끝이 보이는 순간이 오는데, 그러면 문득 아쉬워하며 나도 이런 글을 써보고 싶은 것이다. 아사이 료의 ‘시간을 달리는 여유...

Back to top ↑

전철

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

지하철

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

출근

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

출퇴근

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

통근

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

허리

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

통증

전철 좌석에 앉아

less than 1 minute read

전철을 타고 긴 시간 통근을 한다는 것은 꽤나 고통스러운 일이다. 대체로 만원이고, 비좁고, 덥다. 그렇게 전철을 타고 내리는 사람들 사이에 끼어 서있노라면, 좌석에 앉아가는 승객들을 절로 부러운 눈으로 쳐다보기 마련이다. 어떻게든 앉아서 갈 심산으로 일찌감치 출근을 시작하여 자리...

Back to top ↑

무라카미 류

남자는 쇼핑을 좋아해

less than 1 minute read

나는 글 읽기를 좋아한다. 그리고 제법 많이 읽는 축에 속한다고 자부한다. 아무튼 늘 무언가를 읽고 있으니까. 하지만 그 주제는 대개 정해져 있다. 경제, 역사, 과학이 대부분이고, 문학류는 거의 읽지 않는다. 수필은 말할 필요도 없다. 요컨대 실용적인 글만 찾아본다는거다. 자연히...

Back to top ↑

남자는 쇼핑을 좋아해

남자는 쇼핑을 좋아해

less than 1 minute read

나는 글 읽기를 좋아한다. 그리고 제법 많이 읽는 축에 속한다고 자부한다. 아무튼 늘 무언가를 읽고 있으니까. 하지만 그 주제는 대개 정해져 있다. 경제, 역사, 과학이 대부분이고, 문학류는 거의 읽지 않는다. 수필은 말할 필요도 없다. 요컨대 실용적인 글만 찾아본다는거다. 자연히...

Back to top ↑

Bootstrap

Back to top ↑

jQuery

Back to top ↑

SourceTree

Back to top ↑

TortoiseGit

Back to top ↑

git log

Back to top ↑

pain

고통

less than 1 minute read

너에게 닥친 고난이 아무리 커보이더라도, 명심해라, 아직 빙산의 일각일 뿐이다.

Back to top ↑

IE

Back to top ↑

es6-promise

Back to top ↑

vue-cli

webpack에서 디버깅 환경 구성하기

1 minute read

webpack 시작 Vue.js 등의 프론트엔드 프레임워크를 사용해서 개발을 시작하면 webpack 사용을 피할 수 없다. webpack에서는 webpack-dev-server를 제공하는데, 개발시에 로컬 웹서버 역할을 해준다. webpack의 설정은 상당히 복잡하지만, 대부분...

Back to top ↑

sphinx

Sphinx로 번역 편하게 하기(원본 문서 업데이트 편)

less than 1 minute read

기술 문서를 작성할 때 sphinx를 사용하면 편리하다. 기술문서 번역을 한다면 sphinx-intl은 아주 유용하다. 그 장점에는 여러가지가 있지만, 기술 문서 번역자에게 가장 큰 고통을 주는 문제, 바로 원본 문서의 잦은 변경 또한 쉽게 해결해준다. 변경된 부분만 찍어서 알...

Back to top ↑

translation

Sphinx로 번역 편하게 하기(원본 문서 업데이트 편)

less than 1 minute read

기술 문서를 작성할 때 sphinx를 사용하면 편리하다. 기술문서 번역을 한다면 sphinx-intl은 아주 유용하다. 그 장점에는 여러가지가 있지만, 기술 문서 번역자에게 가장 큰 고통을 주는 문제, 바로 원본 문서의 잦은 변경 또한 쉽게 해결해준다. 변경된 부분만 찍어서 알...

Back to top ↑

GCM

FCM’s device token & GCM’s

less than 1 minute read

FCM’s device token is same with GCM’s device token because FCM includes GCM. But FCM’s token has more information than GCM’s. So if you want to convert FCM’s...

Back to top ↑

device token

FCM’s device token & GCM’s

less than 1 minute read

FCM’s device token is same with GCM’s device token because FCM includes GCM. But FCM’s token has more information than GCM’s. So if you want to convert FCM’s...

Back to top ↑

Chrome dev tools

Back to top ↑

rubber duck

고무 오리 디버깅

less than 1 minute read

Stack Overflow에 새로운 기능이 추가되었다. 화면 우측 하단을 보면 고무 오리가 천연덕스레 떠있다.

Back to top ↑

Stack Overflow

고무 오리 디버깅

less than 1 minute read

Stack Overflow에 새로운 기능이 추가되었다. 화면 우측 하단을 보면 고무 오리가 천연덕스레 떠있다.

Back to top ↑

April Fools' Day

고무 오리 디버깅

less than 1 minute read

Stack Overflow에 새로운 기능이 추가되었다. 화면 우측 하단을 보면 고무 오리가 천연덕스레 떠있다.

Back to top ↑

SK Planet

R.I.P SK Planet

2 minute read

요즘 스위프트로 iOS 앱을 개발하고 있다. 네이티브앱은 아니고 웹뷰로 이미 개발되어 있는 웹페이지를 띄워주는 앱인데, 열심히 개발하고 있자니 난데없이 화면이 하얗게 침묵했다. 불과 몇 초 전까지만 해도 잘 돌아가던 기능이다.

Back to top ↑

book

서평 Do it! Vue.js

1 minute read

나는 JavaScript가 어렵다. 일단 언어 자체부터 상당히 난해하다. 뿐만 아니라 하루가 멀다하고 새로운 기술이 나온다. 그냥 또 뭔가 나왔는가보다 하고 넘기기에는 너무나 매력적인 기술이라 놓칠 수도 없다. 그러는 사이에 세월은 흘렀고, 어느새 JavaScript는 단지 언어 ...

Back to top ↑

fcm

GCM에서 FCM으로 마이그레이션

less than 1 minute read

회사에서 운영하는 서비스 중 안드로이드 앱이 있는데, 이 앱에서는 아직도 GCM으로 push messege를 보내고 있다. 하지만 더이상 그럴 수 없는 상황이 되었다.

Back to top ↑

FireBase

GCM에서 FCM으로 마이그레이션

less than 1 minute read

회사에서 운영하는 서비스 중 안드로이드 앱이 있는데, 이 앱에서는 아직도 GCM으로 push messege를 보내고 있다. 하지만 더이상 그럴 수 없는 상황이 되었다.

Back to top ↑

aws-cli

aws cli 초기 설정

1 minute read

AWS의 서버리스 웹 애플리케이션 구축 튜토리얼을 따라하고 있다. AWS를 내가 직접 만지는건 3년만이다. 그간 모르긴 몰라도 많이 바뀌었다. aws cli조차도 구성하기 힘들었다. 튜토리얼을 따라하기 위하여 aws cli로 S3를 만질 수 있도록 설정하는 과정을 정리해보았다.

Back to top ↑

IAM

aws cli 초기 설정

1 minute read

AWS의 서버리스 웹 애플리케이션 구축 튜토리얼을 따라하고 있다. AWS를 내가 직접 만지는건 3년만이다. 그간 모르긴 몰라도 많이 바뀌었다. aws cli조차도 구성하기 힘들었다. 튜토리얼을 따라하기 위하여 aws cli로 S3를 만질 수 있도록 설정하는 과정을 정리해보았다.

Back to top ↑

es6

화살표 함수의 this(feat. Vue.js)

1 minute read

Vue.js로 만든 기존 코드를 es6로 바꾸는 작업을 하고 있다. 하다보니 methods를 정의할 때, 화살표 함수를 사용하면 안된다는 사실을 알게됐다. 아래와 같이 정리해 보았다. 이 글로부터 큰 도움을 받았다.

Back to top ↑

automate

git으로 work 폴더 백업 자동화하기

1 minute read

나는 게으른 사람이다. 그리고 뭔가를 백업하는건 아주 귀찮은 일이다. 소스코드는 그나마 낫다. 개발하고 수정할 때마다 git remote 서버로 push하면 된다. 하지만 작업용 및 관리용으로 들고 있는 work 폴더를 백업하는건 너무나도 귀찮은 일이다. 그러니 자동화하기로 했다....

Back to top ↑

shell

git으로 work 폴더 백업 자동화하기

1 minute read

나는 게으른 사람이다. 그리고 뭔가를 백업하는건 아주 귀찮은 일이다. 소스코드는 그나마 낫다. 개발하고 수정할 때마다 git remote 서버로 push하면 된다. 하지만 작업용 및 관리용으로 들고 있는 work 폴더를 백업하는건 너무나도 귀찮은 일이다. 그러니 자동화하기로 했다....

Back to top ↑

backup

git으로 work 폴더 백업 자동화하기

1 minute read

나는 게으른 사람이다. 그리고 뭔가를 백업하는건 아주 귀찮은 일이다. 소스코드는 그나마 낫다. 개발하고 수정할 때마다 git remote 서버로 push하면 된다. 하지만 작업용 및 관리용으로 들고 있는 work 폴더를 백업하는건 너무나도 귀찮은 일이다. 그러니 자동화하기로 했다....

Back to top ↑

history

Back to top ↑

NPM

npm audit fix

2 minute read

tl;dr: npm audit fix로 취약점을 해결하자

Back to top ↑

markdown

Back to top ↑

pdf.js

Back to top ↑

IIS

Back to top ↑

csharp

C#에서 JSON 다루기(Json.NET)

1 minute read

C#에서 Json.NET의 사용 예제를 정리해보았다. 왜냐면 내가 자꾸 잊어먹기 때문… 계속 업데이트 할 예정이다.

Back to top ↑

json

C#에서 JSON 다루기(Json.NET)

1 minute read

C#에서 Json.NET의 사용 예제를 정리해보았다. 왜냐면 내가 자꾸 잊어먹기 때문… 계속 업데이트 할 예정이다.

Back to top ↑

vuetify

Grid test

less than 1 minute read

I made a game using Vue.js, vuetify, firebase.

Back to top ↑

trade

Back to top ↑

growth

Back to top ↑

trade routes

Back to top ↑

Mediterranean sea trade

Back to top ↑

cat

고양이 언어도 통역이 되나옹?

1 minute read

어릴 적 시골의 우리 집 헛간에 눌러 살던 고양이 모녀가 있었다. 마침 방학이라 시간도 많았던지라, 그늘에 앉아 고양이 가족이 노는 모습을 지켜보는게 나의 일과였다. 처음에는 나를 몹시도 경계하던 고양이 가족이었지만, 곧 기묘한 관계가 형성되었다. 고양이 쪽에서 내게 먼저 다가오는...

Back to top ↑

MSSQL

MSSQL에서 \r\n(개행문자) replace

less than 1 minute read

HTML textarea로 만들어진 게시판을 TinyMCE로 교체하는 작업을 하던 도중, 개행문자가 DB에 CRLF(\r\n)로 저장되어 귀찮은 일이 생겼다.

Back to top ↑

tslint

Back to top ↑

love

Back to top ↑

인하대학교

Back to top ↑

Linux

Back to top ↑

BlueMix

Back to top ↑

deploy

Back to top ↑

cloud foundry

Back to top ↑

telegram

Back to top ↑

마라탕

동복식당

5 minute read

몇일 전, 출근길에 분주히 움직이는 한 무리의 일꾼들이 눈에 띄었다. 식당을 철거 중이었다. 영업을 중단한지 한 달 만이었다. 그곳은 내가 즐겨찾던 식당이었다.

Back to top ↑

crawling

크롤링 핵심 가이드 : 웹 사이트 크롤링을 위한 실전 테크닉

less than 1 minute read

토이 프로젝트에 크롤링이 필요하여 잡은 책이다. 하지만 프로젝트가 곧 엎어져(?) 버린 탓에 크롤러를 직접 만들 필요는 없었다. 이런 맥빠지는 일을 겪었지만 책을 덮을 수는 없었다. 웹 크롤링의 어려움이라 함은 결국 제대로 만들어지지 않은 웹페이지와의 싸움이다. 그리고 이 책은 바...

Back to top ↑

Army

어느 하급장교가 바라본 일본제국의 육군

1 minute read

이게 아닌 줄 알아도 조직은 굴러간다. 그렇게 스스로 굴러가다 보면, 거기에 취해있다 보면 무엇이 잘못인지조차 잊는다. 끝내는 파멸할테지만, 그렇게 된 다음에라도 깨달을 수 있을까? 무엇이 잘못이었는지.

Back to top ↑

.Net

Back to top ↑

Myth

북유럽 신화

less than 1 minute read

북유럽 신화의 신들은 모순적이다. 이들은 내가 평소 생각하던 신의 모습과는 다르다. 모든 것을 알고자 하나 실은 아무 것도 모르는, 혹은 몰랐던 신 오딘. 신이면서도 신이 아니며, 모든 신에게 종말을 내릴 자 로키. 누구보다 강하다지만 그 힘을 어찌 써야할지 무지한 토르. 신보다 ...

Back to top ↑

Jest

Back to top ↑

Xcode

Back to top ↑

JPA

Spring Data JPA Sort(Order by)

less than 1 minute read

Spring Data JPA를 쓰다가 Sorting이 안되는 고통을 겪었다. 평소처럼 Spring Data method명으로 order by를 먹이려는데, 왜인지는 모르겠으나 컬럼명을 발견하지 못하여, 쿼리문이 만들어지지 못하는 오류가 발생했다. 그래서 Sort 객체를 사용한 간단...

Back to top ↑

Spring

Spring Data JPA Sort(Order by)

less than 1 minute read

Spring Data JPA를 쓰다가 Sorting이 안되는 고통을 겪었다. 평소처럼 Spring Data method명으로 order by를 먹이려는데, 왜인지는 모르겠으나 컬럼명을 발견하지 못하여, 쿼리문이 만들어지지 못하는 오류가 발생했다. 그래서 Sort 객체를 사용한 간단...

Back to top ↑

War

AT WAR WITH THE TRUTH

less than 1 minute read

워싱턴 포스트가 놀라운 일을 해냈다. 할 말이 많지만 간단히 요약부터 해본다.

Back to top ↑

로마

리비우스 로마사(6~10권)를 읽고

1 minute read

갈리아인으로부터 로마를 탈환하고, 3차 삼니움 전쟁에 이르기까지를 다룬 책. 로마는 끊임없이 싸운다. 에트루리아인과 삼니움인, 그리고 그보다 약한 수 많은 부족들과 싸운다. 귀족 계급과 평민 계급의 싸움 역시 외적과의 싸움 이상으로 격렬했다. 어찌나 쉬지 않고 싸우는지 로마인 자신...

Back to top ↑

dev

개발일지 - 원인을 알 수 없는 오류

1 minute read

오늘은 정말이지 이상한 날이었다. 늘 그렇듯 아주 간단한 개발 요청이 한 건 들어왔고, 나는 몇 분 만에 기능을 구현했다. 아무 문제도 없었다. 하지만 끝이 아니었다. 방금 손을 보았던 그 기능의 바로 옆에 있는 기능이 더이상 정상 동작하지 않았다. 오류 메시지도 없었다. 마치 처...

Back to top ↑

Incheon

『인천』을 읽고 - 이윤생 강씨 정려

2 minute read

400년 전의 인천에 이윤생이라는 양반이 살았다. 그 당시 나라는 이미 외국과 한 차례 전쟁을 치뤘고, 다가오는 전쟁을 준비하고 있었다. 이윤생은 활 쏘고 말 달리기를 잘하여 무반 벼슬을 받았다. 이윤생이 정식으로 무과에 급제했는지, 그리고 그가 받은 관직인 중앙군 장교를 정말로 ...

Back to top ↑

liar

Back to top ↑

Vuex

Back to top ↑

코끼리

The Elephant Hunters of Bronze Age Syria (2013)

1 minute read

청동기 시대 시리아의 거대 도시 중 하나였던 Qatna의 왕궁 발굴 현장에서 코끼리뼈로 가득찬 방 2개가 발견되었다. 왕궁은 청동기 시대 중기에 건설되어 청동기 시대 말기(1340 B.C)에 파괴된 것으로 보인다. 코끼리 뼈가 있는 방의 높이는 5m 이상이고 가로, 세로 3미터가 ...

Back to top ↑

Back to top ↑

Ireland

Back to top ↑

c#

Back to top ↑

Docker

핵심만 콕! 쿠버네티스

less than 1 minute read

회사에서 급히 쿠버네티스를 사용할 일이 생겼다. helm chart를 알게 되었기 때문. 복잡한 운영환경 구축을 아주 쉽게 해준다는 마법같은 약속! 하지만 helm chart 구성을 수정하려고 하니 몹시 당황스러웠다. 그간 내가 쓰던 docker와 docker-compose 지식으...

Back to top ↑

earth

Back to top ↑

http

learning http/2

1 minute read

개발자 채용공고를 읽다보면 종종 이런 우대사항 혹은 필수사항을 발견한다.

Back to top ↑

prehistory

Back to top ↑

greece

Back to top ↑

dinosaur

Back to top ↑

American

Back to top ↑

Covid-19

Back to top ↑

culture

Back to top ↑

UFO

Back to top ↑

ivs-player

Back to top ↑

google

Back to top ↑

iOS

Back to top ↑

node_modules

Back to top ↑

set

Back to top ↑

pandemic

Back to top ↑

HTML5

Back to top ↑

Three.js

Three.js RGBAFormat vs RGBFormat

less than 1 minute read

2023.04.06. v0.151.3 기준으로 Three.js의 버전이 올라가면서 더이상 THREE.RGBFormat API를 사용할 수 없게 되었다.

Back to top ↑

Vite

Back to top ↑

video

Video buffer 크기 제한

less than 1 minute read

문제 HLS로 video를 재생하려는데, 최초 로딩시 너무 많은 네트워크 데이터를 사용한다. 나의 경우에는 최초 로딩시 무려 1분의 buffer를 하느라 60MB 가까운 데이터를 사용했다.

Back to top ↑

hls

Video buffer 크기 제한

less than 1 minute read

문제 HLS로 video를 재생하려는데, 최초 로딩시 너무 많은 네트워크 데이터를 사용한다. 나의 경우에는 최초 로딩시 무려 1분의 buffer를 하느라 60MB 가까운 데이터를 사용했다.

Back to top ↑

강화도

강화도 역사 연구

less than 1 minute read

강화 흥왕리 이궁지 발굴조사보고서, 2019, 국립강화문화재연구소 본격적인 발굴이라기보다는 지표조사였다. 오랜 시간이 흘러 남아 있는 것은 드물었다. 담장의 흔적과 기단, 그리고 2개의 건물 뿐이었다. 정말로 이곳은 고려의 궁궐이었을까? 개경 천도 이후에는 어떤 곳이었고, 조선 시...

Back to top ↑

영산강

영산강 연구

1 minute read

영산강 유역의 고대고분 정밀분포조사보고서, 2011, 국립나주문화재연구소 엄다 재동 마을의 마한 고분은 오래 전부터 나의 마음을 잡아 끌었다. 이 경치 좋은 언덕에 무덤을 쓴 사람은 누구일까? 누구였기에 2천년에 가까운 시간이 흘렀음에도 우뚝한 무덤을 남긴걸까? 그에 대한 기억은 ...

Back to top ↑

수달

영산강 연구

1 minute read

영산강 유역의 고대고분 정밀분포조사보고서, 2011, 국립나주문화재연구소 엄다 재동 마을의 마한 고분은 오래 전부터 나의 마음을 잡아 끌었다. 이 경치 좋은 언덕에 무덤을 쓴 사람은 누구일까? 누구였기에 2천년에 가까운 시간이 흘렀음에도 우뚝한 무덤을 남긴걸까? 그에 대한 기억은 ...

Back to top ↑

고분

영산강 연구

1 minute read

영산강 유역의 고대고분 정밀분포조사보고서, 2011, 국립나주문화재연구소 엄다 재동 마을의 마한 고분은 오래 전부터 나의 마음을 잡아 끌었다. 이 경치 좋은 언덕에 무덤을 쓴 사람은 누구일까? 누구였기에 2천년에 가까운 시간이 흘렀음에도 우뚝한 무덤을 남긴걸까? 그에 대한 기억은 ...

Back to top ↑

산성

영산강 연구

1 minute read

영산강 유역의 고대고분 정밀분포조사보고서, 2011, 국립나주문화재연구소 엄다 재동 마을의 마한 고분은 오래 전부터 나의 마음을 잡아 끌었다. 이 경치 좋은 언덕에 무덤을 쓴 사람은 누구일까? 누구였기에 2천년에 가까운 시간이 흘렀음에도 우뚝한 무덤을 남긴걸까? 그에 대한 기억은 ...

Back to top ↑

고고학

영산강 연구

1 minute read

영산강 유역의 고대고분 정밀분포조사보고서, 2011, 국립나주문화재연구소 엄다 재동 마을의 마한 고분은 오래 전부터 나의 마음을 잡아 끌었다. 이 경치 좋은 언덕에 무덤을 쓴 사람은 누구일까? 누구였기에 2천년에 가까운 시간이 흘렀음에도 우뚝한 무덤을 남긴걸까? 그에 대한 기억은 ...

Back to top ↑

stable diffusion

Back to top ↑

React

Back to top ↑

서울

대경성부대관

less than 1 minute read

10년이면 강산도 변한다는 옛말이 있다. 틀린 말이다. 적어도 근대 이후로는 말이다. 지도가 그려진지 100년이 지났으나, 지도를 손가락으로 짚으며 길과 건물을 살피노라면 여전히 100년 전 그 때 그 길을 걷는 것만 같다. 역사의 연구가 과거와 현재의 연결점을 찾는 작업이라면, ...

Back to top ↑

interview

Back to top ↑

Biome

Back to top ↑

bun

Back to top ↑