๐Ÿก Home

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. ๐Ÿ‘‰๐Ÿป ์ด ํŽ˜์ด์ง€๋„ค์ด์…˜ ํŒŒํŠธ์—์„œ๋Š” ์ดˆ๊ธฐ ๋ฐ์ดํ„ฐ๊ฐ€ ํ™”๋ฉด์— ํ‘œ์‹œ๋œ ํ›„์— ์Šคํฌ๋กค์„ ๋‚ด๋ฆฌ๋ฉด…