<\/strong>watchThemes.ts -> Check real-time theme changes\n\u2502 \u251c\u2500\u2500 ap.ts -> Follow Accept\n\u2502 \u2514\u2500\u2500 db.ts -> DB connection\n\u251c\u2500\u2500 data\/\n\u2502 \u2514\u2500\u2500 keys\/ -> private.pem, public.pem\n\u251c\u2500\u2500 data.sqlite -> Database\n\u251c\u2500\u2500 Caddyfile -> https \n\u251c\u2500\u2500 instrumentation.ts -> Background Server\n\u2514\u2500\u2500 package.json<\/code><\/pre>\n\n\n\n
\u2714\ufe0f app\/.well-known\/webfinger\/route.ts <\/p>\n\n\n\n
– \ub2e4\ub978\uc11c\ubc84\uc5d0\uc11c \ub0b4 \uc11c\ubc84\ub97c \uac80\uc0c9 \/ Search for my server on another server<\/p>\n\n\n\n
- `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\u2714\ufe0f app\/api\/follow\/route.ts<\/code>\u00a0– \ub0b4\uac00 \ub2e4\ub978 \uc11c\ubc84 \ud314\ub85c\uc6b0 \/ I follow other servers.<\/p>\n\n\n\n- POST: \ud314\ub85c\uc6b0 \uc2dc\uc791 -> sendFollow()\ud568\uc218\ub85c \uc0c1\ub300 inbox\uc5d0 Follow \uc804\uc1a1\nStart following -> Send a follow request to the recipient's inbox using the sendFollow() function.\n\n- DELETE: \uc5b8\ud314\ub85c\uc6b0 -> sendUndoFollow()\ud568\uc218\ub85c \uc0c1\ub300 inbox\ub85c Undo Follow \uc804\uc1a1\nUnfollow -> Send an \"Undo Follow\" to the other party's inbox using the `sendUndoFollow()` function.<\/code><\/pre>\n\n\n\n\u2714\ufe0f app\/api\/like\/route.ts<\/code>\u00a0– \uc88b\uc544\uc694 \/ Likes<\/p>\n\n\n\n- POST: \uc88b\uc544\uc694\/Like -> sendLike()\n- DELETE: \uc88b\uc544\uc694 \ucde8\uc18c\/Cancle Like -> sendUndoLike()<\/code><\/pre>\n\n\n\n\u2714\ufe0fapp\/api\/posts\/route.ts<\/code>\u00a0– \uae00 \uc870\ud68c,\uc4f0\uae30,\uc218\uc815,\uc0ad\uc81c \/ View, write, edit, and delete posts<\/p>\n\n\n\n- GET: \ub0b4 \uae00\ub9cc \uc870\ud68c\/View only my posts (SELECT * FROM posts WHERE username = ?)\n\n- POST: \uae00 \uc4f0\uae30 -> DB \uc800\uc7a5 + followers\uc5d0\uac8c sendNote()\ub85c \ubc30\ub2ec! \nWrite a post -> Save to DB + Deliver to followers via sendNote()\n\n- PUT: \uae00 \uc218\uc815 -> DB\ub9cc \uc218\uc815 \nEdit post -> Update DB only \n\n- DELETE: \uae00 \uc0ad\uc81c -> DB \uc0ad\uc81c + followers\uc5d0\uac8c sendDelete()\ub85c \uc0ad\uc81c \uc804\ud30c\nDelete post -> Delete from DB + propagate deletion to followers via sendDelete()<\/code><\/pre>\n\n\n\n\u2714\ufe0f app\/api\/timeline\/route.ts<\/code> – posts(outbox) + inxbox_posts(inbox) <\/p>\n\n\n\n - 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\u2714\ufe0f app\/users\/[username]\/route.ts<\/code> – Actor \ud504\ub85c\ud544 \/ Actor Porfile<\/p>\n\n\n\n- 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\u2714\ufe0f app\/users\/[username]\/statuses\/[id]\/route.ts<\/code>\u00a0– \uac1c\ubcc4 \uae00 \/ Individual Posts<\/p>\n\n\n\n- 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\u2714\ufe0f app\/users\/[username]\/following\/route.ts<\/code> <\/p>\n\n\n\n– \ub0b4\uac00 \ud314\ub85c\uc6b0 \ud558\ub294 \uc0ac\ub78c \ubaa9\ub85d \/ List of people I follow<\/p>\n\n\n\n
GET: \ub0b4\uac00 \ud314\ub85c\uc6b0\ud558\ub294 \uc0ac\ub78c\ub4e4 \ubaa9\ub85d\nList of people I follow<\/code><\/pre>\n\n\n\n\u2714\ufe0f app\/users\/[username]\/inbox\/route.ts<\/code><\/p>\n\n\n\n- 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 -> following \ud14c\uc774\ube14 \ucd94\uac00 + sendAccept()\ub85c \uc218\ub77d\n Upon receiving a follow request -> Add to the 'following' table + accept via `sendAccept()`.\n\n -- Accept \ubc1b\uc74c -> followers \ud14c\uc774\ube14 \ucd94\uac00!\n Accept received -> Added to the 'followers' table!\n\n -- Create(Note) \ubc1b\uc74c -> inbox_posts \ud14c\uc774\ube14\uc5d0 \uc800\uc7a5(\ud0c0\uc784\ub77c\uc778\uc5d0 \ub738)\n Receive Create(Note) -> Save to `inbox_posts` table (appears on the timeline)\n\n -- Like \ubc1b\uc74c -> likes \ud14c\uc774\ube14 \uc800\uc7a5\n \"Like\" received -> Save to the 'likes' table\n\n -- Announce(Boost) \ubc1b\uc74c -> announces \ud14c\uc774\ube14 \uc800\uc7a5\n 'Announce(Boost)' received -> Save to the 'announces' table!\n\n -- Delete \ubc1b\uc74c -> inbox_posts\uc5d0\uc11c \uc0ad\uc81c\n Delete 'Received' -> Delete from inbox_posts\n\n -- Undo \ubc1b\uc74c -> \ud574\ub2f9 \ub370\uc774\ud130 \uc0ad\uc81c\n Undo received -> 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\u2714\ufe0f \/users\/[username]\/outbox\/route.ts<\/code> – \ub0b4\uac00 \uc4f4 \uae00 \ubaa9\ub85d \/ List of posts I’ve written<\/p>\n\n\n\n- 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\u2714\ufe0f \/usersui\/[username]\/page.tsx<\/code>\u00a0 – \ud0c0\uc784\ub77c\uc778 UI \/ Timeline UI<\/p>\n\n\n\n- \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\u2714\ufe0f lib\/ap.ts<\/code><\/p>\n\n\n\n- \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— lib\/ap.ts \uc804\uccb4 \ud568\uc218 \/ full function<\/p>\n\n\n\n
1)\uacf5\uc6a9\ud568\uc218 \/ Common function<\/p>\n\n\n\n
<\/ol>\n\n\n\n\ud568\uc218\/Functions<\/th> \uae30\ub2a5\/features<\/th><\/tr><\/thead> getPrivateKey(username)<\/code><\/td>username<\/code>\ubcc4 \uac1c\uc778\ud0a4 \ub85c\ub4dc.\u00a0data\/keys\/user1\/private.pem<\/code>\u00a0\uc6b0\uc120, data\/keys\/private.pem<\/code>\u00a0fallback<\/td><\/tr>signAndSend(inbox, doc, username)<\/code><\/td>Activity JSON \uc11c\uba85(SHA-256 + RSA) +\u00a0POST<\/code>\u00a0\uc804\uc1a1. \ubaa8\ub4e0\u00a0sendXXX<\/code>\uac00 \uc774\uac70 \uc0ac\uc6a9\ud568.<\/td><\/tr>signedFetch(url, username)<\/code><\/td>GET<\/code>\u00a0\uc694\uccad\uc5d0 HTTP Signature \ubd99\uc5ec\uc11c \uac00\uc838\uc624\uae30. 2)Activity \uc804\uc6a9 \ud568\uc218 \/ Activity-specific function<\/p>\n\n\n\n\ud568\uc218\/Functions<\/th> \uc804\uc1a1\/Transmission<\/th> \uc0ac\uc6a9\/Use<\/th><\/tr><\/thead> sendAccept(toInbox, followActivity, username)<\/code><\/td>Accept<\/code><\/td>\ub2e4\ub978 \uc0ac\ub78c\uc774 \ub0a0 \ud314\ub85c\uc6b0\ud588\uc744 \ub54c, \ud314\ub85c\uc6b0 \uc218\ub77d sendNote(toInbox, note, username, postId, content)<\/code><\/td>Create<\/code> + Note<\/code><\/td>\ub0b4\uac00 \uae00 \uc37c\uc744 \ub54c, \ud314\ub85c\uc6cc inbox\ub85c \uae00 \ubc30\ub2ec sendFollow(toInbox, targetActor, username)<\/code><\/td>Follow<\/code><\/td>\ub0b4\uac00 \ub2e4\ub978 \uc0ac\ub78c \ud314\ub85c\uc6b0\ud560 \ub54c sendUndoFollow(targetActor, username)<\/code><\/td>Undo<\/code> + Follow<\/code><\/td>\ub0b4\uac00 \uc5b8\ud314\ub85c\uc6b0\ud560 \ub54c sendLike(toInbox, postId, username)<\/code><\/td>Like<\/code><\/td>\ub0b4\uac00 \ub2e4\ub978 \uc0ac\ub78c \uae00 \uc88b\uc544\uc694\ud560 \ub54c sendUndoLike(toInbox, likeId, postId, username)<\/code><\/td>Undo<\/code> + Like<\/code><\/td>\uc88b\uc544\uc694 \ucde8\uc18c\ud560 \ub54c sendAnnounce(toInbox, postId, username)<\/code><\/td>Announce<\/code><\/td>\ubd80\uc2a4\ud2b8\/\ub9ac\ud3ec\uc2a4\ud2b8 \ud560 \ub54c sendUndoAnnounce(toInbox, announceId, postId, username)<\/code><\/td>Undo<\/code> + Announce<\/code><\/td>\ubd80\uc2a4\ud2b8 \ucde8\uc18c\ud560 \ub54c sendDelete(toInbox, postId, username)<\/code><\/td>Delete<\/code> + Tombstone<\/code><\/td>\ub0b4 \uae00 \uc0ad\uc81c\ud588\uc744 \ub54c \ud314\ub85c\uc6cc\ub4e4\uc5d0\uac8c \uc0ad\uc81c \uc804\ud30c(\ucd94\uac00 \uc608\uc815)3) inbox \uc8fc\uc18c\ucd94\ucd9c \/ Extract email addresses from the inbox<\/p>\n\n\n\n\ud568\uc218 \/ function<\/th> \uae30\ub2a5\/features<\/th><\/tr><\/thead> getActorData(actorUrl, username)<\/code><\/td>\uc0c1\ub300\ubc29\u00a0https:\/\/mastodon.social\/users\/xxx<\/code>\u00a0\uc815\ubcf4 \uac00\uc838\uc640\uc11c\u00a0inbox<\/code>\u00a0\uc8fc\uc18c \ucd94\ucd9c\u2714\ufe0flib\/db.ts<\/code> <\/p>\n\n\n\n- \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\ud83d\udcc1 \ucee8\ud14d\uc2a4\ud2b8 \ud504\ub85c\ubc14\uc774\ub354 \uc801\uc6a9 \ubd80\ubd84
myapp project\/\n\u251c\u2500\u2500 lib\/\n\u2502 \u251c\u2500\u2500 theme.tsx -> Theme Provider (Context)\n\u2502 \u251c\u2500\u2500 watchThemes.ts -> Check real-time theme changes\n\u2502 \u251c\u2500\u2500 ap.ts -> Follow Accept\n\u2502 \u2514\u2500\u2500 db.ts -> DB connection\n\u2514\u2500\u2500 app\/\n \u251c\u2500\u2500 usersui\/[username]\/\n \u2502 \u251c\u2500\u2500 page.tsx -> Timeline UI (Use Provider)\n \u2502 \u2514\u2500\u2500 _components\/themes\/\n \u2514\u2500\u2500 layout.tsx -> Apply the provider to the project<\/code><\/pre>\n\n\n\n\u2714\ufe0f\/lib\/theme.tsx<\/code> – \ud14c\ub9c8 \ucee8\ud14d\uc2a4\ud2b8 \ud504\ub85c\ubc14\uc774\ub354 \/ Theme context provider<\/p>\n\n\n\n- \ud14c\ub9c8 \uc0c1\ud0dc \uc804\uc5ed \uc800\uc7a5\nGlobally store the theme state. (useContext)\n\n - currentTheme\n \/app\/usersui\/[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\u2714\ufe0f \/lib\/watchThemes.ts<\/code>\u00a0– \uc2e4\uc2dc\uac04 \ud14c\ub9c8 \uac10\uc9c0 \/ Real-time theme detection<\/p>\n\n\n\n- \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\/[username]\/_components\/themes\/ \ud3f4\ub354 \ud30c\uc77c \ubcc0\uacbd \uc2e4\uc2dc\uac04 \uac10\uc9c0\nReal-time detection of file changes in the \/app\/usersui\/[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\/[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\/[username]\/ directory.\n\n- index.ts \ubc0f themeNames.ts\ub294 usersui\/[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\/[username]\/page.tsx`.\n<\/code><\/pre>\n\n\n\n\u2714\ufe0f \/app\/layout.tsx<\/code>\u00a0 – \ud504\ub85c\ubc14\uc774\ub354 \ub8e8\ud2b8 \/ Provider root<\/p>\n\n\n\n— <ThemeProvider>\ub85c \uc804\uccb4 \uc571 \uac10\uc2f8\uc11c \ubaa8\ub4e0 \uacf3\uc5d0 theme\ubcc0\uc218 \uc801\uc6a9<ThemeProvider><\/code> to apply the theme variable everywhere.<\/p>\n\n\n\nimport { ThemeProvider } from \"@\/lib\/theme\"; \/\/ \u2705 myapp26\n... ... \nreturn (\n <html\n lang=\"en\"\n className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}\n >\n <body className=\"min-h-full flex flex-col\">\n <ThemeProvider><\/strong>\n {children}\n <\/ThemeProvider><\/strong>\n <\/body>\n <\/html>\n );<\/code><\/pre>\n\n\n\n\u2714\ufe0f \/app\/usersui\/[username]\/page.tsx<\/code> – \ud14c\ub9c8\ud638\ucd9c \ud398\uc774\uc9c0 \/ Theme Call Page<\/p>\n\n\n\n- \/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'; --> index.ts\n const ActiveTheme = getThemeComponent(theme as any) || themeRegistry.pinafore?.component || themeRegistry[themeNames[0]]?.component;<\/strong>\n if (!ActiveTheme) return <div>No themes found<\/div>;\n\n return <ActiveTheme {...props} \/><\/strong>;<\/code><\/pre>\n\n\n\n\u2714\ufe0f \/app\/usersui\/[username]\/_components\/themes\/<\/code> – \ud14c\ub9c8 \/ Theme<\/p>\n\n\n\n- \ud14c\ub9c8 \ud30c\uc77c\uc774 \uc788\ub294 \ub514\ub809\ud1a0\ub9ac\nDirectory containing theme files\n\n1) themeex\/ThemeexTheme.tsx -> Example Theme (\uc608\uc81c\/example)\n2) pinafore\/PinaforeTheme.tsx -> Theme 1 (Pinafore Style)\n3) mastodon\/MastodonTheme.tsx -> Theme 2 (Mastodon Style)\n4) minimal\/MinimaltTheme.tsx -> Theme 3 (Minimal Style)<\/code><\/pre>\n\n\n\n\u2714\ufe0f \/app\/usersui\/[username]\/_components\/themes\/<\/code>pinafore\/PinaforeTheme.tsx<\/p>\n\n\n\n— \ud14c\ub9c8\ud30c\uc77c \uc911 \ud558\ub098\uc785\ub2c8\ub2e4.
- 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\u2714\ufe0f \/instrumentation.ts<\/code> – \ubc31\uadf8\ub77c\uc6b4\ub4dc \uc11c\ubc84 \/ Background Server<\/p>\n\n\n\n- 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\ud83d\udcc1 \uc804\uccb4 \ub77c\uc6b0\ud2b8 \/ Full Route<\/p>\n\n\n\n
\u2714\ufe0f \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud14c\uc2a4\ud2b8 \ud560 \uc218 \uc788\ub294 \ub77c\uc6b0\ud2b8
# 1. WebFinger\nhttps://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)[posts, inbox_posts]\nhttps:\/\/aloy-horizon.duckdns.org\/users\/user1\/statuses\/[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\u2714\ufe0f \ud130\ubbf8\ub110\uc5d0\uc11c\ub9cc \ud14c\uc2a4\ud2b8 \uac00\ub2a5\ud55c \ub77c\uc6b0\ud2b8
# \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\"}'\n\n# \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)\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\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# \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\"}'\n\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\ud83d\udcc1 \uad00\ub828 \ubb38\uc11c \/ Related Documents<\/p>\n\n\n\n
\u2714\ufe0f 1. \uacf5\uc2dd \uc2a4\ud399 (W3C)\u00a0
https://www.w3.org\/TR\/activitypub\/\nhttps:\/\/www.w3.org\/TR\/activitystreams-vocabulary\/<\/code><\/pre>\n\n\n\n\u2714\ufe0f2.Mastodon \ubb38\uc11c! (\uc2e4\uc9c8\uc801 \ud45c\uc900)
https://docs.joinmastodon.org\/spec\/activitypub\/<\/code><\/pre>\n\n\n\n\u2714\ufe0f3. Fediverse \uac1c\ubc1c\uc790 \uc704\ud0a4 – \ud638\ud658\uc131 \uc815\ubcf4
https://codeberg.org\/fediverse\/fep<\/code><\/pre>\n\n\n\n\u2714\ufe0f Mastodon \uc18c\uc2a4!(\ub8e8\ube44\ucf54\ub4dc)
https://github.com\/mastodon\/mastodon\/blob\/main\/app\/lib\/activitypub\/activity\/update.rb<\/code><\/pre>\n\n\n\n\n\uc694\ud55c\ubcf5\uc74c 8\uc7a5 32\uc808 \/ John 8:32<\/p>\n\n\n\n
“\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.”<\/p>\n\n\n\n
“Then you will know the truth ,and the truth will set you free”<\/p>\n<\/blockquote>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\ud83d\udc49\ud83c\udffb \uc774\ubc88\uc5d0\ub294 \ud504\ub85c\uc81d\ud2b8\ub97c \ucd94\uac00\ud558\uc9c0 \uc54a\uace0 \uc9c0\uae08\uae4c\uc9c0 \uc9c4\ud589\ud588\ub358 \uacfc\uc815\uc744 \ud55c\ubc88 \uc911\uac04\uc815\ub9ac\ud558\ub294 \uc2dc\uac04\uc744 \uac00\uc838\ubcf4\ub824\uace0 \ud569\ub2c8\ub2e4.This time, instead of adding a new project, I\u2019d like to take a moment to review and summarize the progress made so far. \ud83d\udc49\ud83c\udffb \ud504\ub85c\uc81d\ud2b8\uc758 \uaddc\ubaa8\uac00 \ucee4\uc9c0\uace0 \uae30\ub2a5\uc774 \ub9ce\uc544\uc9c8 \uc218\ub85d \ud504\ub85c\uc81d\ud2b8\uc640 \ucf54\ub4dc\uc5d0 \ub300\ud55c \uc774\ud574\uac00 \ubb34\uc5c7\ubcf4\ub2e4 \uc911\uc694\ud569\ub2c8\ub2e4.As a project grows in scale and complexity, […]<\/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-9216","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\/9216","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=9216"}],"version-history":[{"count":97,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/9216\/revisions"}],"predecessor-version":[{"id":9332,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/9216\/revisions\/9332"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=9216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=9216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=9216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}