Create Student

-[{"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\index.js":"1","C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\reportWebVitals.js":"2","C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\App.js":"3"},{"size":500,"mtime":499162500000,"results":"4","hashOfConfig":"5"},{"size":362,"mtime":499162500000,"results":"6","hashOfConfig":"5"},{"size":241,"mtime":1607351603724,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"10"},"16rehmo",{"filePath":"11","messages":"12","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"10"},{"filePath":"13","messages":"14","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\index.js",[],["15","16"],"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\reportWebVitals.js",[],"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\App.js",["17"],{"ruleId":"18","replacedBy":"19"},{"ruleId":"20","replacedBy":"21"},{"ruleId":"22","severity":1,"message":"23","line":7,"column":7,"nodeType":"24","endLine":7,"endColumn":36},"no-native-reassign",["25"],"no-negated-in-lhs",["26"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
+[{"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\index.js":"1","C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\reportWebVitals.js":"2","C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\App.js":"3","C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\components\\Student.js":"4"},{"size":500,"mtime":499162500000,"results":"5","hashOfConfig":"6"},{"size":362,"mtime":499162500000,"results":"7","hashOfConfig":"6"},{"size":1279,"mtime":1607355610693,"results":"8","hashOfConfig":"6"},{"size":1669,"mtime":1607355555245,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"16rehmo",{"filePath":"13","messages":"14","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},{"filePath":"15","messages":"16","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\index.js",[],["19","20"],"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\reportWebVitals.js",[],"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\App.js",["21"],"C:\\Users\\sally\\Desktop\\3-1\\DBproject\\project\\src\\components\\Student.js",[],{"ruleId":"22","replacedBy":"23"},{"ruleId":"24","replacedBy":"25"},{"ruleId":"26","severity":1,"message":"27","line":1,"column":27,"nodeType":"28","messageId":"29","endLine":1,"endColumn":37},"no-native-reassign",["30"],"no-negated-in-lhs",["31"],"no-unused-vars","'components' is defined but never used.","Identifier","unusedVar","no-global-assign","no-unsafe-negation"]
\ No newline at end of file

@@ -10,34 +10,14 @@
       content="Web site created using create-react-app"
       content="Web site created using create-react-app"
     />
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
+
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
 
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <title>React App</title>
     <title>React App</title>
   </head>
   </head>
   <body>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
 
 
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
   </body>
 </html>
 </html>

-import logo from './logo.svg';
+import React, {Component, components} from 'react';
 import './App.css';
 import './App.css';
+import Student from './components/Student';
+
+const students = [
+  {
+  'st_Code': 6666,
+  'st_Name': '육현진',
+  'st_Id': 2018102210,
+  'st_Major':'컴퓨터공학과',
+  'st_Midscore': 100,
+  'st_Finalscore': 100,
+  'st_Assignscore': 100,
+  'st_Attendscore': 100,
+  'st_Score':'A+'
+},
+{
+  'st_Code': 1111,
+  'st_Name': '김창동',
+  'st_Id': 2020021120,
+  'st_Major':'컴퓨터공학과',
+  'st_Midscore': 79,
+  'st_Finalscore': 85,
+  'st_Assignscore': 100,
+  'st_Attendscore': 90,
+  'st_Score':'A0'
+}]
+
+class App extends Component{
+  render(){
+      return (  
+        <div>
+          {
+            students.map(c=>{
+              return (
+                <Student
+                  key={c.st_Code}
+                  st_Code={c.st_Code}
+                  st_Name={c.st_Name}
+                  st_Id={c.st_Id}
+                  st_Major={c.st_Major}
+                  st_Midscore={c.st_Midscore}
+                  st_Finalscore={c.st_Finalscore}
+                  st_Assignscore={c.st_Assignscore}
+                  st_Attendscore={c.st_Attendscore}
+                  st_Score={c.st_Score}
+                  />
+              );
+            })
+          }
+        </div>
 
 
-function App() {
-  return (
-    <div className="gray-background">
-      <img src={logo} lat="logo" />
-      <h2>Let's develop management system!</h2>
-    </div>
   );
   );
+  }
 }
 }
 
 
 export default App;
 export default App;

+import React from 'react';
+
+class Student extends React.Component{
+    render(){
+        return(
+        <div>
+            
+            <Searchscores st_Midscore={this.props.st_Midscore} 
+            st_Finalscore = {this.props.st_Finalscore}
+            st_Assignscore = {this.props.st_Assignscore}
+            st_Attendscore = {this.props.st_Attendscore}/>
+
+            <Searchscore st_Score={this.props.st_Score}/>
+
+            <Searchothers st_Midscore={this.props.st_Midscore} 
+            st_Finalscore = {this.props.st_Finalscore}
+            st_Assignscore = {this.props.st_Assignscore}
+            st_Attendscore = {this.props.st_Attendscore}
+            st_Score = {this.props.st_Score}/>
+
+        </div>
+        )
+    }
+}
+
+class Searchscores extends React.Component{
+    render(){
+        return(
+            <div>
+
+            <p>{this.props.st_Midscore}</p>
+            <p>{this.props.st_Finalscore}</p>
+            <p>{this.props.st_Assignscore}</p>
+            <p>{this.props.st_Attendscore}</p>
+
+            </div> 
+        )
+    }
+}
+
+
+class Searchscore extends React.Component{
+    render(){
+        return(
+            <div>
+              <p>{this.props.st_Score}</p>
+            </div> 
+        )
+    }
+}
+
+class Searchothers extends React.Component{
+    render(){
+        return(
+            <div>
+            <p>{this.props.st_Midscore}</p>
+            <p>{this.props.st_Finalscore}</p>
+            <p>{this.props.st_Assignscore}</p>
+            <p>{this.props.st_Attendscore}</p>
+            <p>{this.props.st_Score}</p>
+            </div> 
+        )
+    }
+}
+
+export default Student;
\ No newline at end of file