웹 개발(1) - Typescript + Next js Vscode 초기 세팅

IT 인터넷/웹개발(2023)

준BBAM 2023. 3. 2. 16:14

next js 설치 방법은 다양하다.

본인은 패키지 관리 툴로 yarn을 사용하였다.

[개발상식] npm과 yarn

패키지 관리 툴로는 대표적으로 npm과 yarn이 있습니다.여러분들은 평소 어떠한 패키지 설치 모듈을 사용하나요?

velog.io

설치하면 package.json 파일이 다음과 같이 나온다.

여기서 서버를 시작해보자.

next dev 이나 next start 명령어로 실행한다.

본인은 초기 설정을 위해 index.tsx 파일 제외 모든 파일을 지웠다.

웹 개발(2) - 기본 레이아웃 잡기

우선은 기본적으로 참고할 레이아웃이 필요하다. 본인은 위의 레이아웃을 참조하여 구조를 짜려고 한다. 따라서 기본적으로 틀은 왼쪽의 사이드 바, 오른쪽의 콘텐츠로 나뉘게 된다. 따라서 inde

jun2mun.tistory.com