JS's Dev Note

Netlify(넷리파이)란? 코드를 밀어 넣기만 하면 전 세계에 배포되는 웹 배포 플랫폼 웹사이트나 앱을 만들고 나면 항상 마지막에 부딪히는 벽이 있습니다. 바로 "그래서 이걸 어떻게 인터넷에 올리지?"라는 질문이죠. 서버를 빌리고, Nginx를 설정하고, SSL 인증서를 발급받고, CDN을 붙이고… 코드보다 배포 준비가 더 오래 걸리는 경험, 다들 한 번쯤 있으실 겁니다. Netlify는 바로 이 귀찮은 과정 전부를 대신 처리해 주는 서비스입니다. 한 줄 요약 → Git에 코드를 push하면, Netlify가 빌드하고 배포해서 전 세계 CDN에 올려주는 플랫폼. 서버 관리 없이 몇 초에서 몇 분이면 사이트가 실제로 살아 움직입니다. ..

개인 프로젝트 · 자동화🧭 매일 아침, 증시 브리핑이 스스로 만들어지게 했다 — '마켓 나침반' 만든 이야기🔗 라이브 사이트: https://jsleeethan.github.io/market-compass/매일 아침 미국장이 끝나면, 어젯밤 시장이 어땠는지 한 장으로 정리된 브리핑이 자동으로 만들어져 웹에 올라옵니다. 출근길에 휴대폰으로, 회사 PC로, 어디서든 주소만 치면 볼 수 있죠. 사람이 손대는 건 없습니다. '마켓 나침반(Market Compass)' 이야기를 풀어봅니다.시작은 작은 불편이었다원래는 집에 있는 윈도우 PC의 예약 작업으로 매일 아침 브리핑을 만들고 있었습니다. 문제는 그 PC가 켜져 있을 때, 그 PC 앞에서만 볼 수 있다는 것. 회사에서, 카페에서, 폰으로 보고 싶은데 방법..

LINUX · AUTOMATION cron 완벽 정리 — 사용법, 실전 예제, 그리고 systemd timer와의 비교까지 서버에서 매일 새벽에 백업을 돌리고, 5분마다 로그를 수집하고, 매주 월요일에 리포트를 만들고 싶다면? 리눅스에는 이런 반복 작업을 자동으로 실행해주는 cron이 기본으로 내장되어 있습니다. 이 글에서는 cron의 개념부터 crontab 문법, 실전 예제, Python 스크립트를 돌릴 때 주의할 점, 그리고 현대적 대안인 systemd timer와의 비교까지 한 번에 정리합니다. 1. cron이란? cron은 유닉스/리눅스 계열 운영체제에 내장된 시간 기반 작업 스케줄러입니다. 사용자가 미리 등록해 둔 명령어나 스크립트를 정해진 ..

GitHub Pages & GitHub Actions 완벽 정리 무료 웹 호스팅부터 코드 자동 배포까지, 두 기능을 한 번에 이해하기. GitHub은 단순히 코드를 저장하는 곳이 아닙니다. Pages와 Actions 두 기능만 알아도, 내가 만든 사이트를 무료로 웹에 올리고(호스팅), 코드가 바뀔 때마다 자동으로 빌드·배포까지(자동화) 할 수 있습니다. 한 줄로 구분하면• GitHub Pages = 정적 웹사이트를 무료로 올려주는 "호스팅"• GitHub Actions = 정해진 작업을 자동으로 실행하는 "자동화(CI/CD)" 1. GitHub Pages — 무료 정적 웹 호스팅 GitHub 저장소(repository)에 HTML·CSS·JS 파일을 올려두면, GitHub가 그것을..

Claude Chat · Cowork · Code · Claude Code, 뭐가 다를까? 헷갈리는 Claude 4가지를 한 번에 정리하고, 언제 무엇을 써야 하는지 알아봅니다. Claude를 본격적으로 쓰기 시작하면 화면에 Chat · Cowork · Code 세 개의 탭이 보이고, 여기에 "Claude Code"라는 이름까지 등장해서 "도대체 뭐가 뭔지" 헷갈리기 쉽습니다. 이름만 보면 서로 경쟁하는 별개 제품 같지만, 사실은 그렇지 않습니다. 핵심은 한 문장입니다 — "같은 두뇌(동일한 모델), 다른 손."하나의 능력을 여러 개의 문(인터페이스)으로 노출한 것이고, 각 문은 ① 누구를 위해 ② 어디서 실행되며 ③ 얼마나 자율적으로 일하는지가 다를 뿐입니다. 아래에서 네 가지를..

Claude Skills 완벽 정리: 매번 같은 퀄리티를 보장하는 비결AI에게 "PPT 만들어줘"라고 했을 때 매번 결과물이 들쭉날쭉했던 경험, 다들 있으시죠? Claude Skills는 바로 그 문제를 해결합니다. 이번 글에서는 Skills가 무엇인지, 어떻게 동작하는지, 그리고 직접 만들고 설치하는 방법까지 정리해봤습니다.1. Claude Skills란?Claude Skills(공식 명칭: Agent Skills)는 2025년 10월 Anthropic이 발표한 기능으로, **특정 작업을 위한 지침·스크립트·참고 자료를 폴더 하나에 묶어둔 "능력 패키지"**입니다.각 스킬은 SKILL.md라는 파일을 중심으로 구성되는데, 이 파일에는 두 가지가 들어갑니다.YAML 프론트매터: 스킬의 이름(name)과 ..

개인정보처리방침JS's Dev Note (jisunglee.tistory.com) 는 이용자의 개인정보를 중요하게 생각하며, 관련 법령을 준수합니다. 1. 수집하는 개인정보 항목본 블로그는 별도의 회원가입 없이 운영되며, 다음과 같은 정보가 자동으로 수집될 수 있습니다. 방문 IP 주소브라우저 종류 및 OS 정보방문 일시 및 페이지 이용 기록쿠키(Cookie) 2. 개인정보 수집 목적수집된 정보는 다음 목적으로만 활용됩니다. 블로그 방문자 통계 분석 (Google Analytics)맞춤형 광고 제공 (Google AdSense)서비스 품질 개선 3. 개인정보 보유 및 이용 기간수집된 개인정보는 수집 목적이 달성된 후 즉시 파기합니다. 단, 관련 법령에 따라 일정 기간 보관이 필요한 경우 해당 기간 동안 ..