Category / ์นดํ ๊ณ ๋ฆฌ :
RNUI Module : react-native-freelifemakers-ui
-
[nextjs]SNS Server-51(myapp61+)[like]ย
๐๐ป ์ด๋ฒ์๋ ์ข์์๋ถ๋ถ์ ๊ตฌ์กฐ ๋ถ๋ถ์ ์ดํด ๋ด ๋๋ค.Next, we will examine the structure of the “like” section. ๐๐ป ์ข์์ ๋ถ๋ถ์ ๋๋ต์ ์ธ ๋ฐ์ดํฐ ํ๋ฆ์ ์ด์ ์ ํ์ด์ง๋ค์ด์ ์ด๋ ์กํฐ๋ธ ํ ๋ง ๋ถ๋ถ๊ณผ ๊ฑฐ์ ๊ฐ์ต๋๋ค.The general data flow for the “likes” section is nearly identical to that of the pagination or active theme sections mentioned earlier. ๐ “์ข์์”๋ถ๋ถ์ ๋ฐ์ดํฐ ํ๋ฆData flow…
-
[nextjs]SNS Server-51(myapp61+)[Pagination+API]ย
๐๐ป ์ฌ๊ธฐ์๋ ํ์ด์ง๋ค์ด์ ์ ๊ตฌํํ ๋ ํธ์ถ๋๋ API์ ํจ๊ป ํ์ด์ง๋ค์ด์ ๊ตฌ์กฐ๋ฅผ ์ดํด ๋ด ๋๋ค.Here, we examine the pagination structure along with the API called when implementing pagination. ๐๐ป ์ด์ ํฌ์คํธ์์ ClientList.tsx์์ TimelineList.tsx๋ก ์ด๊ธฐ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํ๋ฉด ์ด ๋ฐ์ดํฐ๊ฐ useCursonPaginationํ ์ ๋ค์ด๊ฐ๋ค๊ฐ ๋์ต๋๋ค.As mentioned in the previous post, when initial data is passed from ClientList.tsx to TimelineList.tsx, it is processed by the…
-
[nextjs]SNS Server-51(myapp61+)[Pagenation]ย
๐๐ป ์ด๋ฒ์๋ ํ์ด์ง๋ค์ด์ ๊ธฐ๋ฅ์ ๊ตฌ์กฐ๋ฅผ ์์ธํ ์ดํด ๋ด ์๋ค.Now, let’s take a closer look at the structure of the pagination feature. ๐๐ป ์ด์ ํฌ์คํธ์์ ๋ฐ์ดํฐ๊ฐ app/usersui/[username]/page.tsx์์ ์์ํด์ app/usersui/[username]/_components/themes/themeex/Timeline.tsx๊น์ง ์ด๋ป๊ฒ ํ๋ฌ๊ฐ๋์ง ์ดํด ๋ณด์์ต๋๋ค.In the previous post, we examined how data flows from app/usersui/[username]/page.tsx down to app/usersui/[username]/_components/themes/themeex/Timeline.tsx. ๐๐ป ์ด ํ์ด์ง๋ค์ด์ ํํธ์์๋ ์ด๊ธฐ ๋ฐ์ดํฐ๊ฐ ํ๋ฉด์ ํ์๋ ํ์ ์คํฌ๋กค์ ๋ด๋ฆฌ๋ฉด…