Category / ์นดํ ๊ณ ๋ฆฌ :
RNUI Module : react-native-freelifemakers-ui
-
[WebUI]Tailwind + nextjs(Horizantal Nav Menu) โ 5
![[WebUI]Tailwind + nextjs(Horizantal Nav Menu) โ 5](https://www.freelifemakers.org/wordpress/wp-content/uploads/2026/10/mainpage-jpg.jpg)
๐๐ป ์ฌ๊ธฐ์๋ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค๋ ์๋จ ๋ฉ๋ด ๋ถ๋ถ์ ๋ง๋ญ๋๋ค.Here, we will create the top menu section for the website. ๐๐ป ์ฌ๋ฌ๊ฐ์ง ํ์ ์ด ์์ง๋ง ์ค๋์ ์ํ ๋ค๋น๊ฒ์ด์ ๋ฉ๋ด๋ฅผ ๋ง๋ญ๋๋ค.(Horizontal Nav Menu)There are various types, but today we will create a horizontal navigation menu. ๐๐ป ๋ฉ๋ด๋ฅผ ์ปดํฌ๋ํธ ํ์์ผ๋ก ๋ง๋ค์๊ณ tailwindcss๋ฅผ ์ฌ์ฉํ์ต๋๋ค.I created the menu as a component and…
-
[nextjs]SNS Server-51(myapp61+)[boost(announce)]ย
๐๐ป ์ด๋ฒ์๋ ๋ถ์คํธ์ ๊ตฌ์กฐ์ ๋ํด์ ์ดํด๋ด ๋๋ค.This time, we will take a look at the structure of Boost. ๐๐ป ์ด์ ์ ์ข์์ ๋ถ๋ถ์ ๋ก์ง๊ณผ ๋งค์ฐ ์ ์ฌํ๊ณ ์ฝ๋์ ์ฌ์ฉ์์น๋ ๊ฑฐ์ ๋์ผํฉ๋๋ค.The logic is very similar to that of the previous ‘like’ feature, and the code is used in almost the same place. ๐ ClientPage.tsx โ๏ธ app/usersui/[username]/ClientPage.tsx โ๏ธ ๋ถ์คํธ…
-
[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…