Next.js, React.js
2019. 01. 18. 02:10
제가 처음에 create-app-react였나 그걸로 공부를 시작했다가 next.js를 해보고있는데요
코드에서 import React from 'react'; 를 할 필요 없습니다. 함수형 컴포넌트가 아닌 클래스 형 컴포넌트도 동일한데요, 만약에 여러분들이 class Index extends Component 와 같은 형식으로 하는걸 선호한다면, import { Component } from 'react'; 는 선언 해주어야합니다. 혹은 class Index extends React.Component 로 작성해도 되겠구요.
위글을 보시면 next.js를 알려준곳에선
import Link from 'next/link';
import Head from 'next/head';
import Layout from '../components/Layout';
const Index = () => (
<Layout>
<Head>
<title>Index 페이지</title>
</Head>
<h1>안녕, Next.js</h1>
<h2>
<Link href="/about">
<a style={{ background: 'black', color: 'white' }}>소개</a>
</Link>
</h2>
</Layout>
);
export default Index;
이런식의 코딩을 하고
create-app-react에서는
import React, { Component } from 'react';
import Test2 from './Test2';
class App extends Component {
render() {
const a = 1;
return (
<div>
{' '}
{0 + a === 1 ? <Test2 /> : <div> cc </div>}
<div />
</div>
);
}
}
export default App;
이런식으로 알려주더라구요
어떤게 더 좋을지 next.js에서 사용할땐 위에서 보여준 부분처럼 사용하는게 좋은지 궁금합니다.
