From 67b65077e0a8445027a163f897d444a254e219be Mon Sep 17 00:00:00 2001 From: seo2im <73334068+seo2im@users.noreply.github.com> Date: Wed, 5 May 2021 14:56:45 +0900 Subject: [PATCH 1/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 07ea5a0..6b13c70 100644 --- a/README.md +++ b/README.md @@ -61,4 +61,4 @@ Express App을 띄워볼 것 2. 추가조건(하면 좋고 아님 말고) MVC 패턴 구조 각종 미들웨어 사용해보기 -TypeScript로 해보기 +3. TypeScript로 해보기 From 1928419b39d25b378fb2592f4ecc5dd09344d5eb Mon Sep 17 00:00:00 2001 From: seo2im <73334068+seo2im@users.noreply.github.com> Date: Wed, 5 May 2021 14:58:22 +0900 Subject: [PATCH 2/9] Update README.md --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 6b13c70..f8f12c9 100644 --- a/README.md +++ b/README.md @@ -46,19 +46,19 @@ git push origin practice/#_seolim ### FRONT END 1. 최소조건 -React App울 띄워볼 것 -하나 이상 상태에 따라 동적으로 변하는 component를 만들어 볼것 + - React App울 띄워볼 것 + - 나 이상 상태에 따라 동적으로 변하는 component를 만들어 볼것 2. 추가조건(하면 좋고 아님 말고) -CRA없이 직접 설정해보기 + - CRA없이 직접 설정해보기 ### BACK END 1. 최소조건 -Express App을 띄워볼 것 -2개 이상의 routing을 구현할 것 + - Express App을 띄워볼 것 + - 2개 이상의 routing을 구현할 것 2. 추가조건(하면 좋고 아님 말고) -MVC 패턴 구조 -각종 미들웨어 사용해보기 -3. TypeScript로 해보기 + - MVC 패턴 구조 + - 각종 미들웨어 사용해보기 + - TypeScript로 해보기 From aa293ec057595fb4cad238da4d224e9026f84c34 Mon Sep 17 00:00:00 2001 From: 0000000000ps Date: Wed, 5 May 2021 20:50:30 +0900 Subject: [PATCH 3/9] =?UTF-8?q?test:=20CRA=20=EC=97=86=EC=9D=B4=20?= =?UTF-8?q?=EA=B0=9C=EB=B0=9C=20=ED=99=98=EA=B2=BD=20=EA=B5=AC=EC=B6=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- FRONT/sulee/.DS_Store | Bin 0 -> 6148 bytes FRONT/sulee/babel.config.js | 3 ++ FRONT/sulee/cra/.DS_Store | Bin 0 -> 6148 bytes FRONT/sulee/package.json | 35 ++++++++++++++++++++ FRONT/sulee/public/index.html | 12 +++++++ FRONT/sulee/src/App.css | 7 ++++ FRONT/sulee/src/App.jsx | 8 +++++ FRONT/sulee/src/index.js | 5 +++ FRONT/sulee/webpack.config.js | 59 ++++++++++++++++++++++++++++++++++ 9 files changed, 129 insertions(+) create mode 100644 FRONT/sulee/.DS_Store create mode 100644 FRONT/sulee/babel.config.js create mode 100644 FRONT/sulee/cra/.DS_Store create mode 100644 FRONT/sulee/package.json create mode 100644 FRONT/sulee/public/index.html create mode 100644 FRONT/sulee/src/App.css create mode 100644 FRONT/sulee/src/App.jsx create mode 100644 FRONT/sulee/src/index.js create mode 100644 FRONT/sulee/webpack.config.js diff --git a/FRONT/sulee/.DS_Store b/FRONT/sulee/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..cfea1ac7a7753c0a497be9ef5d17d78777f9c1b7 GIT binary patch literal 6148 zcmeHK!A`?447FL2DskD7V>od{`-8BRFX$Nwwn_u3Tc^P|=U?~~evIeXOs!UN10iHf z&U0crX`a+1CL*36ni|c{t(E7c;gKG0t27NEGi)Y literal 0 HcmV?d00001 diff --git a/FRONT/sulee/babel.config.js b/FRONT/sulee/babel.config.js new file mode 100644 index 0000000..58ec518 --- /dev/null +++ b/FRONT/sulee/babel.config.js @@ -0,0 +1,3 @@ +module.exports = { + presets: ['@babel/preset-react', '@babel/preset-env'] + }; \ No newline at end of file diff --git a/FRONT/sulee/cra/.DS_Store b/FRONT/sulee/cra/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 + + + + + + CRA 없이 개발 환경 구축 + + + + + \ No newline at end of file diff --git a/FRONT/sulee/src/App.css b/FRONT/sulee/src/App.css new file mode 100644 index 0000000..fe1afa1 --- /dev/null +++ b/FRONT/sulee/src/App.css @@ -0,0 +1,7 @@ +.container { + width: 500px; + height: 300px; + background: url("image.jfif") center no-repeat; + background-size: cover; + margin: 0 auto; + } \ No newline at end of file diff --git a/FRONT/sulee/src/App.jsx b/FRONT/sulee/src/App.jsx new file mode 100644 index 0000000..1b809b2 --- /dev/null +++ b/FRONT/sulee/src/App.jsx @@ -0,0 +1,8 @@ +import React from 'react'; +import './App.css'; + +const App = () => { + return
+}; + +export default App; \ No newline at end of file diff --git a/FRONT/sulee/src/index.js b/FRONT/sulee/src/index.js new file mode 100644 index 0000000..dbe51b5 --- /dev/null +++ b/FRONT/sulee/src/index.js @@ -0,0 +1,5 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; +import App from './App'; + +ReactDOM.render(, document.getElementById('root')); \ No newline at end of file diff --git a/FRONT/sulee/webpack.config.js b/FRONT/sulee/webpack.config.js new file mode 100644 index 0000000..c061c3b --- /dev/null +++ b/FRONT/sulee/webpack.config.js @@ -0,0 +1,59 @@ +module.exports = { + entry: { + main: './src/index.js' + } + resolve: { + extensions: ['.js', '.jsx'] + }, + + devtool: 'eval-cheap-source-map', + + devServer: { + hot: true, + overlay: true, + writeToDisk: true, + }, + + const path = require('path'); + + ... + output: { + filename: 'bundle.js', + path: path.resolve(__dirname, 'dist'), + } + + +module: { + rules: [ + { + test: /\.(js|jsx)$/, + exclude: '/node_modules/', + loader: 'babel-loader' + }, + { + test: /\.css$/, + use: [ + { loader: 'style-loader' }, + { loader: 'css-loader' } + ] + }, + { + test: /\.jfif$/, + loader: 'file-loader', + options: { + name: '[name].[ext]' + } + } + ] +}, + +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const { CleanWebpackPlugin } = require('clean-webpack-plugin'); + +plugins: [ + new CleanWebpackPlugin(), + new HtmlWebpackPlugin({ + template: './public/index.html', + }) +] + } \ No newline at end of file From 0d5ccf1cc68d6fe5a3873f7c62b2097f76896ffd Mon Sep 17 00:00:00 2001 From: 0000000000ps Date: Thu, 6 May 2021 11:56:07 +0900 Subject: [PATCH 4/9] test: Delete --- FRONT/sulee/babel.config.js | 3 -- FRONT/sulee/cra/.DS_Store | Bin 6148 -> 0 bytes FRONT/sulee/package.json | 35 -------------------- FRONT/sulee/public/index.html | 12 ------- FRONT/sulee/src/App.css | 7 ---- FRONT/sulee/src/App.jsx | 8 ----- FRONT/sulee/src/index.js | 5 --- FRONT/sulee/webpack.config.js | 59 ---------------------------------- 8 files changed, 129 deletions(-) delete mode 100644 FRONT/sulee/babel.config.js delete mode 100644 FRONT/sulee/cra/.DS_Store delete mode 100644 FRONT/sulee/package.json delete mode 100644 FRONT/sulee/public/index.html delete mode 100644 FRONT/sulee/src/App.css delete mode 100644 FRONT/sulee/src/App.jsx delete mode 100644 FRONT/sulee/src/index.js delete mode 100644 FRONT/sulee/webpack.config.js diff --git a/FRONT/sulee/babel.config.js b/FRONT/sulee/babel.config.js deleted file mode 100644 index 58ec518..0000000 --- a/FRONT/sulee/babel.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - presets: ['@babel/preset-react', '@babel/preset-env'] - }; \ No newline at end of file diff --git a/FRONT/sulee/cra/.DS_Store b/FRONT/sulee/cra/.DS_Store deleted file mode 100644 index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 - - - - - - CRA 없이 개발 환경 구축 - - - - - \ No newline at end of file diff --git a/FRONT/sulee/src/App.css b/FRONT/sulee/src/App.css deleted file mode 100644 index fe1afa1..0000000 --- a/FRONT/sulee/src/App.css +++ /dev/null @@ -1,7 +0,0 @@ -.container { - width: 500px; - height: 300px; - background: url("image.jfif") center no-repeat; - background-size: cover; - margin: 0 auto; - } \ No newline at end of file diff --git a/FRONT/sulee/src/App.jsx b/FRONT/sulee/src/App.jsx deleted file mode 100644 index 1b809b2..0000000 --- a/FRONT/sulee/src/App.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import './App.css'; - -const App = () => { - return
-}; - -export default App; \ No newline at end of file diff --git a/FRONT/sulee/src/index.js b/FRONT/sulee/src/index.js deleted file mode 100644 index dbe51b5..0000000 --- a/FRONT/sulee/src/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import App from './App'; - -ReactDOM.render(, document.getElementById('root')); \ No newline at end of file diff --git a/FRONT/sulee/webpack.config.js b/FRONT/sulee/webpack.config.js deleted file mode 100644 index c061c3b..0000000 --- a/FRONT/sulee/webpack.config.js +++ /dev/null @@ -1,59 +0,0 @@ -module.exports = { - entry: { - main: './src/index.js' - } - resolve: { - extensions: ['.js', '.jsx'] - }, - - devtool: 'eval-cheap-source-map', - - devServer: { - hot: true, - overlay: true, - writeToDisk: true, - }, - - const path = require('path'); - - ... - output: { - filename: 'bundle.js', - path: path.resolve(__dirname, 'dist'), - } - - -module: { - rules: [ - { - test: /\.(js|jsx)$/, - exclude: '/node_modules/', - loader: 'babel-loader' - }, - { - test: /\.css$/, - use: [ - { loader: 'style-loader' }, - { loader: 'css-loader' } - ] - }, - { - test: /\.jfif$/, - loader: 'file-loader', - options: { - name: '[name].[ext]' - } - } - ] -}, - -const HtmlWebpackPlugin = require('html-webpack-plugin'); -const { CleanWebpackPlugin } = require('clean-webpack-plugin'); - -plugins: [ - new CleanWebpackPlugin(), - new HtmlWebpackPlugin({ - template: './public/index.html', - }) -] - } \ No newline at end of file From 7e0a10f43b580a843bacb9422b8c1ccc1864b09b Mon Sep 17 00:00:00 2001 From: 0000000000ps Date: Thu, 6 May 2021 12:03:28 +0900 Subject: [PATCH 5/9] test: Build a development environment without CRA --- FRONT/sulee/babel.config.js | 3 ++ FRONT/sulee/package.json | 32 +++++++++++++++++++ FRONT/sulee/public/index.html | 14 +++++++++ FRONT/sulee/src/App.css | 7 +++++ FRONT/sulee/src/App.jsx | 8 +++++ FRONT/sulee/src/index.js | 0 FRONT/sulee/webpack.config.js | 58 +++++++++++++++++++++++++++++++++++ 7 files changed, 122 insertions(+) create mode 100644 FRONT/sulee/babel.config.js create mode 100644 FRONT/sulee/package.json create mode 100644 FRONT/sulee/public/index.html create mode 100644 FRONT/sulee/src/App.css create mode 100644 FRONT/sulee/src/App.jsx create mode 100644 FRONT/sulee/src/index.js create mode 100644 FRONT/sulee/webpack.config.js diff --git a/FRONT/sulee/babel.config.js b/FRONT/sulee/babel.config.js new file mode 100644 index 0000000..b620214 --- /dev/null +++ b/FRONT/sulee/babel.config.js @@ -0,0 +1,3 @@ +module.exports = { + presets: ['@babel/preset-react', '@babel/preset-env'], +}; \ No newline at end of file diff --git a/FRONT/sulee/package.json b/FRONT/sulee/package.json new file mode 100644 index 0000000..4398702 --- /dev/null +++ b/FRONT/sulee/package.json @@ -0,0 +1,32 @@ +{ + "name": "sulee", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "dev": "webpack-dev-server --progress --mode development", + "build": "webpack --progress --mode production" + }, + "keywords": [], + "author": "", + "license": "ISC", + "dependencies": { + "react": "^17.0.2", + "react-dom": "^17.0.2" + }, + "devDependencies": { + "@babel/core": "^7.14.0", + "@babel/preset-env": "^7.14.1", + "@babel/preset-react": "^7.13.13", + "babel-loader": "^8.2.2", + "clean-webpack-plugin": "^4.0.0-alpha.0", + "css-loader": "^5.2.4", + "file-loader": "^6.2.0", + "html-webpack-plugin": "^5.3.1", + "style-loader": "^2.0.0", + "webpack": "^5.36.2", + "webpack-cli": "^4.6.0", + "webpack-dev-server": "^3.11.2" + } +} diff --git a/FRONT/sulee/public/index.html b/FRONT/sulee/public/index.html new file mode 100644 index 0000000..7775051 --- /dev/null +++ b/FRONT/sulee/public/index.html @@ -0,0 +1,14 @@ + + + + + + + CRA 없이 설정하기 + + + +
+ + + \ No newline at end of file diff --git a/FRONT/sulee/src/App.css b/FRONT/sulee/src/App.css new file mode 100644 index 0000000..ddd67e8 --- /dev/null +++ b/FRONT/sulee/src/App.css @@ -0,0 +1,7 @@ +.container { + width: 500px; + height: 300px; + background: url("image.jfif") center no-repeat; + background-size: cover; + margin: 0 auto; +} \ No newline at end of file diff --git a/FRONT/sulee/src/App.jsx b/FRONT/sulee/src/App.jsx new file mode 100644 index 0000000..f323b34 --- /dev/null +++ b/FRONT/sulee/src/App.jsx @@ -0,0 +1,8 @@ +import React from 'react'; +import './App.css'; + +const App = () => { + return
+}; + +export default App; \ No newline at end of file diff --git a/FRONT/sulee/src/index.js b/FRONT/sulee/src/index.js new file mode 100644 index 0000000..e69de29 diff --git a/FRONT/sulee/webpack.config.js b/FRONT/sulee/webpack.config.js new file mode 100644 index 0000000..9423d4c --- /dev/null +++ b/FRONT/sulee/webpack.config.js @@ -0,0 +1,58 @@ +const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const { CleanWebpackPlugin } = require('clean-webpack-plugin'); + +module.exports = { + entry: { + main: './src/index.js' + }, + + resolve: { + extensions: ['.js', '.jsx'] + }, + + devtool: 'eval-cheap-source-map', + + devServer: { + hot: true, + overlay: true, + writeToDisk: true, + }, + + output: { + filename: 'bundle.js', + path: path.resolve(__dirname, 'dist'), + }, + + module: { + rules: [ + { + test: /\.(js|jsx)$/, + exclude: '/node_modules/', + loader: 'babel-loader' + }, + { + test: /\.css$/, + use: [ + { loader: 'style-loader' }, + { loader: 'css-loader' } + ] + }, + { + test: /\.jfif$/, + loader: 'file-loader', + options: { + name: '[name].[ext]' + } + } + ] + }, + + plugins: [ + new CleanWebpackPlugin(), + new HtmlWebpackPlugin({ + template: './public/index.html', + }) + ] + +} \ No newline at end of file From c3208094974c796b8fa747a9bd3433ba9b929b52 Mon Sep 17 00:00:00 2001 From: 0000000000ps Date: Thu, 6 May 2021 12:03:51 +0900 Subject: [PATCH 6/9] test: Build a development environment without CRA --- FRONT/sulee/.DS_Store | Bin 6148 -> 6148 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/FRONT/sulee/.DS_Store b/FRONT/sulee/.DS_Store index cfea1ac7a7753c0a497be9ef5d17d78777f9c1b7..e83054b21446607fe51a5014223ed57d854010c1 100644 GIT binary patch delta 90 zcmZoMXfc=|#>CJ*u~2NHo+3930|Nsi1A_oVPWt2?MnguH$x4hStWSQ~7ao}$%_t3F qZLVhQVVk^xaoT2f4t@@x=FJNkzcWwf7cpdHm~6u%y*Wl?1v3DDYZ`L^ delta 139 zcmZoMXfc=|#>B`mF;Q%yo}w@-0|Nsi1A_oVQC?1dUOI?3nUQg&I7pnCA(^3wA+anN zAvdwdMAcbce{rnhVMm|}7KRjtOon2HlHB|hm!zEhB%l}vSbpQv9=6Tw9Q+(Wt2Q$- XerKM{FJj06w27esh&OwP>|q7~TF@U- From b0960043d62f0b6fdb94623593cc8181f90b7cca Mon Sep 17 00:00:00 2001 From: 0000000000ps Date: Sat, 8 May 2021 23:11:28 +0900 Subject: [PATCH 7/9] Delete --- FRONT/sulee/babel.config.js | 3 -- FRONT/sulee/package.json | 32 ------------------- FRONT/sulee/public/index.html | 14 --------- FRONT/sulee/src/App.css | 7 ----- FRONT/sulee/src/App.jsx | 8 ----- FRONT/sulee/src/index.js | 0 FRONT/sulee/webpack.config.js | 58 ----------------------------------- 7 files changed, 122 deletions(-) delete mode 100644 FRONT/sulee/babel.config.js delete mode 100644 FRONT/sulee/package.json delete mode 100644 FRONT/sulee/public/index.html delete mode 100644 FRONT/sulee/src/App.css delete mode 100644 FRONT/sulee/src/App.jsx delete mode 100644 FRONT/sulee/src/index.js delete mode 100644 FRONT/sulee/webpack.config.js diff --git a/FRONT/sulee/babel.config.js b/FRONT/sulee/babel.config.js deleted file mode 100644 index b620214..0000000 --- a/FRONT/sulee/babel.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - presets: ['@babel/preset-react', '@babel/preset-env'], -}; \ No newline at end of file diff --git a/FRONT/sulee/package.json b/FRONT/sulee/package.json deleted file mode 100644 index 4398702..0000000 --- a/FRONT/sulee/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "sulee", - "version": "1.0.0", - "description": "", - "main": "index.js", - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1", - "dev": "webpack-dev-server --progress --mode development", - "build": "webpack --progress --mode production" - }, - "keywords": [], - "author": "", - "license": "ISC", - "dependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" - }, - "devDependencies": { - "@babel/core": "^7.14.0", - "@babel/preset-env": "^7.14.1", - "@babel/preset-react": "^7.13.13", - "babel-loader": "^8.2.2", - "clean-webpack-plugin": "^4.0.0-alpha.0", - "css-loader": "^5.2.4", - "file-loader": "^6.2.0", - "html-webpack-plugin": "^5.3.1", - "style-loader": "^2.0.0", - "webpack": "^5.36.2", - "webpack-cli": "^4.6.0", - "webpack-dev-server": "^3.11.2" - } -} diff --git a/FRONT/sulee/public/index.html b/FRONT/sulee/public/index.html deleted file mode 100644 index 7775051..0000000 --- a/FRONT/sulee/public/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - CRA 없이 설정하기 - - - -
- - - \ No newline at end of file diff --git a/FRONT/sulee/src/App.css b/FRONT/sulee/src/App.css deleted file mode 100644 index ddd67e8..0000000 --- a/FRONT/sulee/src/App.css +++ /dev/null @@ -1,7 +0,0 @@ -.container { - width: 500px; - height: 300px; - background: url("image.jfif") center no-repeat; - background-size: cover; - margin: 0 auto; -} \ No newline at end of file diff --git a/FRONT/sulee/src/App.jsx b/FRONT/sulee/src/App.jsx deleted file mode 100644 index f323b34..0000000 --- a/FRONT/sulee/src/App.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import './App.css'; - -const App = () => { - return
-}; - -export default App; \ No newline at end of file diff --git a/FRONT/sulee/src/index.js b/FRONT/sulee/src/index.js deleted file mode 100644 index e69de29..0000000 diff --git a/FRONT/sulee/webpack.config.js b/FRONT/sulee/webpack.config.js deleted file mode 100644 index 9423d4c..0000000 --- a/FRONT/sulee/webpack.config.js +++ /dev/null @@ -1,58 +0,0 @@ -const path = require('path'); -const HtmlWebpackPlugin = require('html-webpack-plugin'); -const { CleanWebpackPlugin } = require('clean-webpack-plugin'); - -module.exports = { - entry: { - main: './src/index.js' - }, - - resolve: { - extensions: ['.js', '.jsx'] - }, - - devtool: 'eval-cheap-source-map', - - devServer: { - hot: true, - overlay: true, - writeToDisk: true, - }, - - output: { - filename: 'bundle.js', - path: path.resolve(__dirname, 'dist'), - }, - - module: { - rules: [ - { - test: /\.(js|jsx)$/, - exclude: '/node_modules/', - loader: 'babel-loader' - }, - { - test: /\.css$/, - use: [ - { loader: 'style-loader' }, - { loader: 'css-loader' } - ] - }, - { - test: /\.jfif$/, - loader: 'file-loader', - options: { - name: '[name].[ext]' - } - } - ] - }, - - plugins: [ - new CleanWebpackPlugin(), - new HtmlWebpackPlugin({ - template: './public/index.html', - }) - ] - -} \ No newline at end of file From 9ca841fffe27fb318d042c97c1e1aa05a207b451 Mon Sep 17 00:00:00 2001 From: 0000000000ps Date: Sun, 9 May 2021 03:32:52 +0900 Subject: [PATCH 8/9] Delete --- FRONT/sulee/.DS_Store | Bin 6148 -> 6148 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/FRONT/sulee/.DS_Store b/FRONT/sulee/.DS_Store index e83054b21446607fe51a5014223ed57d854010c1..86f7fa794a7d4f2ebb23a99c3b9574090386d175 100644 GIT binary patch literal 6148 zcmeHKL2uJA6nEiD&zjHY*(*5Ms!$vOmY~J^S+)#jXK>wFX`tpaK9Ki^O6X ztDl(k%Q9z6)N=}vsWH4@uWoll7|+F;4x@lk;NMd~e!I)y!T@{-ApiZYe!HFbhN9he z1L0yXFBdM~okeDc|4A$njVECage=`njl|51l;YAVbDE|18Hd>t8!hHOE6SQ&x*& z@;u&29Se{^A3AQ9#PpUvxpCkpX|48|EftE(E32HBd3mk;*zSqUPMvg+w4DA!`EA&(yTkted27(`y8#<8`7^Aa!ZR5pgg zMq{&TH8yLbsx{o&s#UGajVq&3iJ!e#zj|{we6c@#IePV4^2bvIj}c`j2`BId8??N< zz?TlDo>^)4@4gL5TFRS!)$`uPaz3~FQ6Qo{oM*yr!s?hKEr*{t=Ib!@jRHo2Kd*q? zA1o{qn}lPHYU{vCT>%h_*sToP@-88BEW#$?SR;DSm`+91sf?}|Os8YNMR85Su|}N^ zj4mIHW@dClVQO|9-%{bgni@@Q6fg?p6)5P(iah^sEWZEelgyJ*z$oxvDZq+tyWPSi z(b+n;IC<7uSaz{UlW}8>Dg`S#j#Wb*#T!_Zq0f>H#3tcbBle(~KLSbyQyB&Rssi5u D3N6ZK delta 192 zcmZoMXfc=|#>CJ*u~2NHo+2j;0|Nsi1A_p=#35Ql{!g&~unn4u&m-7q*gKeqrV z1_N-p+ Date: Sun, 9 May 2021 03:55:28 +0900 Subject: [PATCH 9/9] feat: Creat a component title: Create a button component body: Create button for matching --- FRONT/sulee/.DS_Store | Bin 6148 -> 0 bytes FRONT/sulee/.gitignore | 23 ++++++++++ FRONT/sulee/README.md | 70 +++++++++++++++++++++++++++++ FRONT/sulee/package.json | 38 ++++++++++++++++ FRONT/sulee/public/favicon.ico | Bin 0 -> 1497 bytes FRONT/sulee/public/index.html | 43 ++++++++++++++++++ FRONT/sulee/public/manifest.json | 15 +++++++ FRONT/sulee/public/robots.txt | 3 ++ FRONT/sulee/src/App.css | 39 ++++++++++++++++ FRONT/sulee/src/App.js | 24 ++++++++++ FRONT/sulee/src/App.test.js | 8 ++++ FRONT/sulee/src/index.css | 13 ++++++ FRONT/sulee/src/index.js | 17 +++++++ FRONT/sulee/src/logo.svg | 1 + FRONT/sulee/src/reportWebVitals.js | 13 ++++++ FRONT/sulee/src/setupTests.js | 5 +++ 16 files changed, 312 insertions(+) delete mode 100644 FRONT/sulee/.DS_Store create mode 100644 FRONT/sulee/.gitignore create mode 100644 FRONT/sulee/README.md create mode 100644 FRONT/sulee/package.json create mode 100644 FRONT/sulee/public/favicon.ico create mode 100644 FRONT/sulee/public/index.html create mode 100644 FRONT/sulee/public/manifest.json create mode 100644 FRONT/sulee/public/robots.txt create mode 100644 FRONT/sulee/src/App.css create mode 100644 FRONT/sulee/src/App.js create mode 100644 FRONT/sulee/src/App.test.js create mode 100644 FRONT/sulee/src/index.css create mode 100644 FRONT/sulee/src/index.js create mode 100644 FRONT/sulee/src/logo.svg create mode 100644 FRONT/sulee/src/reportWebVitals.js create mode 100644 FRONT/sulee/src/setupTests.js diff --git a/FRONT/sulee/.DS_Store b/FRONT/sulee/.DS_Store deleted file mode 100644 index 86f7fa794a7d4f2ebb23a99c3b9574090386d175..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeHKL2uJA6nEiD&zjHY*(*5Ms!$vOmY~J^S+)#jXK>wFX`tpaK9Ki^O6X ztDl(k%Q9z6)N=}vsWH4@uWoll7|+F;4x@lk;NMd~e!I)y!T@{-ApiZYe!HFbhN9he z1L0yXFBdM~okeDc|4A$njVECage=`njl|51l;YAVbDE|18Hd>t8!hHOE6SQ&x*& z@;u&29Se{^A3AQ9#PpUvxpCkpX|48|EftE(E32HBd3mk;*zSqUPMvg+w4DA!`EA&(yTkted27(`y8#<8`7^Aa!ZR5pgg zMq{&TH8yLbsx{o&s#UGajVq&3iJ!e#zj|{we6c@#IePV4^2bvIj}c`j2`BId8??N< zz?TlDo>^)4@4gL5TFRS!)$`uPaz3~FQ6Qo{oM*yr!s?hKEr*{t=Ib!@jRHo2Kd*q? zA1o{qn}lPHYU{vCT>%h_*sToP@-88BEW#$?SR;DSm`+91sf?}|Os8YNMR85Su|}N^ zj4mIHW@dClVQO|9-%{bgni@@Q6fg?p6)5P(iah^sEWZEelgyJ*z$oxvDZq+tyWPSi z(b+n;IC<7uSaz{UlW}8>Dg`S#j#Wb*#T!_Zq0f>H#3tcbBle(~KLSbyQyB&Rssi5u D3N6ZK diff --git a/FRONT/sulee/.gitignore b/FRONT/sulee/.gitignore new file mode 100644 index 0000000..4d29575 --- /dev/null +++ b/FRONT/sulee/.gitignore @@ -0,0 +1,23 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/FRONT/sulee/README.md b/FRONT/sulee/README.md new file mode 100644 index 0000000..0c83cde --- /dev/null +++ b/FRONT/sulee/README.md @@ -0,0 +1,70 @@ +# Getting Started with Create React App + +This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). + +## Available Scripts + +In the project directory, you can run: + +### `npm start` + +Runs the app in the development mode.\ +Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.\ +You will also see any lint errors in the console. + +### `npm test` + +Launches the test runner in the interactive watch mode.\ +See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. + +### `npm run build` + +Builds the app for production to the `build` folder.\ +It correctly bundles React in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.\ +Your app is ready to be deployed! + +See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. + +### `npm run eject` + +**Note: this is a one-way operation. Once you `eject`, you can’t go back!** + +If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. + +Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. + +You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. + +## Learn More + +You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). + +To learn React, check out the [React documentation](https://reactjs.org/). + +### Code Splitting + +This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) + +### Analyzing the Bundle Size + +This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) + +### Making a Progressive Web App + +This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) + +### Advanced Configuration + +This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) + +### Deployment + +This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) + +### `npm run build` fails to minify + +This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) diff --git a/FRONT/sulee/package.json b/FRONT/sulee/package.json new file mode 100644 index 0000000..39f1d84 --- /dev/null +++ b/FRONT/sulee/package.json @@ -0,0 +1,38 @@ +{ + "name": "sulee", + "version": "0.1.0", + "private": true, + "dependencies": { + "@testing-library/jest-dom": "^5.12.0", + "@testing-library/react": "^11.2.6", + "@testing-library/user-event": "^12.8.3", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "react-scripts": "4.0.3", + "web-vitals": "^1.1.2" + }, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject" + }, + "eslintConfig": { + "extends": [ + "react-app", + "react-app/jest" + ] + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + } +} diff --git a/FRONT/sulee/public/favicon.ico b/FRONT/sulee/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..bb99c27b25ba2d706abafe234c8d58e934031f3f GIT binary patch literal 1497 zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-$r9IylHmNblJdl&R0hYC{G?O` z&)mfH)S%SFl*+=BsWuD@%nF$y5hW46K32*3xq68pHF_1f1wh>l3^w)^1&PVosU-?Y zsp*+{wo31J?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&PsjvbXkegbP zs8ErclUHn2VXFi-*9yo63F|8Mv>2~2MaLa#GUy`Y4UTL84#CABECEH%ZgC_h&L>|v`++-|YNX&zK> z3U0SJ;?%1Tbc{YIT9Kj|CIn17ASOJ~0y*$xpPC0u>qWpsE&1w$8Uq89zo(01NX4x; zvrg+dJ4zfsA2^+jm($lPU`gt8L62Llb6r#(iP|)jZ&y`~2W<70#*wr7`Wij|jvZ4qI-g|xH&Ko&6VzAnGPi!Y|5WGnP#3krtiYx% zf*UkC*bhuiShFU0Vhd|0pOivMuVCw{2?df023nO~Iqr3EltX7{wPfU!Km<*XZqM)3o#c$5#`@4=#Vq z%Dqg)b&Hhbh0_xyRCgb?DF6KOSLm~@EeUrdCw(lLwQNQ-PtNS%g;A?-dS>osZhP5v zb&1EEbuMQ%B*jcjnCcs6o^r~KGn38B>#|>avsh-N^rrwNXZffp+a^B^sk-y@!R&-n z$Beg{InJ>Wnzf)+{Pk^Z6(P+XA{#%i{m$_0WlN;4yX*7=>dN!B2j8){dpYcubVP8! z&(st4!ki(mnm_+aQ&&AOSz(^`?UO72B|3C!2tuOx;+A|yHU>7~rVn*FJtd&R*3;F` JWt~$(69AN)D? + + + + + + + + + + + + React App + + + +
+ + + diff --git a/FRONT/sulee/public/manifest.json b/FRONT/sulee/public/manifest.json new file mode 100644 index 0000000..9382c98 --- /dev/null +++ b/FRONT/sulee/public/manifest.json @@ -0,0 +1,15 @@ +{ + "short_name": "React App", + "name": "Matching 42", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} \ No newline at end of file diff --git a/FRONT/sulee/public/robots.txt b/FRONT/sulee/public/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/FRONT/sulee/public/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/FRONT/sulee/src/App.css b/FRONT/sulee/src/App.css new file mode 100644 index 0000000..93b5d02 --- /dev/null +++ b/FRONT/sulee/src/App.css @@ -0,0 +1,39 @@ +.App { + text-align: center; + font-size: calc(100px); +} + +.App-logo { + height: 40vmin; + pointer-events: none; +} + +@media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } +} + +.App-header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.App-link { + color: #61dafb; +} + +@keyframes App-logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/FRONT/sulee/src/App.js b/FRONT/sulee/src/App.js new file mode 100644 index 0000000..fc61f06 --- /dev/null +++ b/FRONT/sulee/src/App.js @@ -0,0 +1,24 @@ +import React, { Component } from 'react'; +import './App.css'; + +class Button extends Component { + render() { + return( +
+ +
+ ); + } +} + +class App extends Component { + render() { + return ( +
+ +
+ ); + } +} + +export default App; \ No newline at end of file diff --git a/FRONT/sulee/src/App.test.js b/FRONT/sulee/src/App.test.js new file mode 100644 index 0000000..1f03afe --- /dev/null +++ b/FRONT/sulee/src/App.test.js @@ -0,0 +1,8 @@ +import { render, screen } from '@testing-library/react'; +import App from './App'; + +test('renders learn react link', () => { + render(); + const linkElement = screen.getByText(/learn react/i); + expect(linkElement).toBeInTheDocument(); +}); diff --git a/FRONT/sulee/src/index.css b/FRONT/sulee/src/index.css new file mode 100644 index 0000000..ec2585e --- /dev/null +++ b/FRONT/sulee/src/index.css @@ -0,0 +1,13 @@ +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +code { + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + monospace; +} diff --git a/FRONT/sulee/src/index.js b/FRONT/sulee/src/index.js new file mode 100644 index 0000000..ef2edf8 --- /dev/null +++ b/FRONT/sulee/src/index.js @@ -0,0 +1,17 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; +import './index.css'; +import App from './App'; +import reportWebVitals from './reportWebVitals'; + +ReactDOM.render( + + + , + document.getElementById('root') +); + +// If you want to start measuring performance in your app, pass a function +// to log results (for example: reportWebVitals(console.log)) +// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals +reportWebVitals(); diff --git a/FRONT/sulee/src/logo.svg b/FRONT/sulee/src/logo.svg new file mode 100644 index 0000000..9dfc1c0 --- /dev/null +++ b/FRONT/sulee/src/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/FRONT/sulee/src/reportWebVitals.js b/FRONT/sulee/src/reportWebVitals.js new file mode 100644 index 0000000..5253d3a --- /dev/null +++ b/FRONT/sulee/src/reportWebVitals.js @@ -0,0 +1,13 @@ +const reportWebVitals = onPerfEntry => { + if (onPerfEntry && onPerfEntry instanceof Function) { + import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { + getCLS(onPerfEntry); + getFID(onPerfEntry); + getFCP(onPerfEntry); + getLCP(onPerfEntry); + getTTFB(onPerfEntry); + }); + } +}; + +export default reportWebVitals; diff --git a/FRONT/sulee/src/setupTests.js b/FRONT/sulee/src/setupTests.js new file mode 100644 index 0000000..8f2609b --- /dev/null +++ b/FRONT/sulee/src/setupTests.js @@ -0,0 +1,5 @@ +// jest-dom adds custom jest matchers for asserting on DOM nodes. +// allows you to do things like: +// expect(element).toHaveTextContent(/react/i) +// learn more: https://github.com/testing-library/jest-dom +import '@testing-library/jest-dom';