๐Ÿก Home

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

RNUI Module : react-native-freelifemakers-ui
  • [WebUI]Tailwind + nextjs(Horizantal Nav Menu) โ€“ 5

    [WebUI]Tailwind + nextjs(Horizantal Nav Menu) โ€“ 5

    ๐Ÿ‘‰๐Ÿป ์—ฌ๊ธฐ์„œ๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๋•Œ ์ƒ๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.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…