OKNote
์‹œ์ž‘ํ•˜๊ธฐ

๐ŸŒ ๊ณต๊ฐœ ์ ‘์†: ๋‚˜๋งŒ์˜ ๋„๋ฉ”์ธ + Cloudflare

์ง‘์— ์žˆ๋Š” NAS์—์„œ OKNote๋ฅผ ๋Œ๋ฆฌ๋ฉด ๊ธฐ๋ณธ์ ์œผ๋กœ ๋กœ์ปฌ ๋„คํŠธ์›Œํฌ ์•ˆ์—์„œ๋งŒ ์ ‘์†ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํšŒ์‚ฌ์—์„œ๋“ , ์ด๋™ ์ค‘์ด๋“ , ์–ด๋””์„œ๋“  OKNote๋ฅผ ์—ด๋ ค๋ฉด "๊ณต๊ฐœ ๋งคํ•‘"์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. OKNote์—๋Š” Cloudflare Tunnel ์˜ต์…˜์ด ๋‚ด์žฅ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๊ณต์ธ IP๋„, ๊ณต์œ ๊ธฐ์˜ ํฌํŠธ ํฌ์›Œ๋”ฉ ์„ค์ •๋„ ํ•„์š” ์—†์Šต๋‹ˆ๋‹ค. ํ†ต์‹ ์‚ฌ๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์„ค IP(CGNAT)์—ฌ๋„ ๋ฌธ์ œ์—†์Šต๋‹ˆ๋‹ค.
  • ๋‚˜๋งŒ์˜ ๋„๋ฉ”์ธ์œผ๋กœ ์ฃผ์†Œ๋ฅผ ๋งŒ๋“ค๊ณ (์˜ˆ: https://notes.example.com) Cloudflare์˜ ์•”ํ˜ธํ™”๋œ ํ„ฐ๋„์„ ํ†ตํ•ด ์ ‘์†ํ•˜๋ฏ€๋กœ ์•ˆ์ „ํ•˜๊ณ  ์•ˆ์ •์ ์ž…๋‹ˆ๋‹ค.

์‚ฌ์ „ ์กฐ๊ฑด: ๊ณต๊ฐœ ๋งคํ•‘์€ ํŒจ๋ฐ€๋ฆฌ ํ”Œ๋žœ ์ด์ƒ์—์„œ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ์ด๋ฉฐ, ๋ฌด๋ฃŒ ํ”Œ๋žœ์—๋Š” ํฌํ•จ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ํ„ฐ๋„์˜ ํ˜ธ์ŠคํŠธ ์—ญํ• ์€ ์„œ๋ฒ„ ๋นŒ๋“œ(NAS / ๋ฐ์Šคํฌํ†ฑ ์„œ๋ฒ„)์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค. Mac App Store ์ธ์•ฑ ๊ฒฐ์ œ ๋ฒ„์ „์€ ์ƒŒ๋“œ๋ฐ•์Šค์—์„œ ์‹คํ–‰๋˜๋ฏ€๋กœ ํ„ฐ๋„ ํ˜ธ์ŠคํŠธ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  ๊ณผ์ •์€ ์„ค์ • โ†’ ๊ณต๊ฐœ ๋งคํ•‘ โ†’ "๊ณต๊ฐœ ์ ‘์† ์„ค์ •ํ•˜๊ธฐ ยท ๋‚˜๋งŒ์˜ ๋„๋ฉ”์ธ ์—ฐ๊ฒฐ"์˜ 4๋‹จ๊ณ„ ๋งˆ๋ฒ•์‚ฌ ์•ˆ์—์„œ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค. ์•„๋ž˜์—์„œ ๋‹จ๊ณ„๋ณ„๋กœ ์•ˆ๋‚ดํ•ฉ๋‹ˆ๋‹ค. ํ•ต์‹ฌ์€ 3๋‹จ๊ณ„์—์„œ ํ† ํฐ์„ ๋ฐœ๊ธ‰๋ฐ›๋Š” ๋ถ€๋ถ„์ด๋‹ˆ ๊ผผ๊ผผํžˆ ์ฝ์œผ๋ฉด ๋ง‰ํžˆ๋Š” ์ผ์ด ์—†์„ ๊ฒ๋‹ˆ๋‹ค.

1๋‹จ๊ณ„: ๋„๋ฉ”์ธ ์ค€๋น„ํ•˜๊ธฐ

์ฃผ์†Œ๋ฅผ ๋งŒ๋“ค๋ ค๋ฉด ๋‚˜๋งŒ์˜ ๋„๋ฉ”์ธ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

  • ์ด๋ฏธ ๋„๋ฉ”์ธ์ด ์žˆ๋‹ค๋ฉด(GoDaddy, Namecheap, Aliyun ๋“ฑ์—์„œ ๊ตฌ๋งคํ•œ ๊ฒƒ) โ†’ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉํ•˜๊ณ  2๋‹จ๊ณ„๋กœ ๋„˜์–ด๊ฐ€์„ธ์š”.
  • ์•„์ง ๋„๋ฉ”์ธ์ด ์—†๋‹ค๋ฉด โ†’ Cloudflare Registrar, GoDaddy, ๋˜๋Š” ๋‹ค๋ฅธ ๊ณณ์—์„œ ํ•˜๋‚˜ ๊ตฌ๋งคํ•˜์„ธ์š”. ๋ณดํ†ต ์—ฐ๊ฐ„ ๋ช‡ ๋‹ฌ๋Ÿฌ ์ˆ˜์ค€์ž…๋‹ˆ๋‹ค. .com / .top / .xyz ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

2๋‹จ๊ณ„: ๋„๋ฉ”์ธ์„ Cloudflare์— ์—ฐ๊ฒฐํ•˜๊ธฐ

์ด ๋‹จ๊ณ„๋Š” ๋„๋ฉ”์ธ์˜ DNS ๊ด€๋ฆฌ๋ฅผ Cloudflare์— ๋„˜๊ธฐ๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค.

  1. Cloudflare ๋Œ€์‹œ๋ณด๋“œ์— ๊ฐ€์ž…ํ•˜๊ณ  ๋กœ๊ทธ์ธํ•˜์„ธ์š”(๋ฌด๋ฃŒ).
  2. Add a site๋ฅผ ํด๋ฆญํ•˜๊ณ  ๋„๋ฉ”์ธ์„ ์ž…๋ ฅํ•˜์„ธ์š”.
  3. Free ํ”Œ๋žœ์„ ์„ ํƒํ•˜์„ธ์š”. Cloudflare๊ฐ€ ๋‘ ๊ฐœ์˜ nameserver(DNS ์„œ๋ฒ„) ์ฃผ์†Œ๋ฅผ ์•Œ๋ ค์ค๋‹ˆ๋‹ค.
  4. ๋„๋ฉ”์ธ์„ ๊ตฌ๋งคํ•œ ๊ณณ์œผ๋กœ ๋Œ์•„๊ฐ€ nameserver๋ฅผ Cloudflare๊ฐ€ ์•Œ๋ ค์ค€ ๋‘ ๊ฐœ๋กœ ๋ณ€๊ฒฝํ•˜์„ธ์š”.
    • GoDaddy: My Domains โ†’ ํ•ด๋‹น ๋„๋ฉ”์ธ์˜ Domain Settings ์—ด๊ธฐ โ†’ Nameservers โ†’ Change โ†’ Custom ์„ ํƒ โ†’ ๋‘ ์ฃผ์†Œ ์ž…๋ ฅ ํ›„ ์ €์žฅ.
    • Namecheap ๋“ฑ: "Nameservers" ์„ค์ •์„ ์ฐพ์•„ Custom DNS๋กœ ์ „ํ™˜ํ•˜๊ณ  ๋‘ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•œ ๋’ค ์ €์žฅํ•˜์„ธ์š”.
  5. Cloudflare์—์„œ ๋„๋ฉ”์ธ ์ƒํƒœ๊ฐ€ Active๋กœ ๋ฐ”๋€” ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์„ธ์š”. ๋ณดํ†ต ๋ช‡ ๋ถ„์—์„œ ๋ช‡ ์‹œ๊ฐ„ ์ •๋„ ๊ฑธ๋ฆฝ๋‹ˆ๋‹ค.

๋งŒ์•ฝ ๋„๋ฉ”์ธ์„ ์• ์ดˆ์— Cloudflare Registrar์—์„œ ๊ตฌ๋งคํ–ˆ๋‹ค๋ฉด ์ด๋ฏธ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ์œผ๋‹ˆ ์ด ๋‹จ๊ณ„๋Š” ๊ฑด๋„ˆ๋›ฐ์–ด๋„ ๋ฉ๋‹ˆ๋‹ค.

3๋‹จ๊ณ„: API ํ† ํฐ ๋งŒ๋“ค๊ธฐ(๐Ÿ”‘ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋‹จ๊ณ„)

์ด ๋‹จ๊ณ„๋Š” OKNote์—๊ฒŒ "์—ด์‡ "๋ฅผ ์ฅ์—ฌ์ค˜์„œ ์—ฌ๋Ÿฌ๋ถ„์˜ ๋„๋ฉ”์ธ ์•„๋ž˜์— ํ„ฐ๋„์„ ์ž๋™์œผ๋กœ ๋งŒ๋“ค๊ณ  DNS๋ฅผ ์„ค์ •ํ•˜๊ฒŒ ํ•˜๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค. ์–ด๋ ค์šด ๋ถ€๋ถ„์€ ์ „๋ถ€ ์—ฌ๊ธฐ์— ์žˆ์œผ๋ฉฐ, ํ•ต์‹ฌ์€ ์˜ฌ๋ฐ”๋ฅธ ๊ถŒํ•œ์„ ๋ถ€์—ฌํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

  1. Cloudflare API Tokens ํŽ˜์ด์ง€๋ฅผ ์—ฌ์„ธ์š”.

  2. Create Token์„ ํด๋ฆญ โ†’ ๋งจ ์•„๋ž˜๋กœ ์Šคํฌ๋กคํ•ด Create Custom Token์˜ Get started๋ฅผ ํด๋ฆญํ•˜์„ธ์š”.

  3. Permissions์—์„œ ์•„๋ž˜ ์„ธ ํ–‰์„ ์ •ํ™•ํžˆ ์ถ”๊ฐ€ํ•˜์„ธ์š”("+ Add more"๋ฅผ ๋ˆŒ๋Ÿฌ ํ–‰์„ ๋Š˜๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค).

    ์ฒซ ๋ฒˆ์งธ ์นธ(๊ทธ๋ฃน) ๋‘ ๋ฒˆ์งธ ์นธ(ํ•ญ๋ชฉ) ์„ธ ๋ฒˆ์งธ ์นธ(์ˆ˜์ค€)
    Account Cloudflare Tunnel Edit
    Zone DNS Edit
    Zone Zone Read

    ์„ธ ํ–‰ ๋ชจ๋‘ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ํ–‰์€ OKNote๊ฐ€ ํ„ฐ๋„์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๊ณ , ๋‘ ๋ฒˆ์งธ ํ–‰์€ ์ ‘์† ๋„๋ฉ”์ธ์˜ DNS๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋ฉฐ, ์„ธ ๋ฒˆ์งธ ํ–‰์€ ์—ฌ๋Ÿฌ๋ถ„์˜ ๋„๋ฉ”์ธ ๋ชฉ๋ก์„ ์ฝ์„ ์ˆ˜ ์žˆ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.

  4. ๊ทธ ์•„๋ž˜์—์„œ:

    • Account Resources: ์—ฌ๋Ÿฌ๋ถ„์˜ ๊ณ„์ •์„ ์„ ํƒํ•˜์„ธ์š”.
    • Zone Resources: ์‚ฌ์šฉํ•  ๋„๋ฉ”์ธ์„ ์„ ํƒํ•˜์„ธ์š”(๋˜๋Š” All zones๋ฅผ ์„ ํƒํ•ด๋„ ๋ฉ๋‹ˆ๋‹ค).
  5. Continue to summary โ†’ Create Token์„ ํด๋ฆญํ•œ ๋’ค ์ƒ์„ฑ๋œ ํ† ํฐ์„ ๋ณต์‚ฌํ•˜์„ธ์š”.

    โš ๏ธ ์ด ํ† ํฐ์€ ์ด๋ฒˆ ํ•œ ๋ฒˆ๋งŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ํŽ˜์ด์ง€๋ฅผ ๋– ๋‚˜๊ธฐ ์ „์— ๋ฐ˜๋“œ์‹œ ๋ณต์‚ฌํ•ด ๋‘์„ธ์š”. ์žƒ์–ด๋ฒ„๋ฆฌ๋ฉด ์ƒˆ๋กœ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

  6. ๋ณต์‚ฌํ•œ ํ† ํฐ์„ ๋งˆ๋ฒ•์‚ฌ 4๋‹จ๊ณ„๋กœ ๊ฐ€์ ธ๊ฐ€์„ธ์š”.

4๋‹จ๊ณ„: ์ž…๋ ฅํ•˜๊ณ  ํ™œ์„ฑํ™”ํ•˜๊ธฐ

OKNote ๋งˆ๋ฒ•์‚ฌ์˜ 4๋‹จ๊ณ„๋กœ ๋Œ์•„์˜ต๋‹ˆ๋‹ค.

  1. ๋„๋ฉ”์ธ: ๋ฃจํŠธ ๋„๋ฉ”์ธ์„ ์ž…๋ ฅํ•˜์„ธ์š”. ์˜ˆ: example.com(https:// ์—†์ด, ์„œ๋ธŒ๋„๋ฉ”์ธ ์—†์ด).
  2. ์„œ๋ธŒ๋„๋ฉ”์ธ: ์ ‘์† ํ”„๋ฆฌํ”ฝ์Šค์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ๊ฐ’์€ notes์ž…๋‹ˆ๋‹ค. ์ž…๋ ฅํ•˜๋Š” ๋™์•ˆ ๋งˆ๋ฒ•์‚ฌ๊ฐ€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ฃผ์†Œ๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์˜ˆ: https://notes.example.com.
  3. Cloudflare API Token: 3๋‹จ๊ณ„์—์„œ ๋ณต์‚ฌํ•œ ํ† ํฐ์„ ๋ถ™์—ฌ๋„ฃ์œผ์„ธ์š”.
  4. "๋„๋ฉ”์ธ๊ณผ ํ† ํฐ ํ™•์ธ"์„ ํด๋ฆญํ•˜์„ธ์š”. ์„ฑ๊ณตํ•˜๋ฉด ์ดˆ๋ก์ƒ‰์œผ๋กœ "ํ™•์ธ ์™„๋ฃŒ, ํ™œ์„ฑํ™” ๊ฐ€๋Šฅ"์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

    ํ™•์ธ์— ์‹คํŒจํ•˜๋‚˜์š”? ๋Œ€๋ถ€๋ถ„ 3๋‹จ๊ณ„์—์„œ ๊ถŒํ•œ ํ–‰์ด ํ•˜๋‚˜ ๋น ์กŒ๊ฑฐ๋‚˜, ๋„๋ฉ”์ธ ์ž…๋ ฅ์ด ํ‹€๋ ธ๊ฑฐ๋‚˜ ์•„์ง Active ์ƒํƒœ๊ฐ€ ์•„๋‹Œ ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค. ๋Œ์•„๊ฐ€์„œ ์„ธ ํ–‰์˜ ๊ถŒํ•œ์„ ๋‹ค์‹œ ํ™•์ธํ•˜์„ธ์š”.

  5. "ํ™œ์„ฑํ™”"๋ฅผ ํด๋ฆญํ•˜์„ธ์š”. ์ž ์‹œ ํ›„ ๊ณต๊ฐœ ์ฃผ์†Œ๊ฐ€ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

์ดํ›„๋กœ๋Š” ์–ด๋–ค ๋„คํŠธ์›Œํฌ์—์„œ๋“  https://notes.์—ฌ๋Ÿฌ๋ถ„์˜๋„๋ฉ”์ธ์„ ์—ด๋ฉด ์ด OKNote์— ์ ‘์†ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

  • ๋„๋ฉ”์ธ์„ ๊ผญ ์‚ฌ์•ผ ํ•˜๋‚˜์š”? ๋„ค, ๋‚˜๋งŒ์˜ ๋„๋ฉ”์ธ ์—ฐ๊ฒฐ์—๋Š” ์—ฌ๋Ÿฌ๋ถ„ ์†Œ์œ ์˜ ๋„๋ฉ”์ธ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค(์—ฐ๊ฐ„ ๋ช‡ ๋‹ฌ๋Ÿฌ ์ˆ˜์ค€). ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์ฃผ์†Œ๊ฐ€ ์˜จ์ „ํžˆ ์—ฌ๋Ÿฌ๋ถ„ ๊ฒƒ์ด ๋˜์–ด ๊น”๋”ํ•˜๊ณ  ์•ˆ์ •์ ์ž…๋‹ˆ๋‹ค.
  • ํ™•์ธ์ด ๊ณ„์† ์‹คํŒจํ•˜๋‚˜์š”? ๋‹ค์Œ ์ˆœ์„œ๋กœ ํ™•์ธํ•˜์„ธ์š”. โ‘  3๋‹จ๊ณ„์˜ ๊ถŒํ•œ ์„ธ ํ–‰์ด ๋ชจ๋‘ ์žˆ๊ณ  ๊ทธ๋ฃน/ํ•ญ๋ชฉ/์ˆ˜์ค€์ด ์ •ํ™•ํžˆ ์ผ์น˜ํ•˜๋Š”์ง€, โ‘ก Cloudflare์—์„œ ๋„๋ฉ”์ธ์ด Active ์ƒํƒœ์ธ์ง€, โ‘ข ๋„๋ฉ”์ธ ์˜คํƒ€๋‚˜ ํ† ํฐ์„ ์ „์ฒด ๋ณต์‚ฌํ•˜์ง€ ๋ชปํ•œ ๋ถ€๋ถ„์ด ์—†๋Š”์ง€.
  • ํ™œ์„ฑํ™”ํ–ˆ๋Š”๋ฐ ์—ด๋ฆฌ์ง€ ์•Š๋‚˜์š”? ๋„๋ฉ”์ธ์„ ๋ง‰ ์—ฐ๊ฒฐํ•œ ์งํ›„์—๋Š” DNS๊ฐ€ ์ „ํŒŒ๋˜๋Š” ๋ฐ ์‹œ๊ฐ„์ด ์กฐ๊ธˆ ๊ฑธ๋ฆฝ๋‹ˆ๋‹ค. ์„œ๋ฒ„ ์ž์ฒด๊ฐ€ ์˜จ๋ผ์ธ ์ƒํƒœ์ด๊ณ  ์ธํ„ฐ๋„ท์— ์—ฐ๊ฒฐ๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธํ•˜์„ธ์š”(ํ„ฐ๋„์€ ์„œ๋ฒ„๊ฐ€ Cloudflare๋กœ ์•„์›ƒ๋ฐ”์šด๋“œ ์—ฐ๊ฒฐ์„ ๋งบ๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค).
  • ๋„๋ฉ”์ธ์„ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ๋„๊ณ  ์‹ถ๋‹ค๋ฉด? ์„ค์ • โ†’ ๊ณต๊ฐœ ๋งคํ•‘์œผ๋กœ ๋Œ์•„๊ฐ€ ๋‹ค์‹œ ์„ค์ •ํ•˜๊ฑฐ๋‚˜ ๊ณต๊ฐœ ์ ‘์†์„ ๋Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“ธ Cloudflare๋Š” ์ด๋”ฐ๊ธˆ ๋ฒ„ํŠผ ์œ„์น˜๋ฅผ ๋ฐ”๊พธ์ง€๋งŒ, "Create Custom Token๊ณผ ์œ„์˜ ์„ธ ๊ฐ€์ง€ ๊ถŒํ•œ ํ–‰"์ด๋ผ๋Š” ํ•ต์‹ฌ์€ ๋ณ€ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ถŒํ•œ ํ‘œ๋งŒ ๋ฏฟ๊ณ  ๋”ฐ๋ผ๊ฐ€๋ฉด ๋ฌธ์ œ์—†์Šต๋‹ˆ๋‹ค.


๊ฐ€์ด๋“œ๋Š” ์—ฌ๊ธฐ๊นŒ์ง€์ž…๋‹ˆ๋‹ค ๐ŸŽ‰ ์ด ๋…ธํŠธ๋“ค์€ ์ž์œ ๋กญ๊ฒŒ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ์‚ญ์ œํ•ด๋„ ์ข‹์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ๊ธฐ๋Šฅ๋„ ๋ง๊ฐ€์ง€์ง€ ์•Š์Šต๋‹ˆ๋‹ค. OKNote์™€ ์ฆ๊ฑฐ์šด ์‹œ๊ฐ„ ๋ณด๋‚ด์„ธ์š”!