[ react ] react 프레임워크 Next.js 설치 > react

많은 프레임워크가 존재한다.

그중에서 몇가지만 소개하자면

Ant Design 

Next.js

Mui

Semantic UI

더 많겠지만 여기까지만............

 

저는 Next.js를 선택했습니다.

 

https://2020.stateofjs.com/ko-KR/

이곳에 javascript관련 된 순위가 나오는데 next.js가 1위더라구요

 

여기서부터는 cmd에서 실행하면 됩니다.

일단 설치는 react 설치 후 ( 저는 typescript를 사용하려고 아래처럼 사용했습니다. )

>yarn create next-app --typescript
이렇게 하면 폴더를 만들라고 해서 그냥 엔터로 기본 my-app 가 생성됩니다.

 

설치가  완료 되었으면 아래 코드 실행

>my-app>mkdir pages 

>my-app>yarn dev

이렇게 실행하면 페이지 없다고 뜹니다. 아래경로에 index.js 파일을 만들고 해당코드를 넣어주세요

>my-app>pages>index.js

const HomePage = () => {

    return <div>Welcome to Next.js!</div>

}

export default HomePage

이렇게 해서 화면에 Welcome to Next.js 가 뜨면 정상 설된것입니다.

 

Next.js 설치 후 semantic ui react 설치해서 template를 쉽게 적용하자.

>my-app> yarn add semantic-ui-react semantic-ui-css

추천0 비추천0