๐Ÿก Home

Category / ์นดํ…Œ๊ณ ๋ฆฌ :

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


  • [nextjs]SNS Server-51(myapp61+)[Active theme]ย 

    ๐Ÿ‘‰๐Ÿป ์—ฌ๊ธฐ์„œ๋Š” ์•กํ‹ฐ๋ธŒํ…Œ๋งˆ์™€ ํƒ€์ž„๋ผ์ธ์˜ ์ปค์„œ ํŽ˜์ด์ง€ ๋„ค์ด์…˜ ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•ด ๋ด…๋‹ˆ๋‹ค.Here, we analyze the cursor-based pagination structure of Active Themes and Timelines. ๐Ÿ‘‰๐Ÿป ์ปค์„œํŽ˜์ด์ง€๋„ค์ด์…˜์€(ํŽ˜์ด์ง€ ๋„ค์ด์…˜ + ๋ฌดํ•œ์Šคํฌ๋กค)์ž…๋‹ˆ๋‹ค.Cursor-based pagination is a combination of pagination and infinite scrolling. ๐Ÿ‘‰๐Ÿป ๋ณดํ†ต ์šฐ๋ฆฌ๊ฐ€ ๋ชจ๋ฐ”์ผ ํฐ์—์„œ ์Šคํฌ๋กค์„ ์•„๋ž˜๋กœ ๋‚ด๋ ค์„œ ํ™”๋ฉด๋์— ๋„๋‹ฌํ•˜๋ฉด ๋ฐ์ดํ„ฐ๋ฅผ ์ถ”๊ฐ€๋กœ ๋’ค์— ๋ถ™์ด๋Š” ๋ฐฉ์‹์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.It typically refers to the…


  • [WebUI]Tailwind + nextjs(Drop down menu) โ€“ 4

    [WebUI]Tailwind + nextjs(Drop down menu) โ€“ 4

    ๐Ÿ‘‰๐Ÿป ์•„๋ž˜๋Š” Dropdown Menu ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค.The section below is the dropdown menu. ๐Ÿ‘‰๐Ÿป ๋ ˆ์ด์•„์›ƒ, ํฐํŠธ์‚ฌ์ด์ฆˆ๋‚˜ ๋Œ€๋ถ€๋ถ„์˜ css,tailwindcss ๋‚ด์šฉ์€ ์ด์ „ ํฌ์ŠคํŠธ์˜ ๋‚ด์šฉ๊ณผ ๊ฑฐ์˜ ์œ ์‚ฌํ•ฉ๋‹ˆ๋‹ค.The layout, font size, and most of the CSS and Tailwind CSS details are nearly identical to those in the previous post. ๐Ÿ‘‰๐Ÿป ์ปดํฌ๋„ŒํŠธ ํ˜•์‹์œผ๋กœ ์‚ฌ์šฉํ• ์ˆ˜ ์žˆ๋„๋ก ui๋””๋ ‰ํ† ๋ฆฌ๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค.A ui directory has been added…