ㅇtslint

.gitignore

@@ -4,4 +4,5 @@ dist/
 **/.vs
 **/.vscode
 .idea
-yarn.lock
+yarn.lock
+npm-debug.log

config/webpack/webpack.config.dev.js

@@ -9,7 +9,7 @@ module.exports = WebpackMerge(configBase, {
         app: [
         ]
     },
- 
+
     devtool: 'inline-source-map',
     
     devServer: {
@@ -17,11 +17,18 @@ module.exports = WebpackMerge(configBase, {
         inline: true,
         historyApiFallback: true,
         publicPath:  '/', // match the output `publicPath`
+        contentBase: [__dirname + '/public', __dirname + '/dist', __dirname + '/node_modules'], // match the output path
         host: '127.0.0.1',
-        port: 9091,
+        port: 9093,
         stats: { 
             colors: true 
         },
+        watchOptions: {
+          // ignored: [ Path.resolve(__dirname, '../../node_modules/') ],
+          ignored: /node_modules/,
+          aggregateTimeout: 300,
+          poll: 1000
+        },
     },
  
     module: {

src/ts/@overflow/member/react/components/PWChange.tsx

@@ -1,38 +1,39 @@
-import *as React from 'react'
+import *as React from 'react';
 import {
-  Input, InputOnChangeData,
+  Input,
-  Select, Button, Grid, Form, Container
+  InputOnChangeData,
-} from 'semantic-ui-react'
+  Select,
-
+  Button,
+  Grid,
+  Form,
+  Container,
+} from 'semantic-ui-react';
 
 export interface State {
-
+  pass: string;
+  passCon: string;
 }
 export interface Props {
 
 }
 
-
+export class PWChange extends React.Component<Props, State> {
-
+  constructor(props: Props, context: State) {
-export class PWChange extends React.Component<any, any> {
-  constructor(props: any, context: any) {
     super(props, context);
 
     this.state = {
-      pass:'',
+      pass:null,
-      passCon:'',
+      passCon:null,
-    }
+    };
 
   }
 
-  public onSubmit = () => {
+  public onSubmit():void {
     console.log(this.state);
   }
 
 
   public render(): JSX.Element {
-
-
     return (
       <Container fluid>
         <Grid>

src/ts/@overflow/member/react/components/SignIn.tsx

@@ -27,7 +27,7 @@ export interface State {
 }
 
 export class SignIn extends React.Component<Props, State> {
-  constructor(props: any, context: any) {
+  constructor(props: Props, context: State) {
     super(props, context);
 
     this.state = {

src/ts/@overflow/member/react/components/SignUp.tsx

@@ -1,19 +1,31 @@
-import *as React from 'react'
+import *as React from 'react';
 import {
-  Input, InputOnChangeData,
+  Input,
-  Select, Button, Dropdown, Grid, Form, Container
+  InputOnChangeData,
-} from 'semantic-ui-react'
+  Select,
+  Button,
+  Dropdown,
+  Grid,
+  Form,
+  Container,
+} from 'semantic-ui-react';
 
-
-export interface State {
-
-}
 export interface Props {
 
 }
 
+export interface State {
+  email: string;
+  name: string;
+  pass: string;
+  passCon: string;
+  company: string;
+  phone: string;
+  country: string;
+}
+
 const options = [{ key: 'southkorea', value: '82', text: 'South Korea(82)' },
-{ key: 'unitedstates', value: '1', text: 'United States(1)' }]
+  { key: 'unitedstates', value: '1', text: 'United States(1)' }]
 
 
 export class SignUp extends React.Component<any, any> {
@@ -21,31 +33,27 @@ export class SignUp extends React.Component<any, any> {
     super(props, context);
 
     this.state = {
-      email: '',
+      email: null,
-      name: '',
+      name: null,
-      pass: '',
+      pass: null,
-      passCon: '',
+      passCon: null,
-      company: '',
+      company: null,
-      phone: '',
+      phone: null,
-      country: '',
+      country: null,
     };
 
   }
 
-
+  public onSubmit():void {
-  public onSubmit = () => {
+    console.log(this.state);
-    console.log(this.state)
-
   }
 
-  public onChange = (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+  public onChange (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData):void {
-
+    console.log(event);
+    console.log(data);
   }
 
-
   public render(): JSX.Element {
-
-
     return (
       <Container fluid>
         <Grid>
@@ -58,24 +66,36 @@ export class SignUp extends React.Component<any, any> {
                   (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
                     this.setState({ email: data.value });
                   }} />
-                <Form.Input fluid placeholder='Name' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                <Form.Input fluid placeholder='Name' onChange= {
-                  this.setState({ name: data.value });
+                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                }} />
+                    this.setState({ name: data.value });
-                <Form.Input fluid placeholder='Password' type='password' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  }
-                  this.setState({ pass: data.value });
+                }/>
-                }} />
+                <Form.Input fluid placeholder='Password' type='password' onChange={
-                <Form.Input fluid placeholder='Password Confirm' type='password' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                  this.setState({ passCon: data.value });
+                    this.setState({ pass: data.value });
-                }} />
+                  }
-                <Form.Input fluid placeholder='Company' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                } />
-                  this.setState({ company: data.value });
+                <Form.Input fluid placeholder='Password Confirm' type='password' onChange={
-                }} />
+                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                <Form.Select fluid value={this.state.country} placeholder='Select your country' options={options} onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                    this.setState({ passCon: data.value });
-                  this.setState({ country: data.value });
+                  }
-                }} />
+                } />
-                <Form.Input fluid placeholder='phone' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                <Form.Input fluid placeholder='Company' onChange={
-                  this.setState({ phone: data.value });
+                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                }} />
+                    this.setState({ company: data.value });
+                  }
+                }/>
+                <Form.Select fluid value={this.state.country} placeholder='Select your country' options={options} onChange={
+                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                    this.setState({ country: data.value });
+                  }
+                } />
+                <Form.Input fluid placeholder='phone' onChange={
+                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                    this.setState({ phone: data.value });
+                  }
+                } />
                 <Form.Group>
                   <Button primary fluid style={{margin:'7'}} onClick={this.onSubmit}>   Sign Up  </Button>
                   <Button fluid style={{margin:'7'}}>    Cancel  </Button>
@@ -88,12 +108,8 @@ export class SignUp extends React.Component<any, any> {
         </Grid>
       </Container>
 
-
-      
     );
   }
 
-
-
 }
 

src/ts/@overflow/temp/react/components/DiscoveryDetails.tsx

@@ -1,63 +1,76 @@
 import * as React from 'react';
-import { Button, Modal, Checkbox, Header, Container } from 'semantic-ui-react';
+import {
+  Button,
+  Modal,
+  Checkbox,
+  Header,
+  Container,
+} from 'semantic-ui-react';
 import { DiscoveryProbe } from './DiscoveryProbe';
 import { DiscoveryTable } from './DiscoveryTable';
 
-export class DiscoveryDetails extends React.Component<any, any> {
+export interface Props {
+
+}
+
+export interface State {
+  startPopup:boolean;
+}
+
+
+export class DiscoveryDetails extends React.Component<Props, State> {
 
   private probeTemp: any;
   private submitData: any;
 
-  constructor(props: any, context: any) {
+  public constructor(props: Props, context: State) {
     super(props, context);
     this.handleProbeChange.bind(this);
     this.state = {
-      startPopup:false
+      startPopup:false,
     };
   }
 
-
+  public componentWillMount():void {
-
+    super.componentWillMount();
-  componentWillMount() {
+    this.probeTemp = {
-    this.probeTemp =
-      {
         'id': '11',
         'metaProbeStatus': {
-          'name': 'STARTED'
+          'name': 'STARTED',
         },
         'domain': {
-          'name': 'overFlow\'s domain111'
+          'name': 'overFlow\'s domain111',
         },
         'host': {
           'ip': '192.168.1.103',
           'mac': '44:8a:5b:44:8c:e8',
           'os': 'Ubuntu 17.04',
-          'name': '?????'
+          'name': '?????',
         },
         'createAt': '2017-07-12',
         'probeKey': 'AGBLKDFJ2452ASDGFL2KWJLKSDJ',
         'description': 'description1111111111',
         'lastPollingAt': '2017-07-12 14:20',
-        'nextPollingAt': '2017-07-12 14:30'
+        'nextPollingAt': '2017-07-12 14:30',
       };
 
   }
 
-  handleProbeChange(obj: any) {
+  public handleProbeChange(obj: any): void {
-    console.log(obj)
+    console.log(obj);
     this.setState({ startPopup:true });
     this.submitData = obj;
   }
 
-  handleSubmit() {
+  public handleSubmit(): void {
-    console.log(this.submitData)
+    console.log(this.submitData);
   }
 
-  handleCancel= () => this.setState({ startPopup: false });
+  public handleCancel= () => this.setState({ startPopup: false });
 
-  handlePopupClose = () => this.setState({ startPopup: false });
+  public handlePopupClose = () => this.setState({ startPopup: false });
 
-  render() {
+  public render(): JSX.Element  {
     return (
       <Container fluid>
         <Header as='h3' dividing> Discovery Details</Header>
@@ -80,4 +93,4 @@ export class DiscoveryDetails extends React.Component<any, any> {
 
     );
   }
-}
+}