이미지까지 메모하자, 데스크톱 메모장 앱 "바로메모"
데스크탑으로 블로그 글이나 강의 노트 등 지나가는 내용을 빠르게 메모해야 할 때, 이미지 캡처 기능을 사용하여 내용에 이미지를 넣으며 필기하고 싶은 순간들이 있었다. 하지만 에디터 기능이 있는 블로그같은 경우는 웹 기반이라 다른 탭들이랑 겹쳐 쓰기 불편한 경우가 많았고, 노션 같은 메모 앱은 너무 무거웠다.
그래서 클로드를 사용하여 간단하게 이미지까지 붙여넣기 가능한 앱을 만들어보기로 했다!
프로그램 설명
본격적으로 글을 쓰기 전, 아이디어나 흘러가는 강의 내용 등을 캡처나 이미지와 함께 메모해두는 간단한 데스크톱 앱이다.
카테고리 분류, 태그 분류, 이미지 삽입 등 기본 에디터 기능을 지원한다.
기능
기본 기능
- 에디터를 통하여 서식을 수정할 수 있다.
- 상단바에서 새 메모, 다크모드, 화면 맨 위에 고정 기능을 사용할 수 있다.
- 기본 저장위치는 C:\Users\[사용자 이름]\AppData\Roaming\baromemo이고, 카테고리 옆 설정 버튼으로 변경 가능하다.
- 태그 추가 버튼을 누르면 메모에 태그를 추가하여 관리할 수 있다.
- 트레이 아이콘을 우클릭 하여 윈도우 시작 시 실행 가능하다.
이미지
- 복사한 이미지를 내용에 붙여넣을 수 있다.
- 카메라 아이콘을 클릭하면 저장된 이미지도 삽입할 수 있다.
- 작성한 이미지를 포함한 글 전체를 티스토리에 바로 붙여넣기 할 수 있다.
단축키
본문 단축키
1. 텍스트 스타일:
* Ctrl + B: 굵게 (Bold)
* Ctrl + I: 기울임 (Italic)
* Ctrl + U: 밑줄 (Underline)
* Ctrl + S: 취소선 (Strikethrough)
* Ctrl + G: 이미지 추가(Gallery)
* Ctrl + D: 이미지 추가(Gallery)
* Ctrl + 1: 번호 매기기 목록 (1. 2. 3...) 시작 또는 해제
* Ctrl + - (하이픈): 글머리 기호 목록 (•) 시작 또는 해제
2. 카테고리 이동
* Ctrl + ↑ / ↓: 현재 메모 카테고리 변경
3. 폰트 크기 조절:
* Ctrl + [: 폰트 크기 작게 (단계별 축소)
* Ctrl + ]: 폰트 크기 크게 (단계별 확대)
레이아웃 단축키
* Ctrl + T: 태그 추가창 열기
* Ctrl + L: 메모 목록(사이드바) 열기
* Ctrl + N: 현재 카테고리에 새 메모 생성
윈도우 단축키(바로메모가 실행되고 있는 상태)
- 바로메모 열기: Alt + Shift + M
- 새 메모 만들기: Alt + Shift+ N (단축키로 새 메모 생성시 카테고리는 기본으로 설정됨)
다운로드
※ 설치 없이 exe만 다운받으면 바로 실행 가능
깃허브 링크:
https://github.com/SooYeonShim/BaroMemo/releases
Releases · SooYeonShim/BaroMemo
데스크톱 메모 앱 바로메모. Contribute to SooYeonShim/BaroMemo development by creating an account on GitHub.
github.com
구글 드라이브:
https://drive.google.com/file/d/1VkjlhhCEy5JWDbZPB6KFzU-Q0Ll1rIGZ/view?usp=drive_link
BaroMemo.exe
drive.google.com
🛠 Tech Stack
* Engine: Electron
* Frontend: Vanilla JS, CSS3, HTML5
* Storage: Local JSON-based system (데이터 보안 및 이동성 확보)
버그 제보는 댓글로 받습니다.