
Turborepo로 공용 프론트엔드 패키지 관리하기
Turborepo로 공용 프론트엔드 패키지 관리하기 내부 앱에서는 빠르게 검증하고, 외부 프로젝트에는 패키지처럼 배포하고 싶었다. 프론트엔드 프로젝트를 여러 개 운영하다 보면 공통 코드는 반드시 생긴다. 버튼, 모달, 훅, 유틸 함수, API 클라이언트, 타입 정의 같은 것들이다. 처음에는 한 프로젝트 안에서만 쓰다가,

Turborepo로 공용 프론트엔드 패키지 관리하기 내부 앱에서는 빠르게 검증하고, 외부 프로젝트에는 패키지처럼 배포하고 싶었다. 프론트엔드 프로젝트를 여러 개 운영하다 보면 공통 코드는 반드시 생긴다. 버튼, 모달, 훅, 유틸 함수, API 클라이언트, 타입 정의 같은 것들이다. 처음에는 한 프로젝트 안에서만 쓰다가,
![Cover Image for [n8n] 남는 Mac Mini로 자동화 서버 구축하기](/_next/image?url=%2Fassets%2Fblog%2Fcover%2Fn8n.jpg&w=2048&q=75)
남는 Mac Mini로 n8n 서버 구축하기 클라우드 없이, 월 구독료 없이, 집에서 돌리는 나만의 자동화 서버 왜 이걸 만들었나 서랍 속에 잠자고 있던 Intel Mac Mini가 있었다. 그냥 두기엔 아깝고, 뭔가 쓸모 있는 걸 해보고 싶었다. 마침 n8n이라는 걸 알게 됐다. Zapier나 Make처럼 워크플로우를
Next.js 마크다운 블로그에 giscus 댓글 붙이기 GitHub Discussions 기반으로, 서버 없이 댓글 기능 붙여보기 왜 giscus를 골랐나 블로그에 댓글을 붙이고 싶긴 했는데, 댓글 기능만을 위해 별도 서버나 DB를 두는 건 조금 과하다는 생각이 들었다. 지금 블로그는 마크다운 파일 기반으로 운영하고 있

이 블로그는 어떤 조합으로 만들었을까 블로그를 만들기 전에는 글만 올릴 수 있으면 된다고 생각했다. 그런데 막상 만들기 시작하니, 글을 쓰는 공간이면서 동시에 나를 설명하는 포트폴리오 역할도 해야 했다. 단순히 마크다운을 렌더링하는 수준을 넘어서, 글 목록 구조, 포스트 상세, 공유 메타데이터, 댓글, 문의 폼, 검색 노
![Cover Image for [vim] 플러그인 설치 방법](/_next/image?url=%2Fassets%2Fblog%2Fcover%2Fvim-plug.png&w=2048&q=75)
vim 에디터에 플러그인 설치하기 vim plug 설치하기 vim에서 플러그인을 사용하려면 먼저 vim plug 설치가 필요하다. /.vimrc에 플러그인 설정 추가하기 vim에서 :PlugInstall 실행하기 vim을 실행한 뒤 아래 명령어를 입력한다. 실행하면 다음과 같은 형태로 설치가 진행된다. 설치 확인 vim
![Cover Image for [vim] 에디터 사용법 정리](/_next/image?url=%2Fassets%2Fblog%2Fcover%2Fvim-key.gif&w=2048&q=75)
Vim 에디터 기본 사용법 정리 vim? vim은 vi의 확장판인 Vi Improved 에디터이다. .vimrc 설정 파일로 커스터마이징할 수 있고, 이전 글에서 다양한 설정 방법을 정리한 적이 있다. Vim 모드 설명 | 모드 | 설명 | 진입 방법 | | | | | | Normal Mode | 기본 명령 실행 | Es
![Cover Image for [vim] vimrc 로 vim 에디터 설정하기](/_next/image?url=%2Fassets%2Fblog%2Fcover%2Fvim.png&w=2048&q=75)
/.vimrc vim 을 편리하게 사용하기 위한 설정 방법입니다.

개인 블로그를 생성했다. 개발 일을 하면서 늘 블로그를 만들어야겠다는 생각은 하고 있었다. 배운 것을 정리하고, 만들며 고민한 과정을 남기고, 언젠가는 나만의 기록 공간이 하나쯤 있었으면 좋겠다고 여러 번 생각했다. 그런데 막상 시작하려고 하면 늘 우선순위에서 밀렸다. 일이 바쁘다는 이유도 있었고, 더 잘 정리한 뒤에 시