AI 도구 사용기

Vercel 가입부터 첫 배포까지 — GitHub 연동으로 자동 배포 설정하기

코드를 GitHub에 올리면 알아서 웹사이트가 배포된다. Vercel 가입부터 첫 배포 완료까지 순서대로 정리했다. 3줄 요약 Vercel은 GitHub에 코드를 올리면 자동으로 URL을 만들어주는 배포 서비스다. 무료 플랜(Hobby)으로 개인 프로젝트 운영에 충분하다. GitHub 저장소 연결 → Framework 자동 감지 → 첫 배포까지 5분이면 된다. 배포가 뭔지부터로컬에서 만든 웹사이트는 내 컴퓨터에서만 보인다. 다른 사람이 보려면 서버에 올려야 한다. 이걸 배포(deploy)라고 한다.예전에는 서버를 직접 빌리고, FTP로 파일을 올리고, 도메인을 연결하는 과정을 손으로 다 해야 했다. Vercel은 이 과정을 거의 없애버렸다. GitHub 저장소를 연결하면 코드를 올..

2026.06.16 읽기 →
AI 도구 사용기

Supabase 가입부터 첫 테이블 만들기까지 — PostgreSQL을 GUI로 다루기

데이터베이스가 필요한데 서버 관리는 하기 싫을 때 쓰는 게 Supabase다. 가입부터 첫 테이블 만들고 Next.js에 연결하기까지 정리했다.3줄 요약Supabase는 PostgreSQL DB + 인증 + 파일 저장소를 한 번에 제공하는 서비스다.무료 플랜으로 프로젝트 2개, DB 500MB까지 쓸 수 있다.SQL 몰라도 GUI Table Editor로 테이블을 만들고 데이터를 넣을 수 있다.언제 Supabase가 필요한가단순한 정적 데이터(JSON 파일)로 충분한 프로젝트라면 굳이 DB가 필요 없다. 투자 대시보드처럼 종목 정보가 고정되어 있고 시세만 갱신되면 JSON으로 관리해도 된다.그런데 사용자마다 다른 데이터를 저장하거나, 데이터가 자주 추가·수정·삭제되거나, 로그인 기능이 필요한 경우엔 DB..

2026.06.16 읽기 →
AI 도구 사용기

GitHub 가입부터 첫 Repository까지 — 코딩 몰라도 10분이면 된다

GitHub를 처음 쓰는 사람 기준으로 썼다. 가입부터 파일 올리기까지, 코딩 몰라도 따라할 수 있는 순서로 정리했다.3줄 요약GitHub는 "파일 변경 이력이 전부 남는 클라우드 저장소"다. 구글 드라이브와 그게 다르다.가입 → Repository 생성 → 파일 업로드까지 10분이면 된다.코딩 몰라도 GitHub Desktop이나 웹 UI로 충분히 쓸 수 있다.왜 GitHub인가투자 대시보드를 만들면서 처음으로 GitHub를 제대로 쓰게 됐다. 그 전까지는 이름만 알고 있었다. 개발자들 쓰는 거라고 생각했다.막상 써보니 핵심은 단순하다. 파일을 올리면 변경 이력이 전부 남는다. 어제 버전, 지난주 버전, 한 달 전 버전으로 언제든 되돌릴 수 있다. 구글 드라이브도 버전 관리가 되긴 하지만, GitHub..

2026.06.16 읽기 →
AI 도구 사용기

Perplexity AI 실전 리뷰 — ChatGPT와 다른 점과 실전 활용법

📋 3줄 요약 Perplexity는 답변마다 출처 링크가 붙는 AI 검색 도구다. ChatGPT는 학습한 지식으로 답하고, Perplexity는 지금 웹을 검색해서 답한다. 투자 뉴스나 게임산업 동향 파악에 쓸 만하다. 단, 출처를 직접 확인해야 한다. ChatGPT와 뭐가 다른가한 줄 정리: ChatGPT는 학습한 지식으로 답하고, Perplexity는 지금 검색해서 답한다.ChatGPT는 2023년 10월까지(GPT-4 기준) 학습한 데이터로 답한다. 최신 뉴스를 물어보면 "정보가 없다"고 하거나 부정확하게 답한다. Perplexity는 질문하는 순간 웹을 검색해서 답을 만든다. 각 문장 뒤에 [1], [2] 같은 출처 번호가 붙는다. 항목ChatGPTPerplexity ..

2026.06.08 읽기 →
AI 도구 사용기

Claude Code vs ChatGPT — 업무 자동화에 실제로 써본 솔직 비교

📋 3줄 요약 Claude Code는 터미널 기반 AI 도구로, 파일을 직접 읽고 수정하고 실행할 수 있다. 설치는 Node.js → npm install → claude 명령어 순서로 15분이면 완료된다. 코딩을 몰라도 쓸 수 있지만, 기본 터미널 명령어는 알아두면 편하다. claude.ai vs Claude Code 차이 항목claude.ai (웹)Claude Code (터미널) 파일 접근❌✅ 직접 읽기/쓰기 코드 실행❌✅ 사용 방법브라우저터미널 필요 요금무료/ProPro 필요 Windows 설치 방법1단계: Node.js 설치nodejs.org 접속 → LTS 버전 다운로드 → 기본 옵션으로 설치2단계: Claude Code 설치npm instal..

2026.06.08 읽기 →