본문 바로가기

Tech Notes122

Tauri로 웹 개발자도 데스크톱 앱 만들기 "Next.js로 만든 웹사이트를 5MB짜리 .exe 파일로 만들 수 있다고?" 🤔 왜 데스크톱 앱이 필요한가?웹 개발자인 나는 평소에 React, Next.js로 웹사이트를 만들었다. 그런데 클라이언트가 이런 요청을 했다:"이거 웹사이트 말고 프로그램으로 만들어주세요. 더블클릭하면 실행되는 거요!"아... 데스크톱 앱이라니. C++이나 C# 배워야 하나? 아니면 Python으로 PyQt 써야 하나?그때 발견한 게 Tauri였다.🎯 Tauri란 무엇인가?"웹 기술로 데스크톱 앱을 만드는 프레임워크"간단히 말하면:React/Vue/Next.js로 만든 웹사이트 ↓ Tauri로 빌드 ↓Windows/Mac/Linux 실행 파일 (.exe, .dmg, .AppImage)E.. 2026. 1. 31.
Claude Code의 --continue와 --fork 완벽 가이드 : git 과 비슷 Claude Code로 작업하다 보면 세션을 관리해야 할 때가 있습니다.--continue / --resume: 기존 대화를 그대로 이어가기--fork: 기존 대화 내용은 가져가되, 새로운 방향으로 실험하기 Git으로 비유하면?--continue: 같은 브랜치에서 계속 작업 (git checkout main)--fork: 새 브랜치 생성 (git checkout -b experiment)--continue는 언제 쓸까?1. 긴 작업을 시간 단위로 쪼갤 때 bash# 🌅 오전 9시: SubTrans 프로젝트 시작claude "일본어 SRT 파일 파싱 모듈 구현해줘"# -> 기본 구조 완성# 🏢 회사 업무...# 🌙 저녁 10시: 이어서 작업claude --continue "이제 번역 API 연동하고.. 2026. 1. 29.
[Claude] Agent 와 Tool 의 차이 사용자가 Promt 를 날리면 아래와 같은 agentic loop 의 과정을 거친다고 했다.그때마다 적절한 tool 을 사용하게 되는데 이들의 차이를 알아보고자 한다. 사용자의 프롬프트>이 bug 를 고쳐줘다음의 과정을 거침[Gather Context] ↓ Tool: 파일 읽기, 검색 등 ↓[Claude(Agent) 판단] ← 여기가 "뇌" "아 여기가 문제구나" ↓[Take Action] ↓ Tool: 파일 수정 ↓[Verify Results] ↓ Tool: 테스트 실행 ↓[Claude(Agent) 판단] "통과했네" or "다시 해야겠다" → Loop 반복* 즉, Agent 는 마치 뇌가 있는 것 처럼(사람처럼) 판단을 하는 존재이고Tool은 시키는 .. 2026. 1. 28.
[Claude] CLAUDE.md 에 대하여 claude code에서 사용자가 prompt 를 전송하면 agentic 이 그 명령을 실행하기 위해 아래의 그림과 같은 동작을 한다. 여기서 첫번째"Gather context" 라는 부분은 "관련 정보를 자동으로 수집한다" 라는 의미로 해석할 수 있다. 관련 정보라는 건 다음과 같은 업무가 될 수 있다. 관련 파일 프로젝트 구조 CLUADE.md (프로젝트 규칙) 최근 변경사항 에러 로그 CLAUDE.md 는 claude 가 "Gather context"를 할 때, 참조하는 문서라서, 프로젝트마다 잘 세팅해두면 매번 설명하지 않아도 통일된 규칙으로 코딩할 수 있다.(단, 최초 대화를 시작할 때 1번만) Claude Code 실행 → CLAUDE.md 자동으로 읽음 → 대화 내내 컨텍스트에 유지 .. 2026. 1. 28.
[PROMPT] 서비스용 나만의 프롬프트 1 완성 이제 이걸 바탕으로 서비스를 만들어나가겠음.project/├── CLAUDE.md # AI 코딩 규칙 (AI가 코드 작성 시 참조)├── PROMPT.md # AI 프롬프트 템플릿 모음├── README.md # 프로젝트 소개 (현재 파일)│└── docs/ ├── ARCHITECTURE.md # 시스템 아키텍처 (구조, 계층, 배포) │ ├── common/ # 공통 개발 가이드 │ ├── ERROR.md # - 에러 코드, HTTP 상태, 응답 포맷 │ └── LOGGING.md # - 로그 레벨, 포맷, 민감정보 처리 .. 2026. 1. 25.
미들웨어란 무엇일까? 🔗 미들웨어(Middleware) 완벽 가이드개발할 때 꼭 알아야 할 미들웨어의 모든 것을 정리했습니다.🤔 미들웨어란? 요청(Request)과 응답(Response) 사이에서공통으로 처리할 일을 하는 코드쉽게 말해서 "중간에서 가로채는 것" 이에요. 💡 비유로 이해하기 ┌─────────────────────────────────────────────────────────────┐│ ││ 🏢 회사 방문 과정 ││ .. 2026. 1. 25.
반응형

티스토리툴바