이번 단계에서는 Dock 화면에 실제 로컬 문서 폴더를 연결했다.사용자는 폴더를 선택하고, Markdown 파일 목록을 확인하고, 문서를 열어 편집한 뒤 저장할 수 있다. 다만 파일 시스템을 Renderer에 직접 열어 주지는 않았다. 파일 권한은 Main 프로세스가

Dock에 파일 열기나 Markdown 편집 기능을 바로 붙일 수도 있었다. 하지만 그 전에 사용자가 어떤 흐름으로 문서를 찾고, 쓰고, 미리보고, 명령을 실행하는지를 담을 화면 구조가 필요했다. 그래서 M1에서는 권한을 추가하지 않고 Application Shell부

개발 모드에서 창이 열리고 E2E가 통과해도, 배포용 앱이 같은 방식으로 동작한다는 보장은 없다. Dock은 Vite로 Main·Preload·Renderer를 번들링하고 Electron Forge가 ASAR 기반 package를 만든다. 이 과정에서 경로나 prelo

보안 설정과 단위 테스트를 추가한 뒤에는 꼭 남는 질문이 있다.“각 조각은 맞는데, 실제 앱을 켰을 때도 Main·Preload·Renderer가 같은 규칙으로 연결될까?”Dock에서는 이 질문을 Playwright의 Electron API로 확인했다.이번 글은 기능을

Dock은 아직 MVP가 아니다. 현재 완료된 것은 Electron 기반 저장소 구조와 React 앱 셸, 그리고 그 다음에 기능을 안전하게 쌓기 위한 작업 순서다. 이 글은 앞으로 무엇을 어떤 순서로 만들지와, 저장소 문서와 Velog 기록을 어떻게 일치시킬지 정리한

이 글은 다음 구현을 설명하는 계획 글이다. F4의 항목들은 아직 완료라고 표기하면 안 된다. 구현과 검증이 끝나면 결과와 명령을 이 글에 보완한다.React 앱 셸까지 연결됐지만, 아직 Renderer와 운영체제 권한 사이의 보안 경계는 기본 템플릿 상태다. Dock

구조 이동이 끝난 뒤에는 곧바로 편집기를 넣지 않았다. 먼저 React를 안전하게 올릴 수 있는지, 타입 검사와 포맷 검사가 재현 가능한지 확인했다. 이 단계의 목표는 화려한 화면이 아니라 ‘이후 기능이 쌓일 바닥’을 만드는 것이었다.npm run typecheck에서

초기 Electron Forge 템플릿은 저장소 루트에서 시작했다. 작게 시작할 때는 편하지만, Dock은 앞으로 문서, 자동화 스크립트, 공용 패키지, 앱 확장 가능성을 함께 관리해야 한다. 그래서 앱 하나를 실행할 수 있다는 현재 상태와, 저장소가 맞춰야 할 구조를

Electron 템플릿을 만든 뒤 가장 먼저 한 일은 화면을 예쁘게 만드는 일이 아니었다. 어떤 기능을 만들지, 어디까지를 MVP로 볼지, 보안 때문에 절대 허용하지 않을 것은 무엇인지 문서로 먼저 고정했다.Dock은 로컬 파일과 외부 검색 결과를 함께 다룬다. 이 조

이 글은 2026-07-24에 게시한 기존 글을 현재 프로젝트 기준에 맞춰 보완하는 후속 원고다. 기존 글의 제목은 그대로 두되, 기술 명칭은 Electron으로 통일한다.개발 문서를 작성할 때 링크 하나, 아키텍처를 설명할 이미지 하나가 필요해도 보통은 에디터를 떠난

앞선 배포 글 이후, React 빌드 산출물을 Git으로 관리하던 방식을 Docker build 단계에서 생성하는 방식으로 변경했다. 이번 글은 그 이후의 배포 구조 변경만 다룬다.기존 배포는 로컬에서 React를 빌드하고 산출물을 Git에 포함하는 흐름이었다.이 방식

FastAPI 애플리케이션을 로컬에서 실행하는 것과 외부 사용자가 접속할 수 있는 서비스로 공개하는 것은 다른 문제였다.이번 글에서는 Oracle Always Free VM에서 실행 중인 Docker 기반 FastAPI를 Nginx reverse proxy와 Cloud

FastAPI 마이그레이션을 진행한 뒤에는 애플리케이션을 실제 서버에서 실행해봐야 했다.처음에는 Cloudflare에서 FastAPI 애플리케이션까지 실행하는 구조를 검토했다. 하지만 Cloudflare Container는 Workers Paid 플랜이 필요했고, 애플

FastAPI 마이그레이션을 진행하면서 애플리케이션을 어디에서 실행할지 결정해야 했다.처음에는 Cloudflare에서 FastAPI까지 실행하는 방법을 검토했다. Cloudflare Container를 사용하면 Docker 기반 FastAPI를 실행할 수 있지만, 현재

2편까지는 FastAPI로 전환하려는 이유와 작업 순서를 정리했다. 이번 글부터는 실제 코드에서 어떤 부분을 변경했는지 정리해보려고 한다.이번 작업에서는 Flask 앱을 바로 삭제하지 않고, 기존 Flask 앱은 실행 가능한 상태로 유지하면서 별도의 FastAPI 앱을

Eletron으로 Desktop App을 만들고자한다.평소에 이리저리 분주하게 일하는 편이지만 요즘 들어 개발 문서를 작성하다가도 검색하고, 참고해야될 내용을 찾을때도 Chrome 브라우저를 열어 검색해서 URL 붙여넣기, 아키텍쳐 예시 이미지 검색해서 붙여넣기 등..

개인 서비스 개발 프로젝트를 Flask로 운영해 왔다.React 프론트, SQLite/D1, local/R2가 공존하는 상태가 되었다.PythonAnywhere 이슈와 Cloudflare 이관 고민이 겹쳤다.그런데 Cloudflare Worker 중심으로 가면 벤더 종

꽤 긴 시간동안 포스트를 하지 못했다. 이런 저런 이유가 있겠지만 가장 큰 이유 2가지는 업무와 건강상의 이유로 공백이 꽤나 길어졌다.지난 몇년간 업무상으로 익힌 여러 스킬들이 있고, 예전의 포스팅들을 보며 "내 과거가 이랬었구나. 지금이랑은 많이 다르구나"를 많이 느

안드로이드 위젯의 크기를 지정할 때 사용되는 단위에 대한 정리안드로이드 크기 단위에는 총 6가지(dp, in, mm, pt, px, sp)가 있다.위젯의 크기를 설정할 때는 wrap_content, match_parent 또는 dp를 사용.텍스트 사이즈는 sp 단위를

도커 명령어 정리