사용하는 플러그인을 정리했다. 플러그인 목록 vim-fugitive Git 명령을 사용한다. https://github.com/tpope/vim-fugitive#installation https://dzx.fr/blog/introduction-to-vim-fugitive/ nerdtree 텍스트 파일관리자다. :NERDTree명령으로 시작하고 ? 키를 눌러서 사용법을 …

짧은 코드를 자랑한다. 커버리지를 물어보면 주눅이 든다. 당장 필요한지 물어보면 머뭇거린다. 진행시켜? 거꾸로, 서비스 코드를 고쳐야 하는 경우가 발생한다. 만들었지만 아무도 사용하지 않을 수 있다. 있었는데 없다. 효과를 검증하기 힘들어서 이야기를 꺼낼 때 당당하지 못하고 움츠러든다.

URL 자체에 데이터를 저장할 수 있다. — URL에 데이터를 저장하는 서비스를 찾았다. TypeScript 코드를 입력하고 결과를 바로 확인하는 서비스를 사용하고 있다. https://www.typescriptlang.org/play 코드를 입력하고 브라우저 새로 고침을 해도 입력하던 코드들이 남아 있어서 북 마크하고 계속 코딩했는데 다음날 저장했던 북 마크를 클릭했더니 어제 북 마크했던 시점까지의 …

HTTP HEAD를 사용하여 서버 시간을 읽는다. — 서버 시간이 필요할 때가 있다. HTTP Header의 Date를 사용하여 현재 서버 시간을 읽을 수 있다. 아래 코드를 사용한다. 브라우저에서 fetch('/', { method: 'HEAD' }) .then((r) => { console.log(r.headers.get('date')) }) Node에서 const axios = require('axios') axios .head('https://afrontend.medium.com/') .then(res => { console.log(res.headers.date) }) .catch(error => { console.error(error) }) 그리고 쉘에서도 읽을 수 있다.

해결사가 투입되었다. 나와 몇 명의 동료들이 회사를 떠날 예정이기 때문이다. 해결사와 같이 일한 적은 없지만 그 존재는 소문으로 들어서 알고 있었다. 어려운 문제가 발생하면 나타나서 문제를 해결한다고 해서 그렇게 불렸다. 개발자 몇 명이 나가는 것이 큰 문제이긴 했던 것일까? 빠른 일처리로 유명하고 회사에서 인 …

문자열을 인자로 전달하려면 타임존을 고려해야 한다. — new Date('2021-12-31 23:59:59') 위의 코드에서 Date 함수에 전달된 문자열이 어느 지역의 시간인지 굼금해서 살펴봤다. 리눅스에서 node를 사용하고 있음으로 node Welcome to Node.js v14.0.0. 아래 명령으로 어느 지역의 시간(타임존)인지 확인할 수 있다. file / …

거절하지 못한 후회 목록을 남긴다. 디자인 먼저 개발하시죠 그러면 안된다. 그 디자인과 연결된 기능이 언제 없어질지 모른다. 없어질 이유는 많다. 기획이 변경된다. 서버 개발이 미루어진다. 서버 개발이 불가능하다. 이번 릴리즈에는 포함하지 않는다. 릴리즈 일정이 확 앞당겨졌다. 다른 컴포넌트 가져다 쓰기로 했다. 등등 나중에 ‘그 디자인은 1 …

CSS로 div 가운데 두는 6가지 방법 — 한 줄의 CSS 코드를 사용해서 div 가운데 두기가 가능하면 좋겠지만 아직 찾지 못했다. 대신 여러 줄의 코드를 사용하여 가운데 두고 있다. 5가지 방법을 정리했다. 아래와 같은 중첩된 div 가 있다고 가정하고 안쪽 div를 바깥쪽 div의 가운데에 두겠다. a. padding 바깥 div의 pa …

만들고 있는 자바스크립트 프로그램 목록을 GitHub Page에 올려두었다. index.html 파일을 직접 수정하고 parcel로 묶은 다음에 커밋한다. 목록이 10개를 넘어서자 자동화하고 싶어 졌다. React, Vue 같은 프레임워크 혹은 라이브러리를 사용할까? 고민했지만 더 간단한 방법으로 해결했다. index.html 파일에서 반복되는 부분만 JSON을 사용해서 만들었다. 아래 부분이 반복되는 HTML 코드다. 이런 코드가 10번 정도 반복된다. 아래 내용으로 이루어진다. 제목 설명 링크들 이미지 이 내용을 JSON 파일로 만들었다. 아래는 그 중 일부다. 다음은 위의 JSON 데이터를 사용하여 HTML 코드를 만드는 스크립트다. 템플릿 엔진에서 유명한 mustatch를 사용했다. 다음은 글 목록에 사용할 CSS 코드다.