pinaMemo 이용가이드

메모 작성부터 여러 장 선택, 정렬, 파일 보관까지 모든 기능을 순서대로 안내합니다. 회원가입이나 설치 없이 사용할 수 있습니다.

1. 처음 사용할 때

pinaMemo를 열면 서로 다른 색깔의 소개 메모 4개가 나타납니다. 처음 시작할 때 기존 파일을 자동으로 불러오지 않습니다. 이전 메모가 필요하다면 상단 메모 불러오기로 저장된 JSON 파일을 선택하세요. 화면을 새로고침하면 다시 샘플 메모부터 시작하므로 중요한 메모는 반드시 저장해야 합니다.

2. 메모 추가와 내용 입력

1. 상단 메모추가를 누르면 빈 메모가 생깁니다.
2. 추가된 메모는 화면 가운데를 시작점으로 오른쪽 아래에 조금씩 겹치는 계단식으로 배치됩니다.
3. 10장을 추가하면 다음 10장 묶음이 옆에 만들어집니다. 공간이 부족하면 다음 줄로 넘어갑니다.
4. 메모의 글쓰기 영역을 클릭한 뒤 자유롭게 내용을 입력합니다. 제목을 구분하는 입력란은 없습니다.

메모 크기는 가로 216px, 세로 158px로 고정됩니다. 내용이 길어지면 메모 안에서 스크롤하여 읽을 수 있습니다. 메모는 최대 400개까지 추가할 수 있습니다.

3. 10가지 포스트잇 색상

노란색, 분홍색, 민트색, 하늘색, 주황색, 연보라색, 연두색, 청록색, 코랄색, 진한 노란색 등 10가지 포스트잇 느낌의 색상이 사용됩니다. 처음 열리는 메모 4개는 서로 다른 색입니다. 새 메모를 추가하면 색상이 무작위로 정해지고, 메모를 복제하면 원본 색상이 유지됩니다. 색상 정보는 JSON 파일에 함께 저장됩니다.

4. 메모 하나 선택과 이동

메모를 클릭하면 빨간색 선택 테두리가 표시됩니다. 글쓰기 영역에 마우스를 올린 동안에도 강조 표시가 나타납니다. 메모가 아닌 빈 공간을 클릭하면 선택이 해제됩니다. 메모를 이동하려면 왼쪽 상단의 점 여섯 개 손잡이를 끌면 됩니다. 글쓰기 중에도 드래그 동작을 이용할 수 있으며, 클릭만 하면 글쓰기 상태가 유지됩니다.

5. 자석 ON/OFF

• 자석 ON — 주변 메모의 가로줄 또는 세로줄에 가까이 놓으면 그 줄에 맞춰 이동합니다. 다른 메모 사이에 들어가면 아래쪽 또는 오른쪽 메모가 밀려납니다. 기존 줄에서 메모를 빼면 빈자리가 위쪽 또는 왼쪽으로 채워집니다.
• 자석 OFF — 메모를 원하는 좌표로 자유롭게 옮기고 겹쳐 놓을 수 있습니다. 메모를 클릭하면 겹친 메모 중 앞으로 가져옵니다.

자석 OFF에서 ON으로 전환하기만 해서는 이미 자유롭게 배치한 메모를 임의로 다시 정렬하지 않습니다. 새롭게 드래그할 때 자석 정렬이 적용됩니다.

6. 가로 정렬 · 세로 정렬 · 한페이지 정렬

• 가로 정렬 — 왼쪽부터 오른쪽으로 차례로 배치하며, 창 너비가 부족하면 다음 줄로 넘어갑니다.
• 세로 정렬 — 메모를 위에서 아래로 한 열에 배치합니다.
• 한페이지 정렬 — 현재 브라우저 창의 가로폭과 세로높이를 기준으로 메모 간격을 넓혀, 가능한 한 모든 메모가 한 화면에 보이도록 정렬합니다.

한페이지 정렬도 메모 크기는 216×158px 그대로 유지합니다. 메모가 너무 많거나 브라우저 창이 작아 물리적으로 들어가지 않으면 서로 겹치게 줄이지 않고 아래쪽 스크롤로 이어집니다. 정렬은 Ctrl+Z로 되돌릴 수 있습니다.

좁은 브라우저 창에서는 왼쪽에 아이콘 메뉴만 표시됩니다. 아이콘에 마우스를 올리면 기능 이름을 확인할 수 있습니다.

7. 여러 메모 선택

메모가 없는 빈 배경에서 드래그하면 파란색 선택 사각형이 나타납니다. 그 안에 들어오는 메모들이 함께 선택되어 빨간색 테두리로 표시됩니다. 이미 선택한 메모에 추가하려면 Ctrl을 누르고 메모 클릭을 사용하세요. Ctrl+A를 누르면 전체 메모가 선택됩니다. 빈 공간 클릭으로 선택을 해제합니다.

8. 여러 메모를 함께 이동

먼저 2개 이상의 메모를 선택한 뒤 Ctrl 키를 누른 채 선택된 메모를 드래그하면 묶음으로 이동합니다. 이동 중에는 선택한 메모 사이의 상대적인 간격이 유지됩니다. 자석 ON에서는 빠져나간 자리의 나머지 메모들이 정렬되고, 자석 OFF에서는 자유로운 위치 이동이 가능합니다.

9. 메모 삭제 · 전체 삭제 · 전체 닫기의 차이

• 메모 한 장 삭제 — 해당 메모 우측 상단 X를 누릅니다. 삭제 확인창은 그 메모 위에 표시됩니다.
• 메모 삭제 — 먼저 하나 또는 여러 메모를 선택한 다음 상단 보드 오른쪽의 메모 삭제를 누릅니다. 여러 메모 삭제 확인창은 화면 가운데에 표시됩니다. 선택 상태에서 Del 키를 눌러도 같습니다.
• 메모 전체 삭제 — 현재 화면의 모든 메모를 삭제합니다. 화면 가운데에 자체 확인창이 나타납니다. 삭제 뒤에는 Ctrl+Z 또는 되돌리기 기능으로 복구할 수 있습니다.
• 메모 전체 닫기 — 파일을 삭제하는 기능이 아닙니다. 미저장 변경사항이 있으면 파일 저장 과정을 먼저 진행하고, 저장이 확인된 경우 화면의 메모를 모두 닫습니다. 저장 취소 시 메모는 그대로 유지됩니다.

삭제와 불러오기 확인창은 pinaMemo 자체 창으로 표시됩니다. 취소를 누르거나 Esc를 누르면 해당 작업을 진행하지 않습니다.

10. 메모 우클릭 메뉴

메모 한 장에 마우스 오른쪽 버튼을 누르면 내용 복사, 메모 복제, 링크 추가 기능이 표시됩니다. 내용 복사는 글자를 클립보드로 복사하고, 메모 복제는 같은 내용·색상의 포스트잇을 하나 더 만듭니다. 여러 장을 선택한 상태에서 우클릭하면 메모 복사와 선택한 메모 삭제가 표시됩니다. 링크 추가를 사용하면 기존 메모 내용은 유지하면서 웹페이지 URL 또는 Windows 폴더 경로(E:\my_site 등)를 연결할 수 있습니다. 링크가 있는 메모 하단에 열기 버튼이 표시됩니다. PC 폴더를 Windows 탐색기로 열려면 로컬 환경에서 Start_Folder_Helper.bat을 별도로 실행해야 하며, 공개 웹사이트에서는 탐색기를 직접 열 수 없습니다.

11. 저장하지 않은 메모 표시

아직 JSON 파일에 저장되지 않았거나 저장 이후 내용·위치 등이 달라진 메모에는 우측 상단에 작은 주황색 점이 보입니다. 파일을 정상적으로 저장하거나 불러오면 해당 표시가 없어집니다. 메모를 삭제해 파일과 화면이 달라진 경우에는 상단의 변경 사항 있음 · 파일 저장 필요 문구로 확인할 수 있습니다.

12. 메모 저장과 새로저장

1. 메모 저장을 클릭합니다.
2. 처음 저장하면 파일 이름과 저장 위치를 선택합니다. 저장 파일 형식은 .json입니다.
3. 지원하는 Chrome·Edge 환경에서는 같은 파일로 다시 저장할 수 있습니다.
4. 메모 새로저장을 사용하면 다른 파일명으로 별도 백업합니다.

일부 브라우저 또는 로컬 파일 환경에서는 같은 파일 덮어쓰기 대신 JSON 파일 다운로드 방식으로 동작합니다. 저장 대화상자는 운영체제·브라우저에서 제공하므로 자체 확인창과 모양이 다를 수 있습니다.

13. 웹페이지·쇼핑 상품 저장

1. 상단의 웹페이지 저장 버튼을 클릭합니다.
2. 웹사이트 또는 쇼핑 상품 페이지 주소를 붙여 넣습니다.
3. 선택적으로 제목을 직접 입력합니다. 제목을 비워두면 공개된 웹페이지의 제목 또는 상품명을 자동으로 가져오도록 시도합니다.
4. 일반 웹페이지는 기존 포스트잇으로 저장됩니다. 쇼핑몰 상품 페이지는 상품 이미지, 상품명, 상품 보기 ↗ 버튼이 있는 흰색 링크카드로 저장됩니다.
5. 쇼핑 링크를 입력하면 대표 이미지를 조회하며, 자동 조회가 어려우면 선택 사항인 상품 이미지 주소에 직접 이미지 URL을 넣을 수 있습니다.
6. 메모 만들기를 누르면 현재 화면에 카드가 생성됩니다. 제목이나 상품명을 직접 수정할 수 있으며 페이지 열기 ↗ / 상품 보기 ↗로 새 탭을 엽니다.

PC에 저장된 HTML을 직접 열면 브라우저 보안상 외부 사이트 제목을 자동으로 가져오지 못할 수 있습니다. Cloudflare Pages 서버 기능을 배포하면 공개 웹페이지 제목을 조회할 수 있으며, 일부 쇼핑몰은 차단하거나 로그인 후에만 제목을 제공할 수 있습니다. 그럴 때는 제목을 직접 입력해 저장하세요.

링크, 제목, 상품 카드 종류 및 이미지 주소가 JSON 파일에 함께 저장됩니다. 대표 이미지는 외부 쇼핑몰에서 제공하는 URL을 불러오므로 사이트에 따라 차단되거나 나중에 없어질 수 있습니다. 이미지가 없으면 기본 상품 아이콘을 표시합니다. 가격 정보는 자동 수집하지 않습니다.

14. 저장 파일 불러오기

1. 상단 메모 불러오기를 누릅니다.
2. 이전에 저장한 .json 파일을 선택합니다.
3. 화면 중앙의 pinaMemo 확인창에서 불러오기를 선택합니다.
4. 현재 메모들이 없어지고, 파일에 저장된 내용·색상·위치·자석 상태가 복원됩니다.

파일 불러오기는 기존 메모에 추가되는 방식이 아니라 전체 교체 방식입니다. 현재 화면에 저장하지 않은 내용이 있다면 먼저 저장하세요. 이전 버전의 JSON 파일도 가능한 범위에서 호환 처리됩니다.

15. 키보드 단축키

글쓰기 영역에서 Ctrl+Z는 텍스트 편집 취소로 동작합니다. 글쓰기 영역이나 주소 입력창에서 Ctrl+A는 입력된 텍스트를 선택합니다.

16. 개인정보와 사용 환경

메모 내용은 별도 계정 없이 브라우저에서 편집하며 사용자가 선택한 JSON 파일로 저장합니다. 현재 PC와 스마트폰 간 자동 동기화는 제공하지 않습니다. Chrome·Edge 등 최신 브라우저를 권장하며, 로컬 HTML을 직접 열 때는 파일 저장 권한에 따라 동작이 다를 수 있습니다.

작업 중 새로고침하거나 탭을 닫으면 작성 중인 내용이 자동 복원되지 않습니다. 미저장 변경사항이 있을 때 브라우저 종료 경고가 나올 수 있지만 일부 환경에서는 표시되지 않을 수 있으므로 정기적으로 파일을 저장하세요.