๐Ÿก Home

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

RNUI Module : react-native-freelifemakers-ui
  • [nextjs]Vercel์— ๋ฐฐํฌํ•˜๊ธฐ / Deploying to Vercel

    ๐Ÿ‘‰๐Ÿป ๋น„์ง€๋‹ˆ์Šค ์‚ฌ์šฉ์ž๊ฐ€ ์•„๋‹Œ ๊ฐœ์ธ์‚ฌ์šฉ์ž์˜ ๊ฒฝ์šฐ nextjs๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด vercel์— ๋ฌด๋ฃŒ๋กœ ๋ฐฐํฌ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.Unlike bussiness users, individual users can deploy Next.js applications to Vercel for free. ๐Ÿ‘‰๐Ÿป ์ฐธ๊ณ ๋กœ nextjs๋Š” vercel์—์„œ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.For reference, Next.js was created by Vercel. ๐Ÿ‘‰๐Ÿป ์•„๋ž˜๋Š” ์ด์ „ ํฌ์ŠคํŠธ myapp3ํ”„๋กœ์ ํŠธ์˜ vercel ์›น์‚ฌ์ดํŠธ ๋งํฌ์ž…๋‹ˆ๋‹ค.Below is the Vercel website link for the ‘myapp3’ project from…


  • [nextjs]์•ฑ๋ผ์šฐํŠธ ์„ค๋ช…/App route description

    ๐Ÿ‘‰๐Ÿป ๋ฐ”๋กœ ์ด์ „ ํฌ์ŠคํŠธ์˜ ์•ฑ ๋ผ์šฐํŠธ ๋ฐฉ์‹์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.This explains the app routing method from the previous post. ๐Ÿ‘‰๐Ÿป ๊ฐ€์žฅ ์ตœ๊ทผ์— ๋„์ž…๋œ ๋ผ์šฐํŠธ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.This is the most recently introduced routing method. ๐Ÿ‘‰๐Ÿป๋””๋ ‰ํ† ๋ฆฌ ๊ตฌ์กฐDirectory Structure ๐Ÿ“ ๋ชจ๋“ˆ ๋ฐ ๋ฐ์ดํ„ฐ ์ •์˜(route.js)Module and Data Definitions (route.js) 1) next/server ๋ชจ๋“ˆ์˜ ๊ธฐ๋Šฅ์€ ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.The functions of the next/server module are as…


  • [nextjs]์•ฑ๋ผ์šฐํŠธ,ํŽ˜์ด์ง€๋ผ์šฐํŠธ/App Route,Page Route

    ๐Ÿ‘‰๐ŸปApp Route์™€ Page Route๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์—†๋Š” ๊ฐ„๋‹จํ•œ ๋ฐฉ๋ช…๋ก์„ ๋งŒ๋“ค์–ด ๋ด…๋‹ˆ๋‹ค.To understand App Routes and Page Routes, we will build a simple guestbook without a database. ๐Ÿ‘‰๐Ÿป ์ž…๋ ฅ๋˜๋Š” ๊ฐ’์€ ๋ฐฐ์—ด์— ์ €์žฅ๋ฉ๋‹ˆ๋‹ค.The input values โ€‹โ€‹are stored in an array. ๐Ÿ“ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑCreate Project ๐Ÿ“ API ๋งŒ๋“ค๊ธฐ / Creating an API โ–ท Next.js๋Š” ํ™•์žฅ์ž๊ฐ€ .js, .ts,…