분류 전체보기

· DEV
Electron App Mac Appstore 애플리케이션 제출 가이드 주의 사항 App store는 애플리케이션에서 사용하는 API 목록을 확인함 모든 앱스토어를 거치는 앱들은 샌드 박스 처리가 된다 즉 승인 된 것들을 제외하고는 완전히 독립적이여야 한다 아마, 승인 된 api를 제외하고는 외부와의 통신이나 시스템 접근이 허락 되지 않는다 1. Apple Developer Account Apple Developer 등록을 해야 하고, 한화 129000원이 듭니다 Apple의 수수료가 30%에서 15%로 낮아집니다. Apple 개발자 계정이 필요합니다. 연간 비용은 약 $100입니다. developer.apple.com에서 가입하세요. 그리고 앱 스토어의 소규모 비즈니스 프로그램에 가입하세요 (수익이 1..
· ETC/Obsidian
Quickadd 활용법 - Daily Logging Intro 메모는 우리의 생각을 정리하고 아이디어를 보존하는 중요한 도구입니다. 그러나 메모를 하는 과정이 복잡하거나 시간이 많이 소요된다면, 메모를 지속적으로 하기가 어렵습니다 바쁜 일상 속에서 깜짝 놀랄만한 아이디어나 갑자기 떠오른 생각을 빠르게 기록하고 싶어하는 것은 누구나 공감할 수 있는 일입니다. 저의 경우, 이를 Quickadd를 활용해서 옵시디언 내에서 단축키 하나로 빠르게 생각을 캡처할 수 있도록하였습니다. 데일리 로그를 통해, 언제 어느 노트에서 로깅했는지 쉽게 확인할 수 있습니다. 자기 전이나 회고 할 때 데일리 노트를 돌아 보며 그 때의 상황과 맥락을 떠올리기 더 쉬운 장점이 있습니다 시간은 끊임없이 흐르며, 우리는 그 흐름 속에서 ..
· ETC
Ollama 설치 왜 Ollama를 사용해보고 싶었나요? 깃허브 프로젝트 진행 중: LLM(Large Language Model)의 가능성을 탐구하고 싶었습니다. 오픈 소스 진영의 발전: 최근 LLM 기술이 크게 발전했다고 들었기 때문에 이를 직접 확인하고 싶었습니다. Ollama란 무엇인가요? 기본 개념: Ollama는 로컬 환경에서 LLM을 실행할 수 있게 해주는 프로그램입니다. 시각적 도움말: 설치 과정 개인 환경: 저는 M1 Mac Pro를 사용하기 때문에, macOS 기준으로 설명하겠습니다. 설치 방법: macOS용 Ollama 다운로드 페이지에 접속하여 운영체제에 맞는 설치 파일을 다운로드합니다. 압축된 Ollama.zip 파일을 다운로드 받아 압축을 해제하면 실행할 수 있는 앱을 얻습니다. ..
· ETC
애플 개발자 등록 가이드 애플 개발자 프로그램에 등록하는 이유와 절차에 대한 간략한 가이드입니다. 앱 스토어에 앱을 올리고 싶은 개발자라면 이 가이드를 참고하여 등록 절차를 진행하시기 바랍니다. 등록 이유 회비: 130,000원 목적: 앱 스토어에 앱을 올려 고객 피드백과 업데이트 마케팅을 진행할 수 있습니다. 초기 SaaS 구성이 안된 상태에서도 안정성을 돈 주고 얻을 수 있습니다. 등록 절차 Apple Developer 계정 접속: Apple Developer Account에 로그인하고 멤버십을 등록합니다. 이 과정을 통해 팀 ID를 얻을 수 있습니다. 구입 절차: 애플 디벨로퍼 센터에서 "지금 구입"을 완료합니다. 결제 금액 확인: 비용: 129,000원 결제 정보 입력 및 확인: 다음 화면에서 로..
· ETC
Digital Garden SEO 등록 Intro Obsidian을 사용하여 Digital Garden을 구축한 후, 다음 단계는 Google Search Console에 등록하는 것입니다. 이는 Google 검색 엔진에 내 Digital Garden이라는 변방의 작은 나라를 알려야 하기 때문입니다. Process Google Search Console에 처음 접속하면, 도메인과 URL 접두어로 등록할 수 있습니다. 저는 도메인을 구매하여 운영 중이므로, www.berom.net을 입력하고 '계속’을 클릭했습니다. 도메인을 소유하고 있다면, 등록 과정을 간편하게 완료할 수 있습니다! 도메인 인증을 위해서는 DNS 레코드에 특정 키를 등록해야 합니다. 이는 TXT 레코드를 DNS 설정에 추가하는 방식으로 ..
· DEV
왜 배포했더니 내 앱은 끔찍하게 느려졌는가? 로컬에서 배포 전 실행했을 때는 빠르게 잘 동작하던 앱이 배포했더니 끔찍하게 느려졌던 이유를 알아봅시다, 처음 만든 앱이라 성능에 다소 미흡할 수 있다는 점을 감안해도, 앱 실행 후 첫 화면을 마주하기까지 5~10초나 기다려야 한다는 사실에 무언가 잘못 되었다 싶었습니다 이 글에서는 배포 전 로컬 환경에서는 문제없이 잘 돌아가던 앱이 왜 배포 후에는 끔찍한 속도 저하를 경험하게 되는지, 그 원인과 이를 해결하기 위한 방법들을 탐색해 보겠습니다. 원인 파악 DMG 파일의 특성 문제일까? 처음에는 DMG 파일로 패키징 후 느려졌기 때문에, 파일 확장자의 특성에 기인한 문제라 생각을 했습니다. 하지만 DMG 파일 확장자의 경우, 배포를 위해 패키징 되는 일종의 컨테..
· DEV
Switching From Sharp to Jimp for Dependency Issues Sharp is a popular JavaScript library for image editing, but it can pose problems related to operating system dependencies. So. I’m developing a cross-platform Capture App,and These issues become significantly magnified. As a result, the switch to Jimp was not just a choice but a necessity. The migration process was surprisingly straightforward ..
· DEV
Electron 에서 HashRouter를 쓰는게 정신 건강에 좋은 이유, Electron 애플리케이션에서 React와 함께 라우팅을 구현할 때, BrowserRouter 대신 HashRouter를 사용하는 것이 일반적인 해결책 중 하나입니다. 특히, Electron 환경에서는 file:// 프로토콜을 사용하여 로컬 파일 시스템의 리소스를 로드하므로, SPA(Single Page Application)의 라우팅이 서버 없이도 잘 작동하도록 해야 합니다. 이 글에서는 Electron에서 React Router의 HashRouter를 사용하여 라우팅 문제를 해결하는 방법과 관련 개념을 설명하겠습니다. Electron과 React Router의 HashRouter 왜 HashRouter인가? Electron ..
· DEV/Frontend
영어 버전 : [[Solving Memory Leaks with useEffect in React Applications]] React 애플리케이션에서 useEffect를 사용한 메모리 누수 해결하기 저는 개발 중인 Electron 앱의 뷰를 작업하는 동안 메모리 누수 경고를 만났습니다. 해당 경고를 보자마자 이 경고가 useEffect 훅에서 비롯된 것이라고 의심하였습니다. 왜냐하면 React의 useEffect는 컴포넌트의 생명주기 동안 부수 효과(side effects)를 관리하기 위해 사용되며, 이 훅을 잘못 사용하면 예상치 못한 방식으로 함수가 반복 실행될 수 있어 숨겨진 위험의 원천이 될 수 있기 때문입니다. 특히, 이벤트 리스너를 추가하고 제대로 청소하지 않을 경우 메모리 누수로 이어질 수 ..
· DEV
Git Workflow 문제 해결 - 보일러 템플레이트 본 포스트에서는 GitHub Actions의 워크플로우를 활용해 프로젝트 관리를 어떻게 더 효율적으로 할 수 있는지에 대한 실제 경험을 공유하고자 합니다 GitHub Actions는 GitHub에서 직접 제공하는 CI/CD(Continuous Integration/Continuous Delivery) 도구로, 코드 통합부터 배포까지의 전 과정을 자동화할 수 있습니다. 복잡한 스크립트나 외부 서비스 없이도 GitHub 리포지토리 내에서 직접 이러한 프로세스들을 관리할 수 있는 것이 큰 장점입니다. 최근 프로젝트 리팩토링을 하며 GitHub의 vite-electron-builder 보일러플레이트를 도입했을 때, 그 중 GitHub Actions 설정이 ..
berom
'분류 전체보기' 카테고리의 글 목록