{"id":9341,"date":"2026-09-03T09:00:33","date_gmt":"2026-09-03T00:00:33","guid":{"rendered":"https:\/\/www.freelifemakers.org\/wordpress\/?p=9341"},"modified":"2026-09-03T10:16:50","modified_gmt":"2026-09-03T01:16:50","slug":"nextjs-project-summary","status":"publish","type":"post","link":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2026\/09\/03\/nextjs-project-summary\/","title":{"rendered":"[nextjs]\ud504\ub85c\uc81d\ud2b8\uc694\uc57d\/project summary(myapp30+)"},"content":{"rendered":"\n<p>\ud83d\udc49\ud83c\udffb \uc774 \ud504\ub85c\uc81d\ud2b8 \uc694\uc57d\uc740 myapp30\ubd80\ud130 \uc801\uc6a9\ub429\ub2c8\ub2e4.<br>This project summary applies starting from myapp30.<\/p>\n\n\n\n<p>\ud83d\udc49\ud83c\udffb \uc804\uccb4 \ucf54\ub4dc\ub294 \uae43\ud5c8\ube0c\uc5d0\uc11c \ud655\uc778 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>You can find the full code on GitHub.<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/gideonslife01\/flm-nextjs\">https:\/\/github.com\/gideonslife01\/flm-nextjs<\/a><\/p>\n\n\n\n<p>\ud83d\udcc1 \uc804\uccb4 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870 \/ Overall Project Structure<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>myapp project\/  \n\u251c\u2500\u2500 app\/  (Next.js App Router)\n\u2502   \u251c\u2500\u2500 .well-known\/webfinger\/route.ts  -&gt; webfinger\n\u2502   \u251c\u2500\u2500 api\/follow\/route.ts    -&gt; Follow API\n\u2502   \u251c\u2500\u2500 api\/announce\/route.ts  -&gt; Boost(Announcement)\n\u2502   \u251c\u2500\u2500 api\/like\/route.ts.     -&gt; Like API\n\u2502   \u251c\u2500\u2500 api\/posts\/route.ts     -&gt; Writing API\n\u2502   \u251c\u2500\u2500 api\/timeline\/route.ts  -&gt; Timeline API\n\u2502   \u251c\u2500\u2500 users\/&#91;username]\/\n\u2502   \u2502   \u251c\u2500\u2500 statuses\/&#91;id]\/route.ts -&gt; Indivisual Post\n\u2502   \u2502   \u251c\u2500\u2500 route.ts               -&gt; Acotr Information\n\u2502   \u2502   \u251c\u2500\u2500 followers\/route.ts     -&gt; Followers List\n\u2502   \u2502   \u251c\u2500\u2500 following\/route.ts     -&gt; Following List\n\u2502   \u2502   \u251c\u2500\u2500 inbox\/route.ts         -&gt; Inbox\n\u2502   \u2502   \u2514\u2500\u2500 outbox\/route.ts        -&gt; outbox\n\u2502   \u251c\u2500\u2500 usersui\/&#91;username]\/\n\u2502   \u2502   \u251c\u2500\u2500 page.tsx               -&gt; Timeline UI\n\u2502   \u2502   \u2514\u2500\u2500 _components\/themes\/\n\u2502   \u2502       \u251c\u2500\u2500 themeex\/ThemeexTheme.tsx   -&gt; Example Theme\n\u2502   \u2502       \u251c\u2500\u2500 pinafore\/PinaforeTheme.tsx -&gt; Theme 1\n\u2502   \u2502       \u251c\u2500\u2500 mastodon\/MastodonTheme.tsx -&gt; Theme 2\n\u2502   \u2502       \u2514\u2500\u2500 minimal\/MinimaltTheme.tsx  -&gt; Theme 3\n\u2502   \u251c\u2500\u2500 layout.tsx, page.tsx, globals.css\n\u2502   \u2514\u2500\u2500 favicon.ico\n\u251c\u2500\u2500 lib\/\n\u2502   \u251c\u2500\u2500 theme.tsx              -&gt; Theme Provider\n\u2502   \u251c\u2500\u2500<strong> <\/strong>watchThemes.ts         -&gt; Check real-time theme changes\n\u2502   \u251c\u2500\u2500 ap.ts                  -&gt; Follow Accept\n\u2502   \u2514\u2500\u2500 db.ts                  -&gt; DB connection\n\u251c\u2500\u2500 data\/\n\u2502   \u2514\u2500\u2500 keys\/                  -&gt; private.pem, public.pem\n\u251c\u2500\u2500 data.sqlite                -&gt; Database\n\u251c\u2500\u2500 Caddyfile                  -&gt; https \n\u251c\u2500\u2500 instrumentation.ts         -&gt; Background Server\n\u2514\u2500\u2500 package.json<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 \ud504\ub85c\uc81d\ud2b8 \uc2dc\uc791(myapp)<br>Project Start (myapp)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npx create-next-app@latest<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 SQLite\uc124\uce58 \/ Installing SQLite<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd ~\/myapp project\nnpm install better-sqlite3\nnpm install -D @types\/better-sqlite3<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 chokidar \uc124\uce58 \/ Installing chokidar<\/p>\n\n\n\n<p>&#8212; \uc2e4\uc2dc\uac04 \ud30c\uc77c \ubc0f \ud3f4\ub354\ubcc0\uacbd \uac10\uc2dc\uae30\ub2a5<br>Real-time file and folder change monitoring function<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install -D chokidar<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 DDNS,https\uc124\uc815 \/ DDNS,https settings<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-freelifemakers-org wp-block-embed-freelifemakers-org\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"3MjeJIioJ5\"><a href=\"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2026\/08\/10\/nextjs-dns-caddy\/\">[nextjs]nextjs+domain(ddns)+https(caddy)<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;[nextjs]nextjs+domain(ddns)+https(caddy)&#8221; &#8212; freelifemakers.org\" src=\"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2026\/08\/10\/nextjs-dns-caddy\/embed\/#?secret=fWm1b3G3Ic#?secret=3MjeJIioJ5\" data-secret=\"3MjeJIioJ5\" width=\"560\" height=\"315\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\ud83d\udcc1 \ub3c4\uba54\uc778\ud5c8\uc6a9, @userid \uc0ac\uc6a9\ud558\uae30<br>Allowing domains, using @userid<\/p>\n\n\n\n<p>&#8212; next.config.ts<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import type { NextConfig } from \"next\";\n\nconst nextConfig: NextConfig = {\n  \/* allow domain*\/\n  allowedDevOrigins: &#91;'aloy-horizon.duckdns.org', '*.duckdns.org'],\n\n  \/* host.domain.org\/@userid *\/\n<strong>  async rewrites() {\n    return &#91;\n      {\n        source: '\/@:username',\n        destination: '\/usersui\/:username',\n      },\n    ]\n  }<\/strong>\n};\n\n\nexport default nextConfig;\n<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 \uc774\uc804 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc2e0\uaddc \ud504\ub85c\uc81d\ud2b8\ub85c \ubcf5\uc0ac\ud560 \ud30c\uc77c<br>Files to copy from the previous project to the new project<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>myapp project\/  \n\u251c\u2500\u2500 app\/  (Next.js App Router)\n\u2502   \u251c\u2500\u2500 .well-known\/webfinger\/route.ts  -&gt; webfinger\n\u2502   \u251c\u2500\u2500 api\/                  -&gt; API\n\u2502   \u251c\u2500\u2500 users\/                -&gt; Inbox,Outbox,Post,Actor\n\u2502   \u251c\u2500\u2500 usersui\/              -&gt; Timeline UI,Theme\n\u2502   \u251c\u2500\u2500 layout.tsx            -&gt; Privoder\n\u251c\u2500\u2500 lib\/\n\u251c\u2500\u2500 data\/                     -&gt; Key\n\u251c\u2500\u2500 data.sqlite               -&gt; Database(WAL)\n\u251c\u2500\u2500 data.sqlite-wal           -&gt; Database(WAL)\n\u251c\u2500\u2500 data.sqlite-shm           -&gt; Database(WAL)\n\u251c\u2500\u2500 Caddyfile                 -&gt; https \n\u251c\u2500\u2500 next.config.ts            -&gt; DDNS,@\n\u2514\u2500\u2500 instrumentation.ts        -&gt; Background Server<\/code><\/pre>\n\n\n\n<p>1)\ub370\uc774\ud130\ubca0\uc774\uc2a4 \ud30c\uc77c\uc740 3\uac1c \ubaa8\ub450 \uc62e\uae41\ub2c8\ub2e4.<br>Move all three database files.<\/p>\n\n\n\n<p>2) \uc544\ub798\uc758 \uba85\ub839\uc744 \uc2e4\ud589\ud558\uba74 \ud30c\uc77c\uc744 data.sqlite\ud558\ub098\ub85c \ubcd1\ud569\ud558\uba74 data.sqlite\ud30c\uc77c\ud558\ub098\ub9cc \uc62e\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>If you run the command below to merge the files into a single <code>data.sqlite<\/code> file, you only need to move that one file.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sqlite3 data.sqlite \"PRAGMA wal_checkpoint(TRUNCATE);\"<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\ud83d\udcc1 \ub514\ub809\ud1a0\ub9ac \uad6c\uc870 \ubc0f \ud30c\uc77c \uc0c1\uc138 \uc124\uba85<br>Detailed Description of Directory Structure and Files<\/p>\n\n\n\n<p>\u2714\ufe0f app\/.well-known\/webfinger\/route.ts <\/p>\n\n\n\n<p>&#8211; \ub2e4\ub978\uc11c\ubc84\uc5d0\uc11c  \ub0b4 \uc11c\ubc84\ub97c \uac80\uc0c9 \/ Search for my server on another server<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- `acct:user1@aloy-horizon.duckdns.org` \uac80\uc0c9\ud558\uba74 \ub0b4 actor \uc8fc\uc18c \uc54c\ub824\uc90c\nSearching for `acct:user1@aloy-horizon.duckdns.org` returns my actor address.\n\n- Mastodon\uc5d0\uc11c `@user1@aloy-horizon.duckdns.org` \uac80\uc0c9\ud560 \ub54c \uc0ac\uc6a9\ud568.\nUse this when searching for `@user1@aloy-horizon.duckdns.org` on Mastodon.\n\n- \uc5c6\uc73c\uba74 \ub2e4\ub978 \uc11c\ubc84\uc5d0\uc11c \ub0b4 \uc11c\ubc84\ub97c \ubabb \ucc3e\uc74c.\nWithout it, other servers won't be able to find your server.\n\n- \ud14c\uc2a4\ud2b8\/Test: https:\/\/aloy-horizon.duckdns.org\/.well-known\/webfinger?resource=acct:user1@aloy-horizon.duckdns.org<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f app<code>\/api\/follow\/route.ts<\/code>&nbsp;&#8211; \ub0b4\uac00 \ub2e4\ub978 \uc11c\ubc84 \ud314\ub85c\uc6b0 \/ I follow other servers.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- POST: \ud314\ub85c\uc6b0 \uc2dc\uc791 -&gt; sendFollow()\ud568\uc218\ub85c \uc0c1\ub300 inbox\uc5d0 Follow \uc804\uc1a1\nStart following -&gt; Send a follow request to the recipient's inbox using the sendFollow() function.\n\n- DELETE: \uc5b8\ud314\ub85c\uc6b0 -&gt; sendUndoFollow()\ud568\uc218\ub85c \uc0c1\ub300 inbox\ub85c Undo Follow \uc804\uc1a1\nUnfollow -&gt; Send an \"Undo Follow\" to the other party's inbox using the `sendUndoFollow()` function.<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f app<code>\/api\/like\/route.ts<\/code>&nbsp;&#8211; \uc88b\uc544\uc694 \/ Likes<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- POST: \uc88b\uc544\uc694\/Like -&gt; sendLike()\n- DELETE: \uc88b\uc544\uc694 \ucde8\uc18c\/Cancle Like -&gt; sendUndoLike()<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f<code>app\/api\/posts\/route.ts<\/code>&nbsp;&#8211; \uae00 \uc870\ud68c,\uc4f0\uae30,\uc218\uc815,\uc0ad\uc81c \/ View, write, edit, and delete posts<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- GET: \ub0b4 \uae00\ub9cc \uc870\ud68c\/View only my posts (SELECT * FROM posts WHERE username = ?)\n\n- POST: \uae00 \uc4f0\uae30 -&gt; DB \uc800\uc7a5 + followers\uc5d0\uac8c sendNote()\ub85c \ubc30\ub2ec! \nWrite a post -&gt; Save to DB + Deliver to followers via sendNote()\n\n- PUT: \uae00 \uc218\uc815 -&gt; DB\ub9cc \uc218\uc815 \nEdit post -&gt; Update DB only \n\n- DELETE: \uae00 \uc0ad\uc81c -&gt; DB \uc0ad\uc81c + followers\uc5d0\uac8c sendDelete()\ub85c \uc0ad\uc81c \uc804\ud30c\nDelete post -&gt; Delete from DB + propagate deletion to followers via sendDelete()<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f app<code>\/api\/timeline\/route.ts<\/code>  &#8211; posts(outbox) + inxbox_posts(inbox) <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code> - GET: posts(\ub0b4 \uae00) + inbox_posts(\ub0a8\uc774 \uc4f4 \uae00) \ucd5c\uc2e0\uc21c\uc73c\ub85c \ucd5c\uc2e0\uc21c\uc73c\ub85c \uac80\uc0c9\nSearch posts (my posts) + inbox_posts (posts by others) by recency.\n\n- \/usersui\/user1 \ud0c0\uc784\ub77c\uc778 UI\uac00 \uc774 API\ub97c \ud638\ucd9c\ud568\n\/usersui\/user1 The timeline UI calls this API.<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f app<code>\/users\/[username]\/route.ts<\/code> &#8211; Actor \ud504\ub85c\ud544 \/ Actor Porfile<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- GET: \ub0b4 \ud504\ub85c\ud544 \uc815\ubcf4 (publicKey, inbox, outbox, followers, following URL \uc54c\ub824\uc90c)\nMy profile information (provides publicKey, inbox, outbox, followers, and following URLs)\n\n- \uc0c1\ub300 \uc11c\ubc84\uac00 \ub0b4 \uc11c\ubc84\ub97c \uc870\ud68c\ud560 \ub54c \uc0ac\uc6a9\ud568.\nUsed when a remote server queries my server.\n\n- \ud14c\uc2a4\ud2b8\/Test: https:\/\/aloy-horizon.duckdns.org\/users\/user1\n\n- \uc5c6\uc73c\uba74 \uc5f0\ubc29 \uc790\uccb4\uac00 \uc548 \ub428!\nWithout it, the federation itself cannot function!<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>app\/users\/[username]\/statuses\/[id]\/route.ts<\/code>&nbsp;&#8211; \uac1c\ubcc4 \uae00 \/ Individual Posts<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- GET: \uae00 1\uac1c \uc0c1\uc138\ubcf4\uae30 \/ View post details\n\n- \uc5ed\ud560\/Role: \n    1. posts \ud14c\uc774\ube14\uc5d0\uc11c \ub0b4 \uae00 \ucc3e\uae30\n       Find my posts in the 'posts' table\n    2. inbox_posts \ud14c\uc774\ube14\uc5d0\uc11c \ub0a8\uc758 \uae00 \ucc3e\uae30\n       Finding posts by others in the inbox_posts table\n    3. Note JSON\uc73c\ub85c \ubc18\ud658 (to, cc, content \ub4f1)\n       Note: Returned as JSON (to, cc, content, etc.)\n\n- \ud14c\uc2a4\ud2b8\/Test: \/users\/user1\/statuses\/e6c99652-572f-491a-9e61-05e67b0d58fc\n\n- \uc5c6\uc73c\uba74 Mastodon\uc5d0\uc11c \ub0b4 \uae00 \ud074\ub9ad\ud558\uba74 404\uc5d0\ub7ec \ubc1c\uc0dd\ud568.\nWithout it, clicking on my post in Mastodon results in a 404 error.<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f app<code>\/users\/[username]\/following\/route.ts<\/code> <\/p>\n\n\n\n<p>&#8211; \ub0b4\uac00 \ud314\ub85c\uc6b0 \ud558\ub294 \uc0ac\ub78c \ubaa9\ub85d \/ List of people I follow<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>GET: \ub0b4\uac00 \ud314\ub85c\uc6b0\ud558\ub294 \uc0ac\ub78c\ub4e4 \ubaa9\ub85d\nList of people I follow<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>app\/users\/[username]\/inbox\/route.ts<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- POST: \uc0c1\ub300 \uc11c\ubc84\uc5d0\uc11c \uc624\ub294 \ubaa8\ub4e0 Activity \ubc1b\ub294 \uacf3\nEndpoint for receiving all activities from the remote server.\n\n    -- Follow \ubc1b\uc74c -&gt; following \ud14c\uc774\ube14 \ucd94\uac00 + sendAccept()\ub85c \uc218\ub77d\n       Upon receiving a follow request -&gt; Add to the 'following' table + accept via `sendAccept()`.\n\n    -- Accept \ubc1b\uc74c -&gt; followers \ud14c\uc774\ube14 \ucd94\uac00!\n       Accept received -&gt; Added to the 'followers' table!\n\n    -- Create(Note) \ubc1b\uc74c -&gt; inbox_posts \ud14c\uc774\ube14\uc5d0 \uc800\uc7a5(\ud0c0\uc784\ub77c\uc778\uc5d0 \ub738)\n       Receive Create(Note) -&gt; Save to `inbox_posts` table (appears on the timeline)\n\n    -- Like \ubc1b\uc74c -&gt; likes \ud14c\uc774\ube14 \uc800\uc7a5\n       \"Like\" received -&gt; Save to the 'likes' table\n\n    -- Announce(Boost) \ubc1b\uc74c -&gt; announces \ud14c\uc774\ube14 \uc800\uc7a5\n       'Announce(Boost)' received -&gt; Save to the 'announces' table!\n\n    -- Delete \ubc1b\uc74c -&gt; inbox_posts\uc5d0\uc11c \uc0ad\uc81c\n       Delete 'Received' -&gt; Delete from inbox_posts\n\n    -- Undo \ubc1b\uc74c -&gt; \ud574\ub2f9 \ub370\uc774\ud130 \uc0ad\uc81c\n       Undo received -&gt; Corresponding data deleted\n\n- ActivityPub \uc5f0\ubc29 \uc218\uc2e0\uc758 \ud575\uc2ec \/ The core of ActivityPub federal receiving<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/users\/[username]\/outbox\/route.ts<\/code> &#8211; \ub0b4\uac00 \uc4f4 \uae00 \ubaa9\ub85d \/ List of posts I&#8217;ve written<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- GET: \ub0b4 \uae00 \ubaa9\ub85d\uc744 ActivityPub \ud45c\uc900(OrderedCollection)\uc73c\ub85c \ubc18\ud658\nReturn the list of my posts in the ActivityPub standard (OrderedCollection) format.\n\n- \uc0c1\ub300 \uc11c\ubc84\uac00 \ub0b4 \uae00\uc744 \uac00\uc838\uac08 \ub54c \uc0ac\uc6a9 \ud568.\nUsed when a remote server retrieves my post.\n\n- \/api\/posts\ub791 \ube44\uc2b7\ud558\uc9c0\ub9cc outbox\ub294 \ud45c\uc900 \ud3ec\ub9f7, \/api\/posts\ub294 \ub0b4 UI\uc6a9\nIt's similar to \/api\/posts, but outbox is the standard format, while \/api\/posts is for my UI.<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/usersui\/[username]\/page.tsx<\/code>&nbsp; &#8211; \ud0c0\uc784\ub77c\uc778 UI \/ Timeline UI<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ubcf4\ub294 \ud0c0\uc784\ub77c\uc778 \ud654\uba74(\ud14c\ub9c8\ub97c \ud30c\uc77c\uc744 \ubd88\ub7ec\uc634)\nTimeline view in the browser (loading the theme file)\n\n- \/api\/timeline \ud638\ucd9c\ud574\uc11c \uae00 \ubcf4\uc5ec\uc90c\nCalls \/api\/timeline to display posts.\n\n- themes\/ - Pinafore, Mastodon, Minimal \ud14c\ub9c8 3\uac1c\nthemes\/ - 3 themes: Pinafore, Mastodon, and Minimal<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>lib\/ap.ts<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \uc911\uc694\ud568\uc218 \ubaa8\uc74c\nCollection of Important Functions\n\n- getPrivateKey(): username\ubcc4 \uac1c\uc778\ud0a4 \ub85c\ub4dc\ngetPrivateKey(): Load private key by username\n\n- signAndSend(): \ubaa8\ub4e0 Activity \uc11c\uba85 + \uc804\uc1a1\nsignAndSend(): Sign and send all activities.\n\n- sendFollow, sendAccept, sendNote, sendLike, sendAnnounce, sendDelete...\n<\/code><\/pre>\n\n\n\n<p>&#8212; lib\/ap.ts \uc804\uccb4 \ud568\uc218 \/ full function<\/p>\n\n\n\n<p>1)\uacf5\uc6a9\ud568\uc218 \/ Common function<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud568\uc218\/Functions<\/th><th>\uae30\ub2a5\/features<\/th><\/tr><\/thead><tbody><tr><td><code>getPrivateKey(username)<\/code><\/td><td><code>username<\/code>\ubcc4 \uac1c\uc778\ud0a4 \ub85c\ub4dc.&nbsp;<br><code>data\/keys\/user1\/private.pem<\/code>&nbsp;\uc6b0\uc120, <br>\uc5c6\uc73c\uba74&nbsp;<code>data\/keys\/private.pem<\/code>&nbsp;fallback<\/td><\/tr><tr><td><code>signAndSend(inbox, doc, username)<\/code><\/td><td>Activity JSON \uc11c\uba85(SHA-256 + RSA) +&nbsp;<code>POST<\/code>&nbsp;\uc804\uc1a1. \ubaa8\ub4e0&nbsp;<code>sendXXX<\/code>\uac00 \uc774\uac70 \uc0ac\uc6a9\ud568.<\/td><\/tr><tr><td><code>signedFetch(url, username)<\/code><\/td><td><code>GET<\/code>&nbsp;\uc694\uccad\uc5d0 HTTP Signature \ubd99\uc5ec\uc11c \uac00\uc838\uc624\uae30. <br>\uc0c1\ub300\ubc29 actor \uc815\ubcf4 \uc870\ud68c\ud560 \ub54c \uc0ac\uc6a9\ud568.<br><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>2)Activity \uc804\uc6a9 \ud568\uc218 \/ Activity-specific function<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud568\uc218\/Functions<\/th><th>\uc804\uc1a1\/Transmission<\/th><th>\uc0ac\uc6a9\/Use<\/th><\/tr><\/thead><tbody><tr><td><code>sendAccept(toInbox, followActivity, username)<\/code><\/td><td><code>Accept<\/code><\/td><td>\ub2e4\ub978 \uc0ac\ub78c\uc774 \ub0a0 \ud314\ub85c\uc6b0\ud588\uc744 \ub54c, \ud314\ub85c\uc6b0 \uc218\ub77d<br>When someone follows me, accept the follow<\/td><\/tr><tr><td><code>sendNote(toInbox, note, username, postId, content)<\/code><\/td><td><code>Create<\/code>&nbsp;+&nbsp;<code>Note<\/code><\/td><td>\ub0b4\uac00 \uae00 \uc37c\uc744 \ub54c, \ud314\ub85c\uc6cc inbox\ub85c \uae00 \ubc30\ub2ec<br>When I write a post, it gets delivered to my followers&#8217; inboxes.<\/td><\/tr><tr><td><code>sendFollow(toInbox, targetActor, username)<\/code><\/td><td><code>Follow<\/code><\/td><td>\ub0b4\uac00 \ub2e4\ub978 \uc0ac\ub78c \ud314\ub85c\uc6b0\ud560 \ub54c<br>When I follow someone else<\/td><\/tr><tr><td><code>sendUndoFollow(targetActor, username)<\/code><\/td><td><code>Undo<\/code>&nbsp;+&nbsp;<code>Follow<\/code><\/td><td>\ub0b4\uac00 \uc5b8\ud314\ub85c\uc6b0\ud560 \ub54c<br>When I unfollow<\/td><\/tr><tr><td><code>sendLike(toInbox, postId, username)<\/code><\/td><td><code>Like<\/code><\/td><td>\ub0b4\uac00 \ub2e4\ub978 \uc0ac\ub78c \uae00 \uc88b\uc544\uc694\ud560 \ub54c<br>When I &#8216;like&#8217; someone else&#8217;s post<\/td><\/tr><tr><td><code>sendUndoLike(toInbox, likeId, postId, username)<\/code><\/td><td><code>Undo<\/code>&nbsp;+&nbsp;<code>Like<\/code><\/td><td>\uc88b\uc544\uc694 \ucde8\uc18c\ud560 \ub54c<br>When cancelling a &#8216;Like&#8217;<\/td><\/tr><tr><td><code>sendAnnounce(toInbox, postId, username)<\/code><\/td><td><code>Announce<\/code><\/td><td>\ubd80\uc2a4\ud2b8\/\ub9ac\ud3ec\uc2a4\ud2b8 \ud560 \ub54c<br>When boosting\/reposting<\/td><\/tr><tr><td><code>sendUndoAnnounce(toInbox, announceId, postId, username)<\/code><\/td><td><code>Undo<\/code>&nbsp;+&nbsp;<code>Announce<\/code><\/td><td>\ubd80\uc2a4\ud2b8 \ucde8\uc18c\ud560 \ub54c<br>When canceling the boost<\/td><\/tr><tr><td><code>sendDelete(toInbox, postId, username)<\/code><\/td><td><code>Delete<\/code>&nbsp;+&nbsp;<code>Tombstone<\/code><\/td><td>\ub0b4 \uae00 \uc0ad\uc81c\ud588\uc744 \ub54c \ud314\ub85c\uc6cc\ub4e4\uc5d0\uac8c \uc0ad\uc81c \uc804\ud30c(myapp30)<br>Notify followers when my post is deleted (myapp30)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>3) inbox \uc8fc\uc18c\ucd94\ucd9c \/ Extract email addresses from the inbox<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud568\uc218 \/ function<\/th><th>\uae30\ub2a5\/features<\/th><\/tr><\/thead><tbody><tr><td><code>getActorData(actorUrl, username)<\/code><\/td><td>\uc0c1\ub300\ubc29&nbsp;<code>https:\/\/mastodon.social\/users\/xxx<\/code>&nbsp;\uc815\ubcf4 \uac00\uc838\uc640\uc11c&nbsp;<code>inbox<\/code>&nbsp;\uc8fc\uc18c \ucd94\ucd9c<br>Retrieve information for the user at https:\/\/mastodon.social\/users\/xxx and extract the inbox address.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u2714\ufe0f<code>lib\/db.ts<\/code> <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 ,\ud14c\uc774\ube14 \ubc0f \uc778\ub371\uc2a4 \ucd08\uae30\ud654\nDatabase connection, table and index initialization<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 \ucee8\ud14d\uc2a4\ud2b8 \ud504\ub85c\ubc14\uc774\ub354 \uc801\uc6a9 \ubd80\ubd84<br>Implementation of the Context Provider<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>myapp project\/\n\u251c\u2500\u2500 lib\/\n\u2502   \u251c\u2500\u2500 theme.tsx              -&gt; Theme Provider (Context)\n\u2502   \u251c\u2500\u2500 watchThemes.ts         -&gt; Check real-time theme changes\n\u2502   \u251c\u2500\u2500 ap.ts                  -&gt; Follow Accept\n\u2502   \u2514\u2500\u2500 db.ts                  -&gt; DB connection\n\u2514\u2500\u2500 app\/\n    \u251c\u2500\u2500 usersui\/&#91;username]\/\n    \u2502   \u251c\u2500\u2500 page.tsx           -&gt; Timeline UI (Use Provider)\n    \u2502   \u2514\u2500\u2500 _components\/themes\/\n    \u2514\u2500\u2500 layout.tsx             -&gt; Apply the provider to the project<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f<code>\/lib\/theme.tsx<\/code> &#8211; \ud14c\ub9c8 \ucee8\ud14d\uc2a4\ud2b8 \ud504\ub85c\ubc14\uc774\ub354 \/ Theme context provider<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \ud14c\ub9c8 \uc0c1\ud0dc \uc804\uc5ed \uc800\uc7a5\nGlobally store the theme state. (useContext)\n\n    - currentTheme\n      \/app\/usersui\/&#91;username]\/_components\/themes\/themeNames.tsx\n\n    - localStorage\uc5d0 \uc800\uc7a5\ud574\uc11c \uc0c8\ub85c\uace0\uce68\ud574\ub3c4 \ud14c\ub9c8 \uc720\uc9c0\n      Save to localStorage to maintain the theme even after refreshing.<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/lib\/watchThemes.ts<\/code>&nbsp;&#8211; \uc2e4\uc2dc\uac04 \ud14c\ub9c8 \uac10\uc9c0 \/ Real-time theme detection<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \ud14c\ub9c8\ub97c \uc11c\ubc84 \uc7ac\uc2dc\uc791 \uc5c6\uc774 \uc801\uc6a9\ud558\uae30 \uc704\ud574\uc11c \uc0ac\uc6a9\ud568.\nUsed to apply the theme without restarting the server.\n\n- \/app\/usersui\/&#91;username]\/_components\/themes\/ \ud3f4\ub354 \ud30c\uc77c \ubcc0\uacbd \uc2e4\uc2dc\uac04 \uac10\uc9c0\nReal-time detection of file changes in the \/app\/usersui\/&#91;username]\/_components\/themes\/ folder\n\n- chokidar\ub85c \ud30c\uc77c \ubcc0\uacbd \uac10\uc9c0\nDetect file changes with chokidar\n\n- instrumentation.ts\uc5d0\uc11c \ubc31\uadf8\ub77c\uc6b4\ub4dc\ub85c \uc2e4\ud589\nRun in the background in instrumentation.ts\n\n- app\/usersui\/&#91;username]\/ \ub514\ub809\ud1a0\ub9ac\ub0b4 index.ts \ubc0f themeNames.ts\ud30c\uc77c \uc0dd\uc131 \ubc0f \uc5c5\ub370\uc774\ud2b8\nCreate and update the index.ts and themeNames.ts files in the app\/usersui\/&#91;username]\/ directory.\n\n- index.ts \ubc0f themeNames.ts\ub294 usersui\/&#91;username]\/page.tsx\uc5d0\uc11c \ubd88\ub7ec\uc62c \ud14c\ub9c8\ud30c\uc77c \uacbd\ub85c\uac00 \uae30\ub85d\ub428.\n`index.ts` and `themeNames.ts` contain the file paths for the themes to be imported in `usersui\/&#91;username]\/page.tsx`.\n<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/app\/layout.tsx<\/code>&nbsp; &#8211; \ud504\ub85c\ubc14\uc774\ub354 \ub8e8\ud2b8 \/ Provider root<\/p>\n\n\n\n<p>&#8212; &lt;ThemeProvider&gt;\ub85c \uc804\uccb4 \uc571 \uac10\uc2f8\uc11c \ubaa8\ub4e0 \uacf3\uc5d0 theme\ubcc0\uc218 \uc801\uc6a9<br>Wrap the entire app with <code>&lt;ThemeProvider&gt;<\/code> to apply the theme variable everywhere.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { ThemeProvider } from \"@\/lib\/theme\"; \/\/ \u2705 myapp26\n... ...  \nreturn (\n    &lt;html\n      lang=\"en\"\n      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}\n    &gt;\n      &lt;body className=\"min-h-full flex flex-col\"&gt;\n       <strong> &lt;ThemeProvider&gt;<\/strong>\n          {children}\n       <strong> &lt;\/ThemeProvider&gt;<\/strong>\n        &lt;\/body&gt;\n    &lt;\/html&gt;\n  );<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/app\/usersui\/[username]\/page.tsx<\/code> &#8211; \ud14c\ub9c8\ud638\ucd9c \ud398\uc774\uc9c0 \/ Theme Call Page<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \/api\/timeline \ud638\ucd9c\ud574\uc11c \uae00\ub3c4 \uac00\uc838\uc624\uace0, \ud14c\ub9c8\ub3c4 \uc801\uc6a9\nCall \/api\/timeline to fetch posts and apply the theme.\n\n- \ud504\ub85c\ubc14\uc774\ub354\uc5d0\uc11c \uc8fc\uc785\ub41c theme\ubcc0\uc218\ub85c \ud14c\ub9c8\ud30c\uc77c\uc744 \ubd88\ub7ec\uc635\ub2c8\ub2e4.\nLoad the theme file using the `theme` variable injected by the provider.\n\n- \ub610\ub294 pinafore\ub514\ub809\ud1a0\ub9ac\ub098 \uc790\ub3d9\uc0dd\uc131\ub41c index.ts\uc5d0\uc11c \ud14c\ub9c8\ud30c\uc77c\uc744 \ubd88\ub7ec\uc635\ub2c8\ub2e4.\nAlternatively, import the theme file from the `pinafore` directory or the automatically generated `index.ts`.\n\n\n- Code \n\n  const props = { timeline, username, onBoost: handleBoost, onLike: handleLike };\n  \n  \/\/ getThemeComponent : import { themeRegistry, getThemeComponent } from '.\/_components\/themes'; --&gt; index.ts\n<strong>  const ActiveTheme = getThemeComponent(theme as any) || themeRegistry.pinafore?.component || themeRegistry&#91;themeNames&#91;0]]?.component;<\/strong>\n  if (!ActiveTheme) return &lt;div&gt;No themes found&lt;\/div&gt;;\n\n  return <strong>&lt;ActiveTheme {...props} \/&gt;<\/strong>;<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/app\/usersui\/[username]\/_components\/themes\/<\/code> &#8211; \ud14c\ub9c8 \/ Theme<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- \ud14c\ub9c8 \ud30c\uc77c\uc774 \uc788\ub294 \ub514\ub809\ud1a0\ub9ac\nDirectory containing theme files\n\n1) themeex\/ThemeexTheme.tsx -&gt; Example Theme (\uc608\uc81c\/example)\n2) pinafore\/PinaforeTheme.tsx -&gt; Theme 1 (Pinafore Style)\n3) mastodon\/MastodonTheme.tsx -&gt; Theme 2 (Mastodon Style)\n4) minimal\/MinimaltTheme.tsx -&gt; Theme 3 (Minimal Style)<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/app\/usersui\/[username]\/_components\/themes\/<\/code>pinafore\/PinaforeTheme.tsx<\/p>\n\n\n\n<p>&#8212;  \ud14c\ub9c8\ud30c\uc77c \uc911 \ud558\ub098\uc785\ub2c8\ub2e4.<br>It is one of the theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- select\uba54\ub274\uc5d0\uc11c \ud14c\ub9c8\ub97c \uc120\ud0dd\ud574\uc11c \ud14c\ub9c8 \ubcc0\uacbd\n1) select \uba54\ub274\uc5d0\uc11c \uba54\ub274\ub97c \uc120\ud0dd\n2) theme.tsx \ud30c\uc77c\uc5d0\uc11c \uc8fc\uc785\ub41c setTheme(newTheme); \ud568\uc218\uc2e4\ud589\n3) \ub85c\uceec\uc2a4\ud1a0\ub9ac\uc9c0\uc5d0 theme \uc774\ub984\uc744 \uc800\uc7a5\ud558\uace0 <\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f <code>\/instrumentation.ts<\/code> &#8211; \ubc31\uadf8\ub77c\uc6b4\ub4dc \uc11c\ubc84 \/ Background Server<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- Next.js \uc11c\ubc84 \uc2dc\uc791 \uc2dc watchThemes.ts \uc2e4\ud589\nExecute watchThemes.ts when the Next.js server starts.<\/code><\/pre>\n\n\n\n<p>\ud83d\udcc1 \uc804\uccb4 \ub77c\uc6b0\ud2b8 \/ Full Route<\/p>\n\n\n\n<p>\u2714\ufe0f \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud14c\uc2a4\ud2b8 \ud560 \uc218 \uc788\ub294 \ub77c\uc6b0\ud2b8<br>Routes that can be tested in a browser<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># 1. WebFinger\nhttps:&#47;&#47;aloy-horizon.duckdns.org\/.well-known\/webfinger?resource=acct:user1@aloy-horizon.duckdns.org\n\n# 2. Actor (\ud504\ub85c\ud544 \/ Profile)\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\n\n# 3. Followers (\ub0a8\uc774 \ub098 \ud314\ub85c\uc6b0 \/ Someone follows me)\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/followers\n\n# 4. Following (\ub0b4\uac00 \ub0a8\uc744 \ud314\ub85c\uc6b0 \/ I follow others)\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/following\n\n# 5. Outbox (\ub0b4 \uae00 \ubaa9\ub85d \/ My post list)\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/outbox\n\n# 6. \ud0c0\uc784\ub77c\uc778 \/ Timeline\n\n# - \ud0c0\uc784\ub77c\uc778UI \/ Timeline UI\nhttps:\/\/aloy-horizon.duckdns.org\/usersui\/user1\n# or\nhttps:\/\/aloy-horizon.duckdns.org\/@user1\n\n# - \ud0c0\uc784\ub77c\uc778API \/ Timeline API\nhttps:\/\/aloy-horizon.duckdns.org\/api\/timeline?username=user1\n\n# 7. \uac1c\ubcc4 \uae00(\uae00 \uc0c1\uc138) \/ indivisual posts(Post Details)&#91;posts, inbox_posts]\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/statuses\/&#91;ID]\n\n# ex)\n# posts table\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/statuses\/e6c99652-572f-491a-9e61-05e67b0d58fc\n\n# inbox_posts table\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/statuses\/01M0P8VYEQTFW28N97W6MG8PY5\n<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f \ud130\ubbf8\ub110\uc5d0\uc11c\ub9cc \ud14c\uc2a4\ud2b8 \uac00\ub2a5\ud55c \ub77c\uc6b0\ud2b8<br>Routes that can only be tested in the terminal<\/p>\n\n\n\n<p>&#8212; \ud314\ub85c\uc6b0,\uc5b8\ud314\ub85c\uc6b0 \/ Follow,Unfollow<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># \ud314\ub85c\uc6b0 (following 1\ub85c \uc99d\uac00)\n# Follow (following increased to 1)\n\ncurl -X POST https:\/\/aloy-horizon.duckdns.org\/api\/follow \\\n  -H \"Content-Type: application\/json\" \\\n  -d '{\"username\":\"user1\",\"target\":\"https:\/\/freelifemakers.com\/users\/user1\"}'\n\n# \uc5b8\ud314\ub85c\uc6b0 (following 0\uc73c\ub85c \uac10\uc18c)\n# Unfollow (following count reduced to 0)\n\ncurl -X DELETE https:\/\/aloy-horizon.duckdns.org\/api\/follow \\\n  -H \"Content-Type: application\/json\" \\\n  -d '{\"username\":\"user1\",\"target\":\"https:\/\/freelifemakers.com\/users\/user1\"}'<\/code><\/pre>\n\n\n\n<p>&#8212; \uae00 \uc4f0\uae30, \uae00 \uc218\uc815, \uae00 \uc0ad\uc81c<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># \uae00 \uc4f0\uae30 (outbox 7\ub85c \uc99d\uac00 + \ud314\ub85c\uc6cc\ub4e4\uc5d0\uac8c \ubc30\ub2ec)\n# Writing a post (added to outbox 7 + delivered to followers)\n\ncurl -X POST https:\/\/aloy-horizon.duckdns.org\/api\/posts \\\n  -H \"Content-Type: application\/json\" \\\n  -d '{\"username\":\"user1\",\"content\":\"Hello Fediverse! #test\"}'\n\n\n# \uae00 \uc218\uc815(\ub85c\uceec\ub9cc\uac00\ub2a5, \uad6c\ud604\uc608\uc815, \ub77c\uc6b0\ud2b8\uc788\uc74c)\n# Modify post (local-only, pending implementation, route exists)\n\ncurl -X PUT https:\/\/aloy-horizon.duckdns.org\/api\/posts \\\n  -H \"Content-Type: application\/json\" \\\n  -d '{\"username\":\"user1\",\"id\":\"xxx\",\"content\":\"\uc218\uc815\ub41c \ub0b4\uc6a9\/Revised content\"}'\n\n# \u2757\ufe0f\uc5f0\ubc29 \uc218\uc815 \ucd94\uac00\ud558\ub824\uba74 \uc704 sendUpdate \ud568\uc218 \ucd94\uac00,\uc77c\ub2e8\uc740 \uae30\ub2a5 \ubcf4\ub958,\uc9c0\uc6d0\uc548\ub418\ub294 \uc11c\ubc84 \ub9ce\uc74c.\n# To add federal modifications, include the `sendUpdate` function mentioned above; however, this feature is currently on hold as many servers do not support it.\n# - lib\/ap.ts\uc5d0 sendUpdate \ud568\uc218\ucd94\uac00\n# Add the sendUpdate function to lib\/ap.ts.\n# - app\/api\/posts\/route.ts\uc758 PUT\ud568\uc218\uc5d0 sendUpdate\ud568\uc218 \ucd94\uac00\n# Add the `sendUpdate` function to the `PUT` function in`app\/api\/posts\/route.ts`.\n\n# \uae00 \uc0ad\uc81c  \/ Delete Posts(myapp30)\n# myapp30 \ubd80\ud130 GET\ubc29\uc2dd\ub3c4 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\n# 1) POST\n\ncurl -X DELETE https:\/\/aloy-horizon.duckdns.org\/api\/posts \\\n -H \"Content-Type: application\/json\" \\\n -d '{\"username\":\"user1\",\"id\":\"e6c99652-572f-491a-9e61-05e67b0d58fc\"}'\n\n# 2) GET\n\ncurl -X DELETE \"https:\/\/aloy-horizon.duckdns.org\/api\/posts?id=117204066261760455&amp;username=user1\"<\/code><\/pre>\n\n\n\n<p>&#8212; \uc88b\uc544\uc694 \uc2e4\ud589, \uc88b\uc544\uc694 \ucde8\uc18c  \/ Likes, Undo Likes<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># \uc88b\uc544\uc694 \uc2e4\ud589 \/ Likes\ncurl -X POST https:\/\/aloy-horizon.duckdns.org\/api\/like \\\n -H \"Content-Type: application\/json\" \\\n -d '{\"username\":\"user1\",\"target\":\"https:\/\/freelifemakers.com\/users\/user1\/statuses\/01M0XT1VBF23F8Y5EXAPK1VY56\"}'\n\n# \uc88b\uc544\uc694 \ucde8\uc18c\ud558\uae30 \/ Undo Likes\ncurl -X DELETE https:\/\/aloy-horizon.duckdns.org\/api\/like \\\n -H \"Content-Type: application\/json\" \\\n -d '{\"username\":\"user1\",\"target\":\"https:\/\/mastodon.social\/@Gargron\/114559081070832514\"}'<\/code><\/pre>\n\n\n\n<p>&#8212; \ubd80\uc2a4\ud2b8 \uc2e4\ud589, \ubd80\uc2a4\ud2b8 \ucde8\uc18c \/ Boost, Cancle Boost<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\n# \ubd80\uc2a4\ud2b8 \uc2e4\ud589 \/ Boost\ncurl -X POST https:\/\/aloy-horizon.duckdns.org\/api\/announce \\\n -H \"Content-Type: application\/json\" \\\n -d '{\"username\":\"user1\",\"target\":\"https:\/\/freelifemakers.com\/@user1\/statuses\/01M10AHFHCKGF9BY5G4H50VSHG\"}'\n\n# \ubd80\uc2a4\ud2b8 \ucde8\uc18c \/ Cancle Boost\ncurl -X DELETE https:\/\/aloy-horizon.duckdns.org\/api\/announce \\\n -H \"Content-Type: application\/json\" \\\n -d '{\"username\":\"user1\",\"target\":\"https:\/\/freelifemakers.com\/@user1\/statuses\/01M10AHFHCKGF9BY5G4H50VSHG\"}'<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\ud83d\udcc1 \uad00\ub828 \ubb38\uc11c \/ Related Documents<\/p>\n\n\n\n<p>\u2714\ufe0f 1. \uacf5\uc2dd \uc2a4\ud399 (W3C)&nbsp;<br>Official Specification (W3C)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;www.w3.org\/TR\/activitypub\/\nhttps:\/\/www.w3.org\/TR\/activitystreams-vocabulary\/<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f2.Mastodon \ubb38\uc11c! (\uc2e4\uc9c8\uc801 \ud45c\uc900)<br>Mastodon Documentation! (De facto standard)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;docs.joinmastodon.org\/spec\/activitypub\/<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f3. Fediverse \uac1c\ubc1c\uc790 \uc704\ud0a4 &#8211; \ud638\ud658\uc131 \uc815\ubcf4<br>Fediverse Developer Wiki &#8211; Compatibility Information<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;codeberg.org\/fediverse\/fep<\/code><\/pre>\n\n\n\n<p>\u2714\ufe0f Mastodon \uc18c\uc2a4!(\ub8e8\ube44\ucf54\ub4dc)<br>Mastodon source code! (Ruby code)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;github.com\/mastodon\/mastodon\/blob\/main\/app\/lib\/activitypub\/activity\/update.rb<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\uc694\ud55c\ubcf5\uc74c 8\uc7a5 32\uc808 \/ John 8:32<\/p>\n\n\n\n<p>&#8220;\uadf8\ub9ac\uace0 \ub108\ud76c\ub294 \uc9c4\ub9ac\ub97c \uc54c\uac8c \ub420 \uac83\uc774\uba70, \uc9c4\ub9ac\uac00 \ub108\ud76c\ub97c \uc790\uc720\ub86d\uac8c \ud560 \uac83\uc774\ub2e4.&#8221;<\/p>\n\n\n\n<p>&#8220;Then you will know the truth ,and the truth will set you free&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc49\ud83c\udffb \uc774 \ud504\ub85c\uc81d\ud2b8 \uc694\uc57d\uc740 myapp30\ubd80\ud130 \uc801\uc6a9\ub429\ub2c8\ub2e4.This project summary applies starting from myapp30. \ud83d\udc49\ud83c\udffb \uc804\uccb4 \ucf54\ub4dc\ub294 \uae43\ud5c8\ube0c\uc5d0\uc11c \ud655\uc778 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.You can find the full code on GitHub. https:\/\/github.com\/gideonslife01\/flm-nextjs \ud83d\udcc1 \uc804\uccb4 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870 \/ Overall Project Structure \ud83d\udcc1 \ud504\ub85c\uc81d\ud2b8 \uc2dc\uc791(myapp)Project Start (myapp) \ud83d\udcc1 SQLite\uc124\uce58 \/ Installing SQLite \ud83d\udcc1 chokidar \uc124\uce58 \/ Installing chokidar &#8212; \uc2e4\uc2dc\uac04 \ud30c\uc77c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,27,1,7],"tags":[],"class_list":["post-9341","post","type-post","status-publish","format-standard","hentry","category-news","category-nextjs","category-uncategorized","category-website","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/9341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=9341"}],"version-history":[{"count":17,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/9341\/revisions"}],"predecessor-version":[{"id":9380,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/9341\/revisions\/9380"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=9341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=9341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=9341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}