next로 전환

Author: developer-choi

.babelrc.json

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

index.html

@@ -4,7 +4,9 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "start": "webpack-dev-server"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
   },
   "repository": {
     "type": "git",
@@ -14,73 +16,39 @@
   "author": "YuJinChoe",
   "license": "ISC",
   "dependencies": {
-    "@babel/polyfill": "^7.12.1",
-    "@material-ui/styles": "^4.11.2",
-    "@material-ui/system": "^4.11.2",
-    "@material-ui/utils": "^4.11.2",
-    "axios": "^0.21.1",
-    "classnames": "^2.2.6",
-    "clipboard-polyfill": "^3.0.2",
     "d3-geo-projection": "^3.0.0",
-    "decimal.js": "^10.2.1",
-    "i18n-js": "^3.8.0",
     "moment": "^2.29.1",
-    "query-string": "^6.13.8",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-icons": "^4.1.0",
-    "react-redux": "^7.2.2",
-    "react-router-dom": "^5.2.0",
+    "next": "^10.1.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-redux": "^7.2.3",
     "react-simple-maps": "^2.3.0",
-    "react-syntax-highlighter": "^15.4.3",
-    "react-transition-group": "^4.4.1",
-    "recharts": "^2.0.0",
     "redux": "^4.0.5",
     "redux-actions": "^2.6.5",
-    "redux-devtools-extension": "^2.13.8",
+    "redux-devtools-extension": "^2.13.9",
     "redux-saga": "^1.1.3",
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
-    "styled-components": "^5.2.1",
+    "styled-components": "^5.2.3",
     "styled-reset": "^4.3.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
     "@types/axios": "^0.14.0",
-    "@types/classnames": "^2.2.11",
-    "@types/decimal.js": "^7.4.0",
-    "@types/i18n-js": "^3.8.0",
     "@types/moment": "^2.13.0",
-    "@types/query-string": "^6.3.0",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@types/react-icons": "^3.0.0",
-    "@types/react-redux": "^7.1.15",
+    "@types/next": "^9.0.0",
+    "@types/react": "^17.0.3",
+    "@types/react-dom": "^17.0.3",
+    "@types/react-redux": "^7.1.16",
     "@types/react-router-dom": "^5.1.7",
     "@types/react-simple-maps": "^1.0.3",
-    "@types/react-syntax-highlighter": "^13.5.0",
-    "@types/recharts": "^1.8.18",
     "@types/redux-actions": "^2.6.1",
     "@types/redux-saga": "^0.10.5",
-    "@types/styled-components": "^5.1.7",
-    "@typescript-eslint/eslint-plugin": "^4.12.0",
-    "@typescript-eslint/parser": "^4.12.0",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-styled-components": "^1.12.0",
-    "copy-webpack-plugin": "^7.0.0",
-    "eslint": "^7.17.0",
-    "eslint-plugin-react": "^7.22.0",
+    "@types/styled-components": "^5.1.9",
+    "@typescript-eslint/eslint-plugin": "^4.22.0",
+    "@typescript-eslint/parser": "^4.22.0",
+    "eslint": "^7.24.0",
+    "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^4.5.1",
-    "serve": "^11.3.2",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.2.3",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.0"
+    "typescript": "^4.2.4"
   }
 }

next-env.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import styled from 'styled-components';
+
+export default function index() {
+  
+  return (
+      <Wrap>
+        index.tsx Page
+      </Wrap>
+  );
+}
+
+const Wrap = styled.div`
+  background-color: red;
+`;