본문 바로가기

Tech Notes115

Electron Desktop App으로 웹 앱을 데스크톱 앱으로 만들기 웹 기반 애플리케이션(React + FastAPI)을 개발하다 보면, "이걸 설치형 프로그램으로 만들 수 없을까?"라는 생각이 들 때가 있습니다. 특히 오프라인 사용이 필요하거나, 사용자에게 설치형 프로그램의 편의성을 제공하고 싶을 때 말이죠. 바로 이럴 때 Electron이 강력한 해결책이 됩니다. Electron이 뭔가요?Electron은 웹 기술(HTML, CSS, JavaScript)로 데스크톱 애플리케이션을 만들 수 있게 해주는 프레임워크입니다.쉽게 말해, 여러분이 만든 React 앱을 크롬 브라우저에 담아서 독립적인 실행 파일(.exe, .dmg, .AppImage)로 패키징하는 거죠.유명한 Electron 앱들:Visual Studio CodeSlackDiscordNotionFigma이 앱들.. 2025. 11. 13.
dart 비동기 1회만 응답을 돌려받을 경우asnyc / await / Future asnyc : 비동기 방식 (여러 작업을 동시다발적으로 실행함 - 어떤게 먼저 끝날지 모름 : 순서보장 되지 ㅇ낳음)awiat Future : Future 의 작업이 끝날때까지 기다림. Sample Source>Future todo(int second) async { await Future.delayed(Duration(seconds: second)); print($second);}todo(3);todo(10);todo(2); 지속적으로 응답을 돌려받는 경우async* / yeild / Streamyeild : return 이랑 비슷하다고 생각. Sample Source>Stream todo() async* { int c.. 2025. 10. 23.
Flutter 앱 : 환경 구축하기 - fvm 설치하기[window] fvm 에 대해선 앞에서 설명했듯이, flutter version manager(플러터 버전 관리) 를 설치해야한다. 내 환경이 window 이므로, (어쩔 수 없이?) 환경에 맞는 설치방법만 기록하겠다.fvm 을 바로 깔면 좋은데, fvm을 설치하기 위해선 choco 라는 걸 먼저 설치해야한다. 1. choco 설치초코 설치 화면으로 이동해준다. powershell 을 관리자 모드로 열고 다음의 명령으로 choco를 실행해준다. Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -.. 2025. 10. 22.
nvm? npm? fvm? 헷갈리지? 🛠️ nvm, fvm, npm, pnpm 완벽 정리 헷갈리는 개발 도구들, 한 번에 이해하기 💡 핵심 포인트 vm = Version Manager (버전 관리자) → SDK 버전 바꾸기 pm = Package Manager (패키지 관리자) → 라이브러리 설치하기 📊 전체 비교표 도구 역할 관리 대상 설명 .. 2025. 10. 22.
OCR 이 뭘까? 개념과 어떻게 사용해야 하는지 알아보자! 📄 PDF OCR 완벽 가이드 오픈소스 vs 클라우드 서비스 비교 분석 📑 목차 1. OCR이란 무엇인가? 2. OCR의 두 가지 방식 3. 오픈소스 라이브러리 4. 클라우드 OCR 서비스 5. 상세 비교 6. 선택 가이드 7. OCR 처리 프로세스 8. 결론 1. OCR이란 무엇인가? .. 2025. 10. 15.
언제 try-catch, throw를 써야할까? 🎯 핵심 개념: 역할 분담비유로 이해하기 (학교) 학생 (Route Handler) ↓ 문제 발생! "선생님! 숙제를 못 찾겠어요!" (throw) ↓담임 선생님 (Async Handler) ↓ 일단 받아줌 "알았어, 교장 선생님께 보고할게" (catch → next) ↓교장 선생님 (Error Handler) ↓ 최종 판단 "이건 단순 실수구나" → 학생에게 친절하게 설명 "이건 심각한 문제네" → 학부모(Slack) 연락📋 규칙: 언제 throw? 언제 try-catch?✅ Route Handler: throw만! javascript// ✅ 좋은 코드 (throw만 사용)app.post('/login', asyncHandler(async (req, res) => { const.. 2025. 10. 11.
반응형

티스토리툴바