import Head from 'next/head'
import { useEffect, useState } from 'react'
import ItemList from '../src/component/itemList'
import { Divider} from 'semantic-ui-react'
import { Header } from 'semantic-ui-react'
export default function Home() {
const [list, setList] = useState([]);
const API_URL=
function getData(){
Axios.get(API_URL).then((res)=>{
console.log(res.data);
setList(res.data)
});
}
useEffect(()=>{
getData();
},[])
return (
<div>
<Head>
<title>test</title>
</Head>
<ItemList list={list}></ItemList>
<Header as="h3">베스트상품</Header>
<Divider></Divider>
</div>
)
}
이렇게 썼구..
URL http 길래 https 로 바꿔봤는데 똑같네...... 지푸라기 잡는 심정이였어..
cna로 만든거임?
일단 서버 콜은 들어감? F12 눌러서 확인해봐
cna가 뭐노.. 찾아봐도 안 나오는데...??
콘솔에도 안 찍히는 걸로 보아하니 뭐가 상당히 잘못 됐음 url 이 이상한가?
랜더링 안되는거면 혹시 처음부터 설정이 잘못된건가 해서
cna = create next app
혹시 index.js 코드 전문 올려 줄 수 있음?
시발 나 처음에 npx create-next-app 이거 안 썼나? 갑자기 헷갈리네
ㅇㅇ 잠만.. 이 글 수정해줄게
수정햇삼
axios import 하는 줄이 안보이는데 import 한거임?
아 ㅇㅇ import Axios from 'axios' 했서요
한번 async await 방식으로 해봐
https://pastebin.com/eUjvwn2N
이런식으로 수정하면 됨
ㅇㅎ.. 안되면 저렇게 하는구나.. 이것도 안 되는걸로 보아... 뭔가 문제가 있는 듯 해 이 태그도 안 먹히고 태그도 지금 안 먹혀서 뭔 근본적인 원인이 있는 거같은데 초보라 진짜 모르겠다.... 내가 듣는 유료 강의엔 next.js가 없어서 딱히 물어볼 곳도 없고.... 고맙다 게이야
이태그 = ''Divider'' 컴포넌트 태그 and ''Header"" 컴포넌트 태그
Head 태그에 title은 작동함?
ㅇㅇ 작동함 저건
_app.js 에material ui import 잘 했는데 header 랑 divier는 왜 안되는지 모르겠음
import 'semantic-ui-css/semantic.min.css' 이거 추가해봐
심지어 index.js에도 임포트 해놨는데 시발새끼들.....
저 밑쪽에 베스트 상품 조차도 안 보이는데 뭐지? 하 씨발 진짜 개같다 ㄹㅇ ㅇㅇ
index에도 하고 _app.js 에도 했음 ㅠ
다 작동 안하면 ㄹㅇ 프로젝트 내부 보고 수정하는거 말고는 도움 줄 방법이 없는듯
그래.. 고맙다 개처럼 굴러서 어떻게든 찾아볼게 고맙다
아니면 원격으로 보고 수정해줄까?
vscode 쓰는중이면 Live Share 이용해서 공유 가능하거든
하 지금봣노 ㅠㅠㅠㅠ 푸로젝트 그냥 다 삭제해뿟다 ㅅㅂ
아 ㅋㅋ 그러면 cna 써서 처음부터 해봐라 ㅋㅋ