Next
react 로 만드는 트위터 클론 코딩 - 2
react 로 만드는 트위터 클론 코딩 - 2
2021.02.19저번시간에 이어서 이번시간에는 각종 page를 만드는것부터 시작하겠습니다. 저는 회원가입 페이지와 프로필 페이지를 만들었습니다. -signup.js const SignUp = () => { return 회원가입 } export default SignUp; -porfile.js const Profile = () => { return 내 프로필; }; export default Profile; $npm run dev 를 하시면 localhost:3000 에서는 index.js 가 렌더링 되고 localhost:3000/profile 에서는 profile.js 가 렌더링 됩니다. pages 폴더 안에서 하위 폴더도 생성이 가능합니다 about 이라는 폴더를 만들고 제이름으로된 js 파일을 만들겠습니다. -pa..
react 로 만드는 트위터 클론 코딩 - 1
react 로 만드는 트위터 클론 코딩 - 1
2021.02.19해당 프로젝트를 만들 폴더를 만들어 주신 다음 해당폴더로 이동 $ npm init -y 해당 package.json 파일을 생성합니다. 이 프로젝트에서는 next.js 를 사용할 것이고 next.js 는 9버전을 사용합니다. next.js 는 react를 사용한 프레임 워크 입니다. $ npm i next@9 "scripts": { "dev": "next" }, next를 설치하신 다음 package.json 에서 dev를 추가합니다. pages 라는 폴더를 만들고 index.js 파일을 만들어줍니다. const Home = () => { return ( Hello next ) } export default Home; index.js 파일 안의 내용을 다음과 같이 작성합니다. 보통 react에서 .jsx..