๋ชฉ์ฐจ
00๐ฑ ๋ชจ๋ฐ์ผ์์ ์ฌ๋ ๋ฐฉ๋ฒ
01์ด ์ฑ์ด๋?
02๋น ๋ฅธ ์์
03๊ฐ ์น์
์ฌ์ฉ๋ฒ
04โ ๏ธ ๋ณด์ ์ฃผ์์ฌํญ
05๊ธฐ๋ฅ ํ๊ณ
06๋ฐ์ดํฐ ๋ฐฑ์
๋ฐฉ๋ฒ
07์์ฃผ ๋ฌป๋ ์ง๋ฌธ
00 โ ๐ฑ ๋ชจ๋ฐ์ผ์์ ์ฌ๋ ๋ฐฉ๋ฒ
โ ๏ธ
HTML ํ์ผ์ ํฐ์ ์ง์ ์ ์ฅํด๋ ์ด๋ฆฌ์ง ์์์.
์๋ ๋ฐฉ๋ฒ ์ค ํ๋๋ฅผ ์ฌ์ฉํ์ธ์.
๐ iPhone / iPad (iOS)
1
iCloud Drive์ ํ์ผ ์ ์ฅ
PC์์ iCloud Drive์ second_brain_app.html ํ์ผ์ ์
๋ก๋ํ์ธ์.
2
iPhone ํ์ผ ์ฑ ์ด๊ธฐ
ํ์ผ ์ฑ โ iCloud Drive โ ํ์ผ ์ฐพ๊ธฐ
3
Safari๋ก ์ด๊ธฐ
ํ์ผ์ ํญํ๋ฉด Safari์์ ์๋์ผ๋ก ์ด๋ ค์. Chrome์ HTML ํ์ผ์ ์ง์ ์ด ์ ์์ด์. ๋ฐ๋์ Safari ์ฌ์ฉ!
4
(์ ํ) ํ ํ๋ฉด์ ์ถ๊ฐ
Safari ํ๋จ ๊ณต์ ๋ฒํผ(โกโ) โ "ํ ํ๋ฉด์ ์ถ๊ฐ" โ ์ฑ์ฒ๋ผ ์ฌ์ฉ ๊ฐ๋ฅ
๐ค Android
1
Google Drive์ ํ์ผ ์ ์ฅ
PC์์ ๊ตฌ๊ธ ๋๋ผ์ด๋ธ์ ํ์ผ ์
๋ก๋
2
Drive ์ฑ์์ ๋ค์ด๋ก๋
Drive ์ฑ โ ํ์ผ ์ ์ ์ธ ๊ฐ(โฎ) โ "๋ค์ด๋ก๋"
3
Chrome์ผ๋ก ์ด๊ธฐ
๋ด ํ์ผ(Files ์ฑ) โ ๋ค์ด๋ก๋ ํด๋ โ ํ์ผ ํญ โ Chrome์ผ๋ก ์ด๊ธฐ
4
(์ ํ) ํ ํ๋ฉด์ ์ถ๊ฐ
Chrome ์ฃผ์์ฐฝ ์ ์ ์ธ ๊ฐ(โฎ) โ "ํ ํ๋ฉด์ ์ถ๊ฐ"
๐
์ค์: PC์ ๋ชจ๋ฐ์ผ ๋ฐ์ดํฐ๋ ๋ณ๊ฐ์์.
PC์์ ์
๋ ฅํ ๋ฐ์ดํฐ๊ฐ ํฐ์์ ๋ณด์ด์ง ์์์. ๋๊ธฐํํ๋ ค๋ฉด PC์์ ๋ด๋ณด๋ด๊ธฐ โ JSON ํ์ผ์ Drive์ ์ ์ฅ โ ํฐ์์ ๊ฐ์ ธ์ค๊ธฐ๋ฅผ ํด์ผ ํด์.
01 โ ์ด ์ฑ์ด๋?
๋์ ์ธ์ปจ๋๋ธ๋ ์ธ์ ์ธํฐ๋ท ์ฐ๊ฒฐ ์์ด, ์ค์น ์์ด, ๋ธ๋ผ์ฐ์ ํ๋๋ก ์๋ํ๋ ์์ ํ ๊ฐ์ธ ์ง์ ๊ด๋ฆฌ ์์คํ
์ด์์.
์ด HTML ํ์ผ ํ๋๊ฐ ๊ณง ๋น์ ์ ์ฑ์ด์์. ์๋ฒ๊ฐ ์๊ณ , ํด๋ผ์ฐ๋๊ฐ ์๊ณ , ํ์๊ฐ์
๋ ์์ด์. ๋ชจ๋ ๋ฐ์ดํฐ๋ ์ค์ง ๋น์ ์ ๊ธฐ๊ธฐ์๋ง ์ ์ฅ๋ผ์.
๐ก
PARA ๋ฐฉ๋ฒ๋ก ๊ธฐ๋ฐ
ํ๋ก์ ํธ ยท ์์ญ ยท ๋ฆฌ์์ค ยท ์์นด์ด๋ธ ๊ตฌ์กฐ์์ ์๊ฐ์ ๋ฐ์, ํ๊ตญ ํฌ๋ฆฌ์์ดํฐ์ ๋ง๊ฒ ์ฌ์ค๊ณ๋์ด์.
02 โ ๋น ๋ฅธ ์์
1
ํ์ผ์ ์ ์ฅํ์ธ์. ์ด HTML ํ์ผ์ ๋ด ์ปดํจํฐ ์ด๋๊ฐ์ ์ ๋ณด๊ดํ์ธ์. ํ์ผ์ ์ญ์ ํ๋ฉด ์ฑ๋ ์ฌ๋ผ์ ธ์.
2
๋ธ๋ผ์ฐ์ ๋ก ์ด์ด์. Chrome, Edge, Safari ์ด๋์๋ ์ด๋ฉด ๋ฐ๋ก ์คํ๋ผ์.
3
๋์๋ณด๋์์ ์์ํด์. ์ค๋์ ํ ์ผ 3๊ฐ์ง๋ฅผ ์ ๊ณ , ์์งํจ์ ์์ด๋์ด ํ๋๋ฅผ ๋์ ธ๋ณด์ธ์.
4
์ ๊ธฐ์ ์ผ๋ก ๋ฐฑ์
ํ์ธ์. ์ข์ธก ํ๋จ "๋ฐ์ดํฐ ๋ด๋ณด๋ด๊ธฐ" ๋ฒํผ์ผ๋ก JSON ํ์ผ์ ์ ์ฅํด๋์ธ์. ์ด๊ฒ์ด ์ ์ผํ ๋ฐฑ์
์๋จ์ด์์.
03 โ ๊ฐ ์น์
์ฌ์ฉ๋ฒ
โก ์์งํจ โ ์์ด๋์ด๊ฐ ๋ ์ค๋ฅด๋ฉด ์ ํ/์ํ ํ๊ทธ์ ํจ๊ป ๋น ๋ฅด๊ฒ ์
๋ ฅํด์. ์๋ฒฝํ๊ฒ ์ฐ๋ ค๊ณ ํ์ง ๋ง๊ณ ์ผ๋จ ๋์ง๋ ๊ณต๊ฐ์ด์์. ์ฃผ 1ํ ์ํ๋ฅผ ์ ๋ฆฌํด์ฃผ์ธ์.
๐ ํ๋ก์ ํธ โ ์๋ฃ ์์ ์ด ๋ช
ํํ ์์
๋จ์์์. ์งํ๋ฅ (%)์ ์
๋ฐ์ดํธํ๋ฉฐ ๊ด๋ฆฌํด์. ๋ง์ฐํ๊ฒ "๊พธ์คํ ํ ๊ฒ"์ ํ๋ก์ ํธ๊ฐ ์๋์์.
๐ ์ง์ ๋ฒ ์ด์ค โ ์ฑ
/์์/์ํฐํด์ ์ ์ฅํ ๋ ๋ฐ๋์ ์ธ์ฌ์ดํธ๋ฅผ ํ ์ค ์ด์ ์ ์ด์. ์ธ์ฌ์ดํธ ์๋ ์ ์ฅ์ ๋์งํธ ์ฐ๋ ๊ธฐ๊ฐ ๋ ์ ์์ด์.
๐ ์ผ๊ฐ ๋ฆฌ๋ทฐ โ ํ๋ฃจ ๋ง๊ฐ ์ 5๋ถ, ์ฃผ๋ง๋ค 20๋ถ. ๊ฑฐ์ฐฝํ๊ฒ ์ฐ๋ ค๊ณ ํ์ง ๋ง๊ณ ์งง์๋ ๊พธ์คํ ์ฐ๋ ๊ฒ ํต์ฌ์ด์์.
04 โ โ ๏ธ ๋ณด์ ์ฃผ์์ฌํญ
๐
์ด ์ฑ์๋ ์ํธํ๋ ๋น๋ฐ๋ฒํธ๊ฐ ์์ด์. ์๋ ๋ด์ฉ์ ๋ฐ๋์ ์์งํ์ธ์.
๐๏ธ ์ ์ฅ ์์น
๋ฐ์ดํฐ๋ ๋ธ๋ผ์ฐ์ ์ localStorage์ ์ ์ฅ๋ผ์. ์๋ฒ๋ก ์ ์ก๋์ง ์์์. ์ธํฐ๋ท ์์ด๋ ๋์ํด์.
๐ ์ํธํ ์์
๋ฐ์ดํฐ๋ ์ํธํ๋์ง ์์์. ๊ฐ์ ๊ธฐ๊ธฐ๋ฅผ ๊ณต์ ํ๋ ์ฌ๋์ด ๋ธ๋ผ์ฐ์ ๊ฐ๋ฐ์ ๋๊ตฌ๋ก ๋ด์ฉ์ ๋ณผ ์ ์์ด์.
๐ฅ๏ธ ๊ธฐ๊ธฐ ์ข
์
๋ฐ์ดํฐ๋ ์ด ํ์ผ์ ์ฐ ํน์ ๋ธ๋ผ์ฐ์ ์ ์ข
์๋ผ์. ๋ค๋ฅธ ๊ธฐ๊ธฐ๋ ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ์์๋ ๊ฐ์ ํ์ผ์ ์ด์ด๋ ๋ฐ์ดํฐ๊ฐ ์์ด์.
๐งน ์บ์ ์ญ์ ์ํ
๋ธ๋ผ์ฐ์ ์บ์/์ฌ์ดํธ ๋ฐ์ดํฐ๋ฅผ ์ง์ฐ๋ฉด ๋ชจ๋ ๋ฐ์ดํฐ๊ฐ ์๊ตฌ ์ญ์ ๋ผ์. ์ ๋ ๋ณต๊ตฌ ๋ถ๊ฐ๋ฅํด์.
๐ซ ๊ณต์ฉ PC ์ฃผ์
๊ณต์ฉ ์ปดํจํฐ์์ ์ด ํ์ผ์ ์ฌ์ฉํ์ง ๋ง์ธ์. ๋ค๋ฅธ ์ฌ๋์ด ๋ฐ์ดํฐ๋ฅผ ๋ณผ ์ ์์ด์.
๐ค ํ์ผ ๊ณต์ ์์
์ด HTML ํ์ผ์ ๋ค๋ฅธ ์ฌ๋์๊ฒ ๋ณด๋ด๋ ๋ด ๋ฐ์ดํฐ๋ ํฌํจ๋์ง ์์์. ๋ฐ์ดํฐ๋ ๋ธ๋ผ์ฐ์ ์ ์์ด์.
๐ก๏ธ
๊ฐ์ธ ๊ธฐ๊ธฐ์์, ๊ฐ์ธ ๋ธ๋ผ์ฐ์ ์์๋ง ์ฌ์ฉํ์ธ์. ๋ฏผ๊ฐํ ์ ๋ณด(๋น๋ฐ๋ฒํธ, ๊ธ์ต ์ ๋ณด ๋ฑ)๋ ์ ์ฅํ์ง ๋ง์ธ์.
05 โ ๊ธฐ๋ฅ ํ๊ณ
๐ฑ
๊ธฐ๊ธฐ ๊ฐ ๋๊ธฐํ ๋ถ๊ฐ
PC์์ ์
๋ ฅํ ๋ฐ์ดํฐ๊ฐ ์ค๋งํธํฐ์์ ๋ณด์ด์ง ์์์. ๋๊ธฐํ๋ฅผ ์ํ๋ฉด ๋ด๋ณด๋ด๊ธฐ โ ๋ค๋ฅธ ๊ธฐ๊ธฐ์์ ๊ฐ์ ธ์ค๊ธฐ๋ฅผ ์๋์ผ๋ก ํด์ผ ํด์.
โ๏ธ
์๋ ๋ฐฑ์
์์
๋ธ๋ผ์ฐ์ ์บ์ ์ญ์ , OS ์ฌ์ค์น ๋ฑ์ผ๋ก ๋ฐ์ดํฐ๊ฐ ์ฌ๋ผ์ง ์ ์์ด์. ์ฃผ๊ธฐ์ ์ธ ์๋ ๋ฐฑ์
(๋ด๋ณด๋ด๊ธฐ)์ด ํ์์์.
๐ฅ
ํ์
๋ถ๊ฐ
๋ค๋ฅธ ์ฌ๋๊ณผ ๋ฐ์ดํฐ๋ฅผ ๊ณต์ ํ๊ฑฐ๋ ํจ๊ป ํธ์งํ ์ ์์ด์. ์์ ํ ๊ฐ์ธ์ฉ ๋๊ตฌ์์.
๐ผ๏ธ
์ด๋ฏธ์ง / ํ์ผ ์ฒจ๋ถ ๋ถ๊ฐ
ํ
์คํธ์ URL๋ง ์ ์ฅ ๊ฐ๋ฅํด์. ์ด๋ฏธ์ง, ๋ฌธ์, ํ์ผ์ ์ฒจ๋ถํ ์ ์์ด์.
๐พ
localStorage ์ฉ๋ ์ ํ (~5MB)
๋ธ๋ผ์ฐ์ ๋ณ๋ก ๋ค๋ฅด์ง๋ง ์ผ๋ฐ์ ์ผ๋ก 5MB ์ ํ์ด ์์ด์. ํ
์คํธ ์์ฃผ๋ผ๋ฉด ์์ฒ ๊ฐ ํญ๋ชฉ๊น์ง ์ถฉ๋ถํด์.
๐
์ ๋ฌธ ๊ฒ์ ๊ธฐ๋ฅ ๋ฏธ์ง์
๋จ์ ํค์๋ ๊ฒ์๋ง ๊ฐ๋ฅํด์. ํ๊ทธ ์กฐํฉ ๊ฒ์, ์ ๋ฌธ(Full-Text) ๊ฒ์ ๋ฑ ๊ณ ๊ธ ๊ฒ์์ ์ง์ํ์ง ์์์.
06 โ ๋ฐ์ดํฐ ๋ฐฑ์
๋ฐฉ๋ฒ
๋ด๋ณด๋ด๊ธฐ (Export)
์ข์ธก ํ๋จ "๋ฐ์ดํฐ ๋ด๋ณด๋ด๊ธฐ" ๋ฒํผ ํด๋ฆญ โ JSON ํ์ผ์ด ๋ค์ด๋ก๋๋ผ์. ์ด ํ์ผ์ด ๋น์ ์ ๋ฐฑ์
์ด์์. ๊ตฌ๊ธ ๋๋ผ์ด๋ธ, ์ธ์ฅ ๋๋ผ์ด๋ธ ๋ฑ ์์ ํ ๊ณณ์ ์ ์ฅํ์ธ์.
๊ฐ์ ธ์ค๊ธฐ (Import)
"๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ" ๋ฒํผ ํด๋ฆญ โ ์ ์ฅํด๋ JSON ํ์ผ ์ ํ โ ๊ธฐ์กด ๋ฐ์ดํฐ๋ฅผ ๋ณต์ํ ์ ์์ด์.
โ
๊ถ์ฅ: ์ฃผ 1ํ ๋ฐฑ์
โ ๋งค์ฃผ ์ผ์์ผ ์ผ๊ฐ ๋ฆฌ๋ทฐ ํ ๋ด๋ณด๋ด๊ธฐ๋ฅผ ์ต๊ด์ผ๋ก ๋ง๋ค์ด์.
07 โ ์์ฃผ ๋ฌป๋ ์ง๋ฌธ
Q. ํ์ผ์ USB์ ๋ฃ์ด์ ๋ค๋ฅธ ์ปดํจํฐ์์ ์ด ์ ์๋์?
ํ์ผ ์์ฒด๋ ์ด ์ ์์ง๋ง, ๋ฐ์ดํฐ๋ ์๋ ์ปดํจํฐ์ ๋ธ๋ผ์ฐ์ ์ ๋จ์์์ด์. ๋ค๋ฅธ ์ปดํจํฐ์์ ๋ฐ์ดํฐ๋ฅผ ์ฐ๋ ค๋ฉด JSON ๋ด๋ณด๋ด๊ธฐ โ ๊ฐ์ ธ์ค๊ธฐ๋ฅผ ํด์ผ ํด์.
Q. ๋ฐ์ดํฐ๊ฐ ๊ฐ์๊ธฐ ์ฌ๋ผ์ก์ด์.
๋ธ๋ผ์ฐ์ ์บ์๋ฅผ ์ง์ ๊ฑฐ๋, ๋ธ๋ผ์ฐ์ ๊ฐ ์
๋ฐ์ดํธ๋์๊ฑฐ๋, ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ์์ ์ด์์ ๊ฐ๋ฅ์ฑ์ด ๋์์. ๋ฐฑ์
JSON ํ์ผ์ด ์๋ค๋ฉด ๊ฐ์ ธ์ค๊ธฐ๋ก ๋ณต์ํ ์ ์์ด์.
Q. ์ค๋งํธํฐ์์๋ ์ธ ์ ์๋์?
๋ชจ๋ฐ์ผ ๋ธ๋ผ์ฐ์ ๋ก ์ด๋ฉด ์ฌ์ฉ ๊ฐ๋ฅํด์. ๋จ, PC์ ๋ฐ์ดํฐ๊ฐ ์๋ ๋๊ธฐํ๋์ง ์์์.
Q. ์ด ํ์ผ์ ์น๊ตฌ์๊ฒ ์ค๋ ๋ด ๋ฐ์ดํฐ๊ฐ ๋ณด์ด๋์?
์๋์. HTML ํ์ผ ์์ฒด์๋ ๋ฐ์ดํฐ๊ฐ ์์ด์. ๋ฐ์ดํฐ๋ ๋ด ๋ธ๋ผ์ฐ์ ์ ์ ์ฅ๋ผ ์์ด์.