๐ŸŒฑ ๐ฃ๐ฃ๐ข๐ง๐ ๐ฅ๐ž ๐๐ž๐•๐ฅ๐จ๐ 

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

loading 1

[Next.js] fetch data, React vs Next.js

client component์—์„œ ๊ธฐ์กด์˜ API์™€ ์†Œํ†ตํ•˜๋˜ ๋ฐฉ์‹ useEffect useState -> metadata ์‚ฌ์šฉ ๋ถˆ๊ฐ€ ๋กœ๋”ฉ state ๊ตฌํ˜„ 'use client'; import { useEffect, useState } from 'react'; /* useState์˜ ์‚ฌ์šฉ์œผ๋กœ ์ธํ•ด, ์‚ฌ์šฉ ๋ถˆ๊ฐ€๋Šฅ export const metadata = { title: 'Home', }; */ export default function Page() { const [isLoading, setIsLoading] = useState(true); const [movies, setMovies] = useState([]); //useState -> interactive component๋ฅผ ์‚ฌ์šฉํ•˜๊ฒ ๋‹ค. -> "use c..

Next.js 2024.03.19
์ด์ „
1
๋‹ค์Œ
๋”๋ณด๊ธฐ
ํ”„๋กœํ•„์‚ฌ์ง„

์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, ์˜ค๋Š˜ ์ƒ๊ธด ์ด์Šˆ์— ๋Œ€ํ•ด ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. *3*

  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (132)
    • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (18)
    • JAVA (10)
    • JavaScript (4)
    • React (3)
    • Next.js (5)
    • Python (2)
    • DataBase (0)
    • Docker (1)
    • TIL (9)
    • Linux (0)
    • Project (10)
    • Error-log (5)
    • etc (3)
    • software engineering (62)
      • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์„ค๊ณ„ (11)
      • ์ •๋ณดํ†ต์‹ ๊ฐœ๋ก  (6)
      • ์ปดํ“จํ„ฐํ•™๊ฐœ๋ก  (7)
      • ์ปดํ“จํ„ฐ๋„คํŠธ์›Œํฌ (9)
      • ์†Œํ”„ํŠธ์›จ์–ด๊ฐœ๋ฐœ๋ณด์•ˆ (7)
      • ๋น…๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ (14)
      • ํŒŒ์ด์ฌ ๋จธ์‹ ๋Ÿฌ๋‹ (8)

Tag

docker, socket.send, SPARK, collection, GIT, React, server, list, eclipse, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค, ์•Œ๊ณ ๋ฆฌ์ฆ˜, WebSocket, ๋น„์ง€๋„ํ•™์Šต, SSR, Next.js, client component, sourcetree, TCP, tomcat, server component,

์ตœ๊ทผ๊ธ€๊ณผ ์ธ๊ธฐ๊ธ€

  • ์ตœ๊ทผ๊ธ€
  • ์ธ๊ธฐ๊ธ€

์ตœ๊ทผ๋Œ“๊ธ€

Archives

Calendar

ยซ   2025/05   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

๋ฐฉ๋ฌธ์ž์ˆ˜Total

  • Today :
  • Yesterday :

๐Ÿƒ๐—ฑ๐—ผ ๐—ถ๐˜ ๐—ฏ๐—ฒ๐—ฐ๐—ฎ๐˜‚๐˜€๐—ฒ ๐—ถ๐˜ ๐—บ๐—ฎ๐—ธ๐—ฒ๐˜€ ๐˜†๐—ผ๐˜‚ ๐—ต๐—ฎ๐—ฝ๐—ฝ๐˜†๐ŸŒฟ

๐—–๐—ผ๐—ฝ๐˜†๐—ฟ๐—ถ๐—ด๐—ต๐˜ ยฉ ๐—ท๐—ท๐—ถ๐—ป๐—ด๐—น๐—ฒ. ๐—”๐—น๐—น ๐—ฟ๐—ถ๐—ด๐—ต๐˜๐˜€ ๐—ฟ๐—ฒ๐˜€๐—ฒ๐—ฟ๐˜ƒ๐—ฒ๐—ฑ.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”