Posts by Tag

Vue에서 모바일 기기의 소프트 키보드가 열려있는지 확인하는 방법

less than 1 minute read

```javascript

Yarn4로 업그레이드(feat. AWS)

2 minute read

며칠 전에 Yarn4가 나왔다. 조만간 업그레이드 하려고 생각했으나, 문제는 당장 터졌다.

iframe의 js 코드에서 부모창의 dom을 찾으려면

less than 1 minute read

iframe의 js 코드에서 부모창의 dom을 찾으려면 parent.document 객체에서 검색해야 한다.

react-query에서 오류가 발생한 cache만 삭제하는 법

less than 1 minute read

QueryCache에서 error response body를 캐싱하지 않도록 하자.

react-query 에러 처리시 주의할 점

2 minute read

react-query mutation을 state store로 쓸 수 있을까?

less than 1 minute read

react-query의 useQuery는 state 저장소의 역할을 할 수 있다. useQuery의 return값은 어느 컴포넌트에서 조회하든 같은 값을 반환한다.

react-query mutationCache subscribe 사용 예시

less than 1 minute read

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

javascript 조건부 객체 프로퍼티

less than 1 minute read

객체에 조건부로 프로퍼티를 추가할 때 사용하는 방법.

javascript Set 자료형이 object를 element로 한다면?

less than 1 minute read

javascript Set 자료형에 object를 element로 넣는다면, 각 element가 unique한지 어떻게 구별하는 기준은 무엇일까? object 안의 property value까지 비교할까?

on transition cancel

1 minute read

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

Android mobile Chrome의 scrollTop 오류

less than 1 minute read

Android mobile chrome에서는 알 수 없는 이유로 scroll이 최상단, 최하단까지 이동하지 않는 경우가 있다.

iOS safari에서의 scrollIntoView 메소드 오류 정리

less than 1 minute read

요약: safari는 scrollIntoView의 모든 option을 지원하지 않음 reference: https://caniuse.com/?search=scrollIntoView safari 13, 14에서 test함 오류 목...

Excel upload with Sheet.js(feat. Vue.js)

1 minute read

Working code link: CodePen

lodash 사용 예제

1 minute read

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

JavaScript console 객체의 신기한 메소드

less than 1 minute read

Chrome browser 기준이다.

Vue.js에서 lodash remove 오작동

less than 1 minute read

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

ndb를 사용하여 크롬 개발자 도구로 Node.js 디버깅하자

less than 1 minute read

새로 나온 Node.js 디버깅 도구(?)

FCM Push engine

less than 1 minute read

Server for FCM Admin

Javascript logger Winston 사용 예제

1 minute read

0. JavaScript Logger

Build a blog using Vue.js & Firebase

less than 1 minute read

It is working code on my blog

Vue login(sign in) with firebase auth

1 minute read

Login with Email and password

Vue image uploader to Firebase Cloud Storage

1 minute read

Where is Uploader component?

Auto rotate images using Firebase Functions

1 minute read

Rotate images by EXIF orientation infomation

Grid test

less than 1 minute read

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

ERR_CACHE_OPERATION_NOT_SUPPORTED on pdf.js

less than 1 minute read

현상

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 2.7 + vitest 사용시 주의점

3 minute read

1. vitest 설정

Error: Cannot find module ‘@vue/babel-preset-application’

less than 1 minute read

After Upgrading vue-cli from v3 to v4, you got an error message like below on typing any npm script.

Vuex에서 다른 모듈의 action 호출하기

less than 1 minute read

dispatch를 쓰면 된다.

Excel upload with Sheet.js(feat. Vue.js)

1 minute read

Working code link: CodePen

Vue CLI 패키지 매니저 변경하기

less than 1 minute read

Vue CLI를 사용하다 보면 이런 에러가 발생할 때가 있다.

Vue.js devtools v5 beta

less than 1 minute read

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

Android KitKat 이하 버전에서 Vue.js 웹뷰를 돌리자

1 minute read

사건

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를 배포하는 순서를 정리해보았다.

Internet Explorer에서 element-ui 사용하기(한글 입력 오류)

1 minute read

UPDATE: 오류 발생 확인(v2.9.1)

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 ...

Vuetify 사용기

1 minute read

고뇌

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에서 Vuex와 함께 동적 컴포넌트(다이나믹 컴포넌트) 사용하기

1 minute read

Vue.js에서 화면을 이동 혹은 변경할 때, 나는 2가지 방법 중 하나를 사용한다.

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

less than 1 minute read

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

Vue.js에서 SurveyJS로 설문조사 서비스 만들기

1 minute read

설문조사 서비스를 만들었다. Vue.js와 SurveyJS를 사용하여 SPA로 만들었다. 소스코드는 여기서 볼 수 있다.

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의 설정은 상당히 복잡하지만, 대부분...

IE에서 Vue.js 사용하기

1 minute read

1. ‘Promise’이(가) 정의되지 않았습니다.

Vue에서 Boostrap와 jquery 사용하기

less than 1 minute read

Update! 2019-08-04

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

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

인천 이음 카드 사용기

1 minute read

인천 이음 카드를 1달 이용한 후 쓰는 사용기

리누스 토발즈, 재미있고 위대한 공유

less than 1 minute read

산업의 초창기에는 이런 일도 가능하다. 신화적인 이야기다. 하지만 여전히 어딘가 기회는 있을지 모른다.

w1 복제 짝퉁 공기팟 개봉기

less than 1 minute read

알리 익스프레스에서 w1칩을 복제한 짝퉁 공기팟을 샀다. 결론은…

골전도 헤드폰 V9 구입 및 사용기

less than 1 minute read

AliExpress에서 V9을 구매했다. 내 생에 첫 골전도 헤드폰이다.

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

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

임나

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는 단지 언어 ...

AngularJS의 filter

less than 1 minute read

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

Error: Cannot find module ‘@vue/babel-preset-application’

less than 1 minute read

After Upgrading vue-cli from v3 to v4, you got an error message like below on typing any npm script.

backdrop-filter로 모달 뒤를 날리자

less than 1 minute read

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

Vuex에서 다른 모듈의 action 호출하기

less than 1 minute read

dispatch를 쓰면 된다.

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.

Luxon formatting to 2020-08-21 AM 9:19:11

less than 1 minute read

Luxon is a small version of Moment. Let’s get it.

Vue CLI 패키지 매니저 변경하기

less than 1 minute read

Vue CLI를 사용하다 보면 이런 에러가 발생할 때가 있다.

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...

정규식으로 URL 쿼리스트링에서 특정 파라미터 추출

less than 1 minute read

Internet Explorer는 URLSearchParams를 지원하지 않는다. 그래서 URL 쿼리스트링을 다루기가 귀찮아진다.

AngularJs에서 ng-repeat 렌더링 종료 후 콜백 함수 실행하기

less than 1 minute read

AngularJS는 DOM 렌더링 완료 후에 콜백 함수를 실행하게 하는 기능이 없다. 직접 만들어줘야 한다.

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

less than 1 minute read

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

Internet Explorer에서 element-ui 사용하기(한글 입력 오류)

1 minute read

UPDATE: 오류 발생 확인(v2.9.1)

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 ...

Vuetify 사용기

1 minute read

고뇌

Angular-UI-Router와 함께 쓰는 ocLazyLoad 예제

1 minute read

이제는 애증의 물건이 되어버린 AngularJS. Angular-UI-Router를 사용하여 지연 로드(lazy load)를 구현해보았다. 지연 로딩을 위해 ocLazyLoad를 사용했다.

Angular Ui Router Needs Polyfill

less than 1 minute read

This problem was Fixed version 1.0.20!! (thanks betty!)

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

Vue 컴포넌트 깊숙히 숨어있는 DOM을 찾자

less than 1 minute read

환경 Vue 2.7 <script setup> 문법 사용

Vue3 input의 model과 화면에 보이는 값이 불일치하면?

1 minute read

환경 Vue 2.7 <script setup> 문법 사용

Vuetify에서 Jest 초기 셋업

1 minute read

환경

Vuetify에서 tslint 설정

5 minute read

처음 Vuetify를 Add하고 프로젝트를 빌드하면 warning이 많이 뜬다.

typescript에서 Vuetify import 오류 해결

less than 1 minute read

환경

Vue.js 프로젝트 구조 - views와 components의 차이

less than 1 minute read

누군가에게 설명해주려는데 갑자기 기억이 나지 않아서 당황했다. 그래서 정리를 해보았다.

Build a blog using Vue.js & Firebase

less than 1 minute read

It is working code on my blog

Vue login(sign in) with firebase auth

1 minute read

Login with Email and password

Vue image uploader to Firebase Cloud Storage

1 minute read

Where is Uploader component?

Vue CLI 3에서의 Webpack 설정

1 minute read

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

Get image’s EXIF data on Vue.js

less than 1 minute read

I wrote codes get EXIF data of image using Vue.js for liks79 who is my dear friend.

Vue CLI 3 사용 소감

less than 1 minute read

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

awk 예제

less than 1 minute read

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

AWS CodeDeploy에서 LastModified가 30일 지난 파일들을 삭제하는 bash script

less than 1 minute read

AWS S3에 예전 배포 파일들이 쌓여있으면 관리하기 어렵다. 배포를 자주 할 수록 더욱 그렇다. 그러니 파일 변경일을 기준으로 30일 이상 지난 파일을 삭제해보자.

AWS CodeDeploy build artifact 남기기

less than 1 minute read

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

AWS CloudFront error page 설정에서 주의할 점

less than 1 minute read

CloudFront(이하 CF)에서 error page redirection은 1회의 request에서 1회만 가능하다. 2회 이상 동작하지 않는다. 예를 들어보자.

AWS codeBuild에서 build artifact와 source artifact

less than 1 minute read

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

CloudFront에 HTTP request를 보낼 때, 존재하지 않는 method(HTTP Verb)로 보내면 어떻게 될까?

less than 1 minute read

CloudFront(이하 CF)에 HTTP request를 보낼 때, 존재하지 않는 method(HTTP Verb)로 보내면 어떻게 될까?

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 가 떠도 의도한 바라면...

AWS CloudFront caching

less than 1 minute read

CORS header 설정도 캐싱한다

AWS CloudFront에서 S3의 index.html을 찾지 못하는 현상

less than 1 minute read

현상 CloudFront -> S3로 index.html 파일을 요청했는데 이런 오류가 발생

IVS Player Cannot read property ‘collectLogs’ of undefined 오류

less than 1 minute read

update: 20210811

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

less than 1 minute read

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

Firebase Cloud Firestore 데이터베이스에 안전하지 않은 규칙이 있습니다

less than 1 minute read

현상

Build a blog using Vue.js & Firebase

less than 1 minute read

It is working code on my blog

Vue login(sign in) with firebase auth

1 minute read

Login with Email and password

Vue image uploader to Firebase Cloud Storage

1 minute read

Where is Uploader component?

Auto rotate images using Firebase Functions

1 minute read

Rotate images by EXIF orientation infomation

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를 배포하는 순서를 정리해보았다.

변신

less than 1 minute read

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

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

less than 1 minute read

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

서평 서울 선언

less than 1 minute read

나는

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

less than 1 minute read

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

서평 처음 만나는 알고리즘

1 minute read

요즘 종일 Vue.js만 보고 있었더니, 함께 일하는 나이 지긋한(?) 개발자께서 이런 말을 하신다.

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

less than 1 minute read

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

서평 Do it! Vue.js

1 minute read

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

퀸즈갬빗 1화 vs 무협지 클리셰

less than 1 minute read

1.부모님

창작 빌런 정대건

less than 1 minute read

“나는 누구인가?”

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

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

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

숫자를 빠르게 변경시키는 커스텀 훅(feat. React)

1 minute read

숫자를 목표치까지 빠르게 변경시키는 커스텀 훅을 만들어보았다.

React에서 object를 useState로 관리할 때 주의할 점

less than 1 minute read

React에서 object를 useState로 관리한다면, setState를 할 때 반드시 새로 object를 만들어서 넣어라.

react useEffect는 dependency에 같은 값(?)이 들어오면 동작할까?

less than 1 minute read

React 개발하다가 생각난 거. Object destructing으로 받아온 string값이 useEffect의 dependency로 들어있을 경우, object는 바뀌되 그 안의 string property의 값은 변경되지 않으면, useEffect는 동작할까? 검증을 위해 몇...

react에서 iframe contentWindow가 null일 때

less than 1 minute read

iframe.contentWindow.postMessage(msg, '*');

create-react-app에서 npm run eject 두 번은 못한다고?

less than 1 minute read

create-react-app으로 react 개발을 하다가, webpack 설정이 궁금해서 npm run eject를 해봤다. 설정을 훑어보고 git checkout -f 로 원복했는데… 다시는 npm run eject를 할 수 없었다.

러닝 리액트 2판 리뷰

less than 1 minute read

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

react에서 CSS display none을 쓰면 어떤 일이?

less than 1 minute read

display: block -> display: none이 된 component는

11키티즈 개발에 사용한 기술과 사용 후기

2 minute read

40일의 개발 기간을 거쳐 11 키티즈를 런칭했다.

Setting scrollTop does not work while momentum scroll is ongoing. But there is a workaround.

1 minute read

Environment iOS Safari

scrollTop의 값을 수정하면, onscroll event가 발생한다

less than 1 minute read

scrollTop의 값을 수정하면, onscroll event가 발생한다

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...

크롬65 버전의 개발자도구 신기능(Local overrides)

less than 1 minute read

이거 정말 좋은건데 모르시는 분들이 있어 안타까움에 올린다.

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...

Could not find play-services-basement.aar

less than 1 minute read

Android studio에서 앱을 build하려고 하는데, 이런 오류가 발생했다.

Android Webview custom error page

1 minute read

Let’s launch a custom error page when the network is down in the Android WebView App.

Android NetworkOnMainThreadException 해결 by AsyncTask

less than 1 minute read

Android Honeycomb부터는 Main Thread에서 네트워킹 처리를 하면 안된다. 이를 어겼다가는 이런 에러가 뜬다!

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

less than 1 minute read

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

IBM Cloud에 Node.js로 만든 텔레그램봇 배포하기

2 minute read

0. 클라우드 난민

Deploying Node.js telegram bot on IBM BlueMix

1 minute read

It works on my Node.js project.

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

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의 장점은 다음과 같다.

Use git filter by type of change

less than 1 minute read

Which files have been deleted or modified? Use git diff --diff-filter=[(A|C|D|M|R|T|U|X|B)…​[*]]

Copy a changed or new files using GitLab-CI

less than 1 minute read

When using GitLab-CI, it is needed that finding changed or new files, and then copy & paste the files to server sometimes. The job is pretty simple.

git에서 commit간 변경된 파일 목록 조회

less than 1 minute read

커밋을 비교하여 변경된 파일의 목록을 뽑아보자

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

1 minute read

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

git으로 파일 변경 이력 확인하기

less than 1 minute read

git에서 파일의 변경 이력을 확인하는 방법은 간단하다. file_path에는 확인하고픈 파일의 경로를 넣어준다.

AWS s3api list-object-v2 사용 예시

less than 1 minute read

S3의 lastModified는 사용자가 변경할 수 없다. 이것은 S3의 사용 제한 사항이다(기능이다).

AWS CodeDeploy BlockTraffic 시간 단축

less than 1 minute read

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

예제를 통해 쉽게 따라하는 아마존 웹 서비스 AWS(Amazon Web Services)

less than 1 minute read

AWS 입문서. ‘당신이 지금 알아야 할 AWS’를 읽고 난 후, 보다 심화된 내용을 알고 싶어 읽은 책이다. 장단점을 정리해보았다.

당신이 지금 알아야 할 AWS

less than 1 minute read

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

aws cli 초기 설정

1 minute read

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

클린 애자일 요약

7 minute read

클린 애자일 1장 애자일 소개

markdown syntax highlighting 지원 언어 목록

less than 1 minute read

아래 링크는 markdown에서 syntax highlighting을 지원하는 language list다.

Vue.js에서 Vuex와 함께 동적 컴포넌트(다이나믹 컴포넌트) 사용하기

1 minute read

Vue.js에서 화면을 이동 혹은 변경할 때, 나는 2가지 방법 중 하나를 사용한다.

npm audit fix

2 minute read

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

xcopy에서 여러 개의 파일 및 디렉토리를 제외하고 복사하기

less than 1 minute read

tl:dr: xcopy의 /exclude: 옵션에 제외할 목록을 기술한 txt 파일을 넣으면 여러 파일과 디렉토리를 제외하고 복사할 수 있다.

Chrome GC timing

less than 1 minute read

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

Chromium behavior - wheel scroll while dragging on Windows OS

less than 1 minute read

HTML5 spec From the moment that the user agent is to initiate the drag-and-drop operation, until the end of the drag-and-drop operation, device input events ...

scrollable container에서 dragging 중에는 mouse wheel이 동작하지 않는 오류

less than 1 minute read

현상 오류 대상: scrollable container 현상 상세 dragging 중에는 scrollable container에서 mouse wheel event 동작하지 않음 scrollabl...

Google chrome browser의 drag ghost image 오류

less than 1 minute read

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

ERR_CACHE_OPERATION_NOT_SUPPORTED on pdf.js

less than 1 minute read

현상

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...

AngularJs에서 ng-repeat 렌더링 종료 후 콜백 함수 실행하기

less than 1 minute read

AngularJS는 DOM 렌더링 완료 후에 콜백 함수를 실행하게 하는 기능이 없다. 직접 만들어줘야 한다.

Angular-UI-Router와 함께 쓰는 ocLazyLoad 예제

1 minute read

이제는 애증의 물건이 되어버린 AngularJS. Angular-UI-Router를 사용하여 지연 로드(lazy load)를 구현해보았다. 지연 로딩을 위해 ocLazyLoad를 사용했다.

Angular Ui Router Needs Polyfill

less than 1 minute read

This problem was Fixed version 1.0.20!! (thanks betty!)

webpack4 bundle file name

2 minute read

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

웹팩으로 다른 프로젝트에서 번들링 한 파일을 가져다 쓰기

less than 1 minute read

다른 프로젝트에서 번들링 한 output 파일을 react 등 다른 frontend framework에서 가져다 쓸 수 있을까? 물론 이런 걸 하기 위해 모듈화를 하는 거지만, 간혹 레거시와 함께 해야 할 필요가 있을 때가 있다. craco를 쓰면 간단하다.

webpack build 결과물 경로 설정하기

less than 1 minute read

이 글은 webpack 4.11.1 버전을 기준으로 합니다.

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

1 minute read

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

Android KitKat 이하 버전에서 Vue.js 웹뷰를 돌리자

1 minute read

사건

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...

20180327 일기-안드로이드 개발

less than 1 minute read

시작 저 자신에게 자극을 주기 위해 뭐라도 해보자고 시작한 일기입니다. 그럼 시작!

Sign in은 언제 뜨는가?

1 minute read

sign-in

Content Security Policy(CSP)

less than 1 minute read

Content Security Policy(CSP) 정리

HTTP/2 versus HTTP/1.1

less than 1 minute read

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

ASP.NET2에서 HTTP Post method 사용하기

1 minute read

0. 문제

MSSQL Error code 213 Column name or number of supplied values does not match table definition

less than 1 minute read

When dealing with ms-sql, there are times when you encounter the following errors…

MSSQL OPENQUERY 특수문자 오류

less than 1 minute read

MSSQL에서 OPENQUERY를 할 때 이런 오류가 발생할 수 있다.

MSSQL OPENQUERY 특수문자 오류

less than 1 minute read

MSSQL에서 OPENQUERY를 할 때 이런 오류가 발생할 수 있다.

Merge in MSSQL

less than 1 minute read

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

CSSOM 과 inline-style

less than 1 minute read

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

react에서 CSS display none을 쓰면 어떤 일이?

less than 1 minute read

display: block -> display: none이 된 component는

z-index stacking order

less than 1 minute read

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

CSS flex-direction property의 값이 column-reverse 일 때의 scrollTop

less than 1 minute read

요약 flex-direction: column-reverse 일 때 scrollTop의 기준은 scroll 최하단이다 scrollTop은 -n ~ 0의 값을 가진다 scroll-bar가 ...

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

1 minute read

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

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

less than 1 minute read

할아버지께 들은 한국전쟁 이야기. 아마도 여러 에피소드를 소개할 수 있을 듯 하다. 가급적 연재할 예정.

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

1 minute read

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

Enable CORS on Google Chrome

less than 1 minute read

1. Move to Google Chrome directory

크롬65 버전의 개발자도구 신기능(Local overrides)

less than 1 minute read

이거 정말 좋은건데 모르시는 분들이 있어 안타까움에 올린다.

크롬61에서 리소스 url에 < 기호 포함시 blocking 당하는 문제 해결

less than 1 minute read

운영하는 서비스 중 ASP와 Visual Basic으로 만들어진 구닥다리 사이트가 하나 있다. 어느 날 google chrome에서 사이트를 열어보니 화면 한 구석이 휑하다.

파트너

1 minute read

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

첫 공연 후 1년이 지나

less than 1 minute read

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

살사 배우는 이야기

2 minute read

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

파트너

1 minute read

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

첫 공연 후 1년이 지나

less than 1 minute read

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

살사 배우는 이야기

2 minute read

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

aspx에서 ascx로 데이터 전송

less than 1 minute read

이걸 찾느라 너무나 오랜 시간을 고통받았다.

ASP.NET2에서 HTTP Post method 사용하기

1 minute read

0. 문제

ASP.NET 2.0와 함께 하는 AngularJS 개발 이야기

1 minute read

0. 기묘한 조합

Excel upload with Sheet.js(feat. Vue.js)

1 minute read

Working code link: CodePen

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을 내려받을 일이 생겼다. 그런데 잘 안된다. 이런 오류 메시지가 뜬다.

남자는 쇼핑을 좋아해

less than 1 minute read

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

시간을 달리는 여유

less than 1 minute read

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

수필집 도토리

less than 1 minute read

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

Python requests 모듈로 c#에 post request 보내기

less than 1 minute read

Python의 Requests 모듈로 C#에 json 데이터를 post request로 보낼 때 아래와 같은 500 에러를 맞이할 수 있다.

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

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

less than 1 minute read

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

docker로 ubuntu를 desktop처럼 돌리기

less than 1 minute read

docker로 ubuntu를 desktop처럼 돌리려면 아래 docker image를 pull 받아서 실행하면 된다.

gitlab-ce docker 버전 복구 삽질기

less than 1 minute read

0. 상황

docker로 gitlab 설치하기

4 minute read

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

Copy a changed or new files using GitLab-CI

less than 1 minute read

When using GitLab-CI, it is needed that finding changed or new files, and then copy & paste the files to server sometimes. The job is pretty simple.

gitlab-ce docker 버전 복구 삽질기

less than 1 minute read

0. 상황

docker로 gitlab 설치하기

4 minute read

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

객체지향의 사실과 오해

less than 1 minute read

오래 전 프로그래밍을 처음 배웠을 때가 생각난다. 나는 자바로 프로그래밍을 처음 시작했고, 당시 자바의 위상은 객체지향 패러다임의 현현과도 같았다. 현실 세계를 모사한다지만 결코 그래보이지 않는 객체 지향의 늪에 빠져, 나 역시 여느 사람 이상으로 꽤나 고생해서 익혀야 했다. 그리...

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의 문서를 참조하였다.

Copy a changed or new files using GitLab-CI

less than 1 minute read

When using GitLab-CI, it is needed that finding changed or new files, and then copy & paste the files to server sometimes. The job is pretty simple.

gitlab-ci ERROR Job failed exit status 4 해결

1 minute read

tl;dr

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

4 minute read

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

Deploying Node.js telegram bot on IBM BlueMix

1 minute read

It works on my Node.js project.

Node.js 정석

less than 1 minute read

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

ndb를 사용하여 크롬 개발자 도구로 Node.js 디버깅하자

less than 1 minute read

새로 나온 Node.js 디버깅 도구(?)

Vuetify에서 Jest 초기 셋업

1 minute read

환경

Vuetify에서 tslint 설정

5 minute read

처음 Vuetify를 Add하고 프로젝트를 빌드하면 warning이 많이 뜬다.

typescript에서 Vuetify import 오류 해결

less than 1 minute read

환경

2024년 1분기 영상물 리뷰 결산

3 minute read

산쇼다유 매끄럽고도 단순한 이야기가 끝날 때쯤 짧은 생각에 잠겼다. 인간의 도리란 무엇인지, 고통스러운 삶 속에서, 끝내 지켜야만 하는 바는 무엇인지를 생각한다.

조커

less than 1 minute read

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

영화 ‘메이트’

less than 1 minute read

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

상나라 정벌

less than 1 minute read

이 책을 읽은 소감을 한 마디로 말하자면 주공단에 대한 새삼스러운 존경심이다. 한 사람의 깨달음이 문명의 이정표를 바꾼 사례란 역사상 극히 드물다. 백읍고의 비극은 희씨 일가 모두에게 큰 충격이었겠으나, 이를 받아들이는 방법은 각자 달랐다. 문왕은 신의 뜻을 헤아리고자 했고, 무왕...

오규 소라이의 성리학 비판

1 minute read

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

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

less than 1 minute read

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

typescript에서 여러 개의 type을 붙이고 싶다면

less than 1 minute read

Intersection Types를 쓰면 된다.

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

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

Apache HTTP server에 CSP(Content Security Policy) header 설정

less than 1 minute read

httpd.conf에다가

Apache HTTP Server에 mime type 추가

less than 1 minute read

Apache HTTP Server에 mime type을 추가하려면?

Configuring Apache HTTP Server based on web browser

less than 1 minute read

You can configure Apache HTTP Server’s response header based on web browser. Example is below.

npm audit으로 보안취약점을 발견했을 때의 조치

1 minute read

상황

node_modules의 구조와 유령 의존성(phantom dependency)

less than 1 minute read

node_modules의 구조

npm audit fix –force 주의점

less than 1 minute read

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

서양기문

1 minute read

1700년 일본 최고 지성이자 사상적 괴객 아라이 하쿠세키가 바라본 서양 문명, 그리고 종교적 헌신을 위해 목숨을 바친 에스파냐 선교사 조반니 사도티의 이야기다. 불과 4번의 만남이었을 뿐이지만, 아라이 하쿠세키와 조반니 사도티는 서로의 지성과 인품을 인정한다. 하지만 막부의 신하...

일본의 슬픔

less than 1 minute read

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

github page theme 업데이트

less than 1 minute read

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

jekyll을 이용한 블로그 구축기

3 minute read

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

IBM Cloud에 Node.js로 만든 텔레그램봇 배포하기

2 minute read

0. 클라우드 난민

챗봇과 생각에 관한 생각

1 minute read

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

Google Bard와 윤리학을 논하다

6 minute read

이하 질문은 나, 답변은 Google Bard

챗봇과 생각에 관한 생각

1 minute read

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

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

1 minute read

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

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

less than 1 minute read

할아버지께 들은 한국전쟁 이야기. 아마도 여러 에피소드를 소개할 수 있을 듯 하다. 가급적 연재할 예정.

고통

less than 1 minute read

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

리플이 국산이라 좋아요

1 minute read

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

axios 멀티 리퀘스트 보내기

less than 1 minute read

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

IE에서 Vue.js 사용하기

1 minute read

1. ‘Promise’이(가) 정의되지 않았습니다.

크롬65 버전의 개발자도구 신기능(Local overrides)

less than 1 minute read

이거 정말 좋은건데 모르시는 분들이 있어 안타까움에 올린다.

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

1 minute read

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

R.I.P SK Planet

2 minute read

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

20180327 일기-안드로이드 개발

less than 1 minute read

시작 저 자신에게 자극을 주기 위해 뭐라도 해보자고 시작한 일기입니다. 그럼 시작!

R.I.P SK Planet

2 minute read

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

20180327 일기-안드로이드 개발

less than 1 minute read

시작 저 자신에게 자극을 주기 위해 뭐라도 해보자고 시작한 일기입니다. 그럼 시작!

FCM Push engine

less than 1 minute read

Server for FCM Admin

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...

ndb를 사용하여 크롬 개발자 도구로 Node.js 디버깅하자

less than 1 minute read

새로 나온 Node.js 디버깅 도구(?)

고무 오리 디버깅

less than 1 minute read

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

unix zip exclude directory

less than 1 minute read

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

리눅스에 Java10 설치하기

less than 1 minute read

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

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

less than 1 minute read

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

서평 처음 만나는 알고리즘

1 minute read

요즘 종일 Vue.js만 보고 있었더니, 함께 일하는 나이 지긋한(?) 개발자께서 이런 말을 하신다.

Vue.js에서 SurveyJS로 설문조사 서비스 만들기

1 minute read

설문조사 서비스를 만들었다. Vue.js와 SurveyJS를 사용하여 SPA로 만들었다. 소스코드는 여기서 볼 수 있다.

SurveyJS의 visibleIf 속성

less than 1 minute read

SurveyJS로 설문조사 서비스를 개발하다가 발견한 것을 공유한다.

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

1 minute read

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

webpack build 결과물 경로 설정하기

less than 1 minute read

이 글은 webpack 4.11.1 버전을 기준으로 합니다.

Visual Studio Code에서 2개 단어를 동시에 포함하는 파일을 검색하자

less than 1 minute read

Visual Studio Code로 단어 2개를 동시에 포함하는 파일을 검색해보자.

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

less than 1 minute read

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

gitlab-ci ERROR Job failed exit status 4 해결

1 minute read

tl;dr

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

4 minute read

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

gitlab-ci ERROR Job failed exit status 4 해결

1 minute read

tl;dr

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

4 minute read

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

gitlab-ci ERROR Job failed exit status 4 해결

1 minute read

tl;dr

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

4 minute read

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

gitlab-ci ERROR Job failed exit status 4 해결

1 minute read

tl;dr

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

4 minute read

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

gitlab-ci ERROR Job failed exit status 4 해결

1 minute read

tl;dr

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

4 minute read

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

Excel upload with Sheet.js(feat. Vue.js)

1 minute read

Working code link: CodePen

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...

Javascript logger Winston 사용 예제

1 minute read

0. JavaScript Logger

IIS Log 분석

less than 1 minute read

가내수공업적 로그 분석

고전 게임 리뷰 <SWIV 3D>

less than 1 minute read

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

페르시아의 왕자

less than 1 minute read

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

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

less than 1 minute read

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

MSSQL active connection 확인

less than 1 minute read

Microsoft SQL Server에서 프로그램당 active connection의 숫자를 확인하자.

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는 이를 감지하지 못한다.

모두의 HTML5 & CSS3

less than 1 minute read

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

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

less than 1 minute read

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

Vuetify에서 tslint 설정

5 minute read

처음 Vuetify를 Add하고 프로젝트를 빌드하면 warning이 많이 뜬다.

typescript에서 Vuetify import 오류 해결

less than 1 minute read

환경

Naver Cloud Platform Map’s API

less than 1 minute read

Naver 지도 Open API가 2019년 04월 15일자로 서비스 종료된다.

CORS 문제 해결

less than 1 minute read

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

Deploying Node.js telegram bot on IBM BlueMix

1 minute read

It works on my Node.js project.

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

IBM Cloud에 Node.js로 만든 텔레그램봇 배포하기

2 minute read

0. 클라우드 난민

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

backdrop-filter로 모달 뒤를 날리자

less than 1 minute read

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

모두의 HTML5 & CSS3

less than 1 minute read

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

헌법을 쓰는 시간

less than 1 minute read

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

이라크 헌법 전문

less than 1 minute read

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

HOL(Head of line blocking)

less than 1 minute read

HOL(head of line): TCP에서의 전송 지연으로 인한 레이턴시

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

less than 1 minute read

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

로마 황제의 손가락을 이어 붙이다

less than 1 minute read

After 500 Years, an Ancient Bronze Hand Is Rejoined to a Finger

카르타고인 혐오를 멈춰주세요

less than 1 minute read

iOS 패키지 매니저 아님

Yarn4로 업그레이드(feat. AWS)

2 minute read

며칠 전에 Yarn4가 나왔다. 조만간 업그레이드 하려고 생각했으나, 문제는 당장 터졌다.

node_modules의 구조와 유령 의존성(phantom dependency)

less than 1 minute read

node_modules의 구조

msw에서 status만 응답하도록 하는 코드

less than 1 minute read

200 ok status만 응답하는 코드

webpack 프로젝트에 msw(mock service worker)를 적용

less than 1 minute read

msw(mock service worker) msw란? api 응답을 모킹하는 서비스 워커.

MLX로 한국어 학습 feat. Mistral 7B

less than 1 minute read

목표

Lora with MLX

1 minute read

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

bun + vite build 에서 환경변수 설정이 되지 않는 오류 해결

less than 1 minute read

환경 vite v3.6.0 bun v1.0.26

vite v5 https setting

less than 1 minute read

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

가상 면접 사례로 배우는 대규모 시스템 설계 기초2

less than 1 minute read

가상 면접 사례로 배우는 대규모 시스템 설계 기초2, 2024, 인사이트, 알렉스 쉬 & 산 람, 이병준 역

자바스크립트로 배우는 SICP

less than 1 minute read

10년만 일찍 이 책을 만났으면 어땠을까 싶다. 컴퓨터 공학에 대한 공부를 어디서부터 시작해야할지 도통 감을 잡을 수 없어 괴로워하던 그 시절에 이 책을 읽었으면 큰 도움이 되었으리라. 물론 컴퓨터 공학에 대한 나의 깨달음이 여전히 일천하여 이 책의 가르침을 충분히 소화해내지 못 ...

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

1 minute read

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

인터뷰

7 minute read

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

크롬61에서 리소스 url에 < 기호 포함시 blocking 당하는 문제 해결

less than 1 minute read

운영하는 서비스 중 ASP와 Visual Basic으로 만들어진 구닥다리 사이트가 하나 있다. 어느 날 google chrome에서 사이트를 열어보니 화면 한 구석이 휑하다.

크롬61에서 리소스 url에 < 기호 포함시 blocking 당하는 문제 해결

less than 1 minute read

운영하는 서비스 중 ASP와 Visual Basic으로 만들어진 구닥다리 사이트가 하나 있다. 어느 날 google chrome에서 사이트를 열어보니 화면 한 구석이 휑하다.

서피스 프로3 포맷 삽질기

1 minute read

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

서피스 프로3 포맷 삽질기

1 minute read

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

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

less than 1 minute read

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

Happy Halloween, github!

less than 1 minute read

Happy Halloween, github!

less than 1 minute read

살사 배우는 이야기

2 minute read

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

선미 - 2017년 인하공전 축제

less than 1 minute read

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

선미 - 2017년 인하공전 축제

less than 1 minute read

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

선미 - 2017년 인하공전 축제

less than 1 minute read

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

라임서베이 설문조사 서버 설치하기

1 minute read

0. 시작

라임서베이 설문조사 서버 설치하기

1 minute read

0. 시작

라임서베이 설문조사 서버 설치하기

1 minute read

0. 시작

라임서베이 설문조사 서버 설치하기

1 minute read

0. 시작

ASP.NET 2.0와 함께 하는 AngularJS 개발 이야기

1 minute read

0. 기묘한 조합

IIS6에서 JSON 내려받기

less than 1 minute read

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

리플이 국산이라 좋아요

1 minute read

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

리플이 국산이라 좋아요

1 minute read

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

수필집 도토리

less than 1 minute read

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

시간을 달리는 여유

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

전철 좌석에 앉아

less than 1 minute read

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

남자는 쇼핑을 좋아해

less than 1 minute read

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

남자는 쇼핑을 좋아해

less than 1 minute read

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

Vue에서 Boostrap와 jquery 사용하기

less than 1 minute read

Update! 2019-08-04

Vue에서 Boostrap와 jquery 사용하기

less than 1 minute read

Update! 2019-08-04

git으로 파일 변경 이력 확인하기

less than 1 minute read

git에서 파일의 변경 이력을 확인하는 방법은 간단하다. file_path에는 확인하고픈 파일의 경로를 넣어준다.

git으로 파일 변경 이력 확인하기

less than 1 minute read

git에서 파일의 변경 이력을 확인하는 방법은 간단하다. file_path에는 확인하고픈 파일의 경로를 넣어준다.

git으로 파일 변경 이력 확인하기

less than 1 minute read

git에서 파일의 변경 이력을 확인하는 방법은 간단하다. file_path에는 확인하고픈 파일의 경로를 넣어준다.

고통

less than 1 minute read

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

IE에서 Vue.js 사용하기

1 minute read

1. ‘Promise’이(가) 정의되지 않았습니다.

IE에서 Vue.js 사용하기

1 minute read

1. ‘Promise’이(가) 정의되지 않았습니다.

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

1 minute read

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

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

less than 1 minute read

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

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

less than 1 minute read

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

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...

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...

크롬65 버전의 개발자도구 신기능(Local overrides)

less than 1 minute read

이거 정말 좋은건데 모르시는 분들이 있어 안타까움에 올린다.

고무 오리 디버깅

less than 1 minute read

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

고무 오리 디버깅

less than 1 minute read

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

고무 오리 디버깅

less than 1 minute read

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

R.I.P SK Planet

2 minute read

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

서평 Do it! Vue.js

1 minute read

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

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

less than 1 minute read

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

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

less than 1 minute read

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

aws cli 초기 설정

1 minute read

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

aws cli 초기 설정

1 minute read

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

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

1 minute read

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

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

1 minute read

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

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

1 minute read

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

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

1 minute read

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

서평 서울 선언

less than 1 minute read

나는

npm audit fix

2 minute read

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

markdown syntax highlighting 지원 언어 목록

less than 1 minute read

아래 링크는 markdown에서 syntax highlighting을 지원하는 language list다.

ERR_CACHE_OPERATION_NOT_SUPPORTED on pdf.js

less than 1 minute read

현상

IIS Log 분석

less than 1 minute read

가내수공업적 로그 분석

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

1 minute read

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

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

1 minute read

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

Grid test

less than 1 minute read

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

철기 시대의 무역과 경제 성장

3 minute read

철기 시대의 무역과 경제 성장

철기 시대의 무역과 경제 성장

3 minute read

철기 시대의 무역과 경제 성장

철기 시대의 무역과 경제 성장

3 minute read

철기 시대의 무역과 경제 성장

철기 시대의 무역과 경제 성장

3 minute read

철기 시대의 무역과 경제 성장

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

1 minute read

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

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

less than 1 minute read

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

Vuetify에서 tslint 설정

5 minute read

처음 Vuetify를 Add하고 프로젝트를 빌드하면 warning이 많이 뜬다.

Technicalism a love story

less than 1 minute read

I heard a sad lyrics, technicalism love story.

인하대학교 우편분류실

less than 1 minute read

아래 사진은 인하대학교 우편분류실 입구다.

리눅스 서버 용량 확보 방법(log 간편 정리)

less than 1 minute read

관리가 제대로 되지 않고 있는 리눅스 서버가 하나 있다. 이 서버의 log 파일을 지우기 위해 사용하는 명령어를 사용 순서대로 정리해보았다.

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

Deploy python telegram bot on IBM Cloud

1 minute read

Updated! For new IBM Cloud on 2019.06.24.

Deploying Node.js telegram bot on IBM BlueMix

1 minute read

It works on my Node.js project.

동복식당

5 minute read

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

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

less than 1 minute read

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

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

1 minute read

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

.Net Core 3 Web API

less than 1 minute read

프로젝트 시작

북유럽 신화

less than 1 minute read

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

Vuetify에서 Jest 초기 셋업

1 minute read

환경

Clean up Xcode cache files on your Mac

less than 1 minute read

There is no side effect. I got 100Gb!

Spring Data JPA Sort(Order by)

less than 1 minute read

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

Spring Data JPA Sort(Order by)

less than 1 minute read

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

AT WAR WITH THE TRUTH

less than 1 minute read

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

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

1 minute read

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

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

1 minute read

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

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

2 minute read

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

The Good, the Bad and the Radically Dishonest

1 minute read

재미있는 기사가 있어 요약해보았다.

Vuex에서 다른 모듈의 action 호출하기

less than 1 minute read

dispatch를 쓰면 된다.

The Elephant Hunters of Bronze Age Syria (2013)

1 minute read

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

중국 문명의 기마술 도입 시기 350 B.C

less than 1 minute read

A Record of Horseback Riding, Written in Bone and Teeth를 읽고 쓴 글

아일랜드는 아직 제국주의적 과거를 받아들이지 않았다

less than 1 minute read

아일랜드와 영국 제국주의에 관한 재미있는 기사가 있어 소개한다. 이웃한 제국주의 국가로부터 식민 지배를 당한 한국의 입장에서도 생각할 거리가 있다.

Python requests 모듈로 c#에 post request 보내기

less than 1 minute read

Python의 Requests 모듈로 C#에 json 데이터를 post request로 보낼 때 아래와 같은 500 에러를 맞이할 수 있다.

핵심만 콕! 쿠버네티스

less than 1 minute read

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

고대 지구 자기장 붕괴에 대한 히치하이커의 가이드

less than 1 minute read

A Hitchhiker’s Guide to an Ancient Geomagnetic Disruption

learning http/2

1 minute read

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

세계에서 가장 오래된 목조 조각상

less than 1 minute read

How the World’s Oldest Wooden Sculpture Is Reshaping Prehistory

흑해 지방의 아폴론 신앙과 그리스 식민자

less than 1 minute read

Apollo’s Cult in the Black Sea Area and the Greek Colonists: Some Remarks(논문) 요약

얼마나 많은 티라노 사우르스가 살았을까?

less than 1 minute read

How Many Tyrannosaurus Rexes Ever Lived on Earth? Here’s a New Clue.

멸망한 미국 원주민 문명에 대체 무슨 일이 일어난건가?

less than 1 minute read

What Doomed a Sprawling City Near St. Louis 1,000 Years Ago?

코로나 19가 유행하는 동안 사라진 인플루엔자, 그 미래는?

less than 1 minute read

The Flu Vanished During Covid. What Will Its Return Look Like?

동물의 왕국에도 소셜 인플루언서가 있다

2 minute read

Meet the Other Social Influencers of the Animal Kingdom

내가 외계인을 찾는 물리학자인데, UFO 별 거 아니야

1 minute read

I’m a Physicist Who Searches for Aliens. U.F.O.s Don’t Impress Me.

IVS Player Cannot read property ‘collectLogs’ of undefined 오류

less than 1 minute read

update: 20210811

Consfused between 1 and !

less than 1 minute read

1, !(bang)… very confused even Google are.

iOS safari에서의 scrollIntoView 메소드 오류 정리

less than 1 minute read

요약: safari는 scrollIntoView의 모든 option을 지원하지 않음 reference: https://caniuse.com/?search=scrollIntoView safari 13, 14에서 test함 오류 목...

node_modules의 구조와 유령 의존성(phantom dependency)

less than 1 minute read

node_modules의 구조

javascript Set 자료형이 object를 element로 한다면?

less than 1 minute read

javascript Set 자료형에 object를 element로 넣는다면, 각 element가 unique한지 어떻게 구별하는 기준은 무엇일까? object 안의 property value까지 비교할까?

흑사병은 유럽인의 절반을 죽였는가?

less than 1 minute read

Did the ‘Black Death’ Really Kill Half of Europe? New Research Says No. 요약

HTML video tag onTimeUpdate 동작 주기

less than 1 minute read

HTML video tag의 onTimeUpdate 프로퍼티에 박히는 콜백은 가장 느릴 경우 250ms 마다 1회 동작한다.

Three.js RGBAFormat vs RGBFormat

less than 1 minute read

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

Vite의 polyfill은 vue-tsc와 별도로 동작한다

less than 1 minute read

Vite의 자동 폴리필과 vue-tsc의 타입 체크는 완전히 따로 논다.

Video buffer 크기 제한

less than 1 minute read

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

Video buffer 크기 제한

less than 1 minute read

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

강화도 역사 연구

less than 1 minute read

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

영산강 연구

1 minute read

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

영산강 연구

1 minute read

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

영산강 연구

1 minute read

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

영산강 연구

1 minute read

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

영산강 연구

1 minute read

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

stable diffusion with mlx

less than 1 minute read

목표: 애플 실리콘으로 stable diffusion 2를 돌려보자

모던 리액트 Deep Dive

less than 1 minute read

모던 리액트 Deep Dive, 2022, 위키북스, 김용찬

대경성부대관

less than 1 minute read

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

가상 면접 사례로 배우는 대규모 시스템 설계 기초1

less than 1 minute read

가상 면접 사례로 배우는 대규모 시스템 설계 기초, 2021, 인사이트, 알렉스 쉬, 이병준 역

eslint/prettier 못 쓰겠다. Biome로 갈아보자

1 minute read

eslint와 prettier의 개발 경험은 불쾌하다. 그 이유는

bun + vite build 에서 환경변수 설정이 되지 않는 오류 해결

less than 1 minute read

환경 vite v3.6.0 bun v1.0.26

잃어버린 야생을 찾아서

less than 1 minute read

부재의 존재(Presence of absence)라는 개념을 처음 접했다. 과거에 존재했으나 현재는 더이상 존재하지 않는 모든 것은 그 빈자리로서 현재에 영향을 미친다. 이는 비단 자연 뿐만이 아니다. 우리의 마음에도 영향을 미친다. 예를 들어보자. 맹수가 존재하지 않는 세상에서 ...