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](https://www.freelifemakers.org/wordpress/wp-content/uploads/2026/10/tcss-jpg.jpg)
๐๐ป ์๋๋ 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…