🌱 𝐣𝐣𝐢𝐧𝐠𝐥𝐞 𝐝𝐞𝐕𝐥𝐨𝐠

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..

* Rendering : js code를 브라우저가 이해할 수 있는 html로 바꾸는 것 - React render : CSR (client side rendering) create-react-app 을 사용해 react만으로 application을 생성하면 , client side rendering client side rendering => 사용자 브라우저인 client단에서 rendering 작업을 한다. 단점 페이지의 실제 소스코드는 비어있다. ex. = UI가 없다 브라우저가 모든 JS 파일을 다운로드하고, 실행한 후에야 화면에 보여지는 것 새로고침 시, JS엔진이 위의 사항을 처리하는 시간 동안 빈 화면이 보여짐 SEO, 검색 엔진 최적화 Search Engine Optimization Goo..