index.tsx div> { // @ts-ignore } MovieCompoentList.tsx export default function MovieCompenetList({datas}:any){ let arr = [] let count = 0 for(let i =0; i

Solution const [img, setImg] = useState('') useEffect(()=>{ if(data.image){ setImg(data.image) } else{ setImg("/no_image.png") } },[]) const onError = () =>{ setImg("/no_image.png") }

모바일 640 이하 태블릿 640 이상 노트북 1024 이상 데스크탑 1280

Pages 일종의 라우터를 쉽게 만들어놓은 것 파일명이 url임 컴포넌트 이름은 상관없음 파일명에 따라 작동한다. 예외 index 일반적인 home인 페이지 특징 컴포넌트가 react는 기능을 하는데, import react 할 필요가 없다 Static Pre Rendering 클라이언트 사이드 렌더링 - 클라이언트에서 자바스크립트 실행해서 화면에서 html을 만들면서 보여준다. (CSR) -> 하나씩 점점 생겨남 (hydration - 프론트 안에서 실행) , js 없이 아무것도 보여줄 수없다 서버사이드 렌더링 - 서버에서 자바스크립트 실행해서 실행된 html을 완성되면 보여준다. (SSR) -> 다 만들고 한꺼번에 생겨남 , js 없이 기본 html 화면을 보여준다. 그리고 js가 렌더링되면서 실행되..