Moostock(2) - Next.js 시작하기

이제 api 호출이 잘 되는건 확인했으니

 

본격적으로 프로젝트를 시작해보려한다

 

리액트 공부도 할겸 리액트로 프로젝트를 진행하려 했으나

 

요즘은 NEXT.JS 를 많이 쓰는 추세라고 하여 next를 써보려 한다

 

리액트는 클라이언트 사이드 렌더링(CSR)이라 검색 엔진 최적화(SEO)의 효과를 거의 볼 수 없고

 

첫 화면을 표시하기 위해 실행 초기에 부담이 있기때문에 

 

이러한 단점을 극복하고자 NEXT가 나왔다고 한다

 

뭐 너무나 당연하게도 react 기반으로 하는데 그 뒤에 나왔으니 더 좋지 않겠는가??

 

쨌뜬 그래서 NEXT에 도전해보려 한다

 

나는 npm 으로 설치를 했따

npm create next-app

 

이걸 입력하면 되는데 --typescript를 붙여야 하는줄 알고 난 처음에 저렇게 했다

npm create next-app 을 하면 어차피 저렇게 타입스크립트 쓸거냐고 물어보니까 --typescript이걸 안붙여 줘두됨

 

next를 잘 모르니까 노마드 선생님 강의를 보면서 하고있는데

 

src/app 에 있는 파일을 다 지우고

page.tsx 파일을 하나 만들어줬다

npm run dev 를 입력해서 프로젝트를 실행 할 수 있는데

 

자동으로 layout.tsx 파일을 만들어준다 참 신기하쥬??

 

아직 저 파일이 정확히 어디에 쓰이는지는 모르겠지만

 

일단 프로젝트를 만들고 실행하는것은 성공했다

 

이 다음 포스팅에서는 Next에서 라우팅하는 방법에 대해 알아보겠다