[Next.js] quick start

이번 프로젝트에서는 Next.js와 TypeScript를 사용한다

그래서 간단히 찍먹해보기로 함

 

Node.js 설치 환경 하에 다음 콘솔 명령어 입력

npx create-next-app@latest

 

사실 이거 말고 뭐 없음 .. ㅋㅋㅋ

@/* ?

프로젝트 설정에 맞추어 생성하면 된다. 

생성이 완료된 후에는 

리액트처럼  cd PROJECTNAME 한 후에

npm run dev 

캡처(page.tsx)

<h2 className="mb-3 text-2xl font-semibold">

            Deploy{" "} << 이게 뭐지?

            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">

              -&gt;

            </span>

          </h2>

          <p className="m-0 max-w-[30ch] text-balance text-sm opacity-50">

            Instantly deploy your Next.js site to a shareable URL with Vercel.

          </p>

저게 뭔가 했는데 공백을 특별히 표시해야 할 때 쓰는 듯 (캡처에서 Deploy와 화살표(->) 사이 공백)

&nbsp;가 아니라 저렇게 쓸 수도 있구나 신기하다

 

오류가 발생하면 이렇게 표시해 준다. 그 와중에 파일 위치 잘못 쓴 듯