NSLog0 NSLog0

## app.js
// Module dependencies

var express    = require('express'),
    mysql      = require('mysql');

// Application initialization

var connection = mysql.createConnection({
        host     : 'localhost',
        user     : 'root',

## ็Home Controller
package com.algorithmtut;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HomeController {
    @RequestMapping("/")
    public String core() {
        return "index";

## pom.xml
 <build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>

			<plugin>
				<groupId>com.github.eirslett</groupId>
				<artifactId>frontend-maven-plugin</artifactId>

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>Algorithmtut - Leanning Coding Technique</title>
</head>

## package.json
{
  "name": "algorithmtut",
  "version": "0.0.1",
  "description": "leanning coding technique",
  "main": "index.jsx",
  "scripts": {
    "production": "webpack -p",
    "start": "webpack-dev-server --inline --content-base . --history-api-fallback",
    "test": "",
    "watch": "webpack -p"

## webpack.config.js
var path = require("path");
module.exports = {
  devtool: 'source-map',
  entry: './index.js',
  output: {
    path: path.resolve(__dirname, "build"),
    publicPath: "/",
    filename: "bundle.js"
  },
  module: {

## index.js
import React, { Component } from 'react'
import { render } from 'react-dom'

class Home extends Component {
  render() {
    return (
      <div>Hello, World!</div>
    )
  }
}

## .bablerc
{
  "presets": ["es2015", "stage-0", "react"]
}

## css example 1
ul > li a[title="home"]

## 1
button#submit {   }

.side-bar-menu#homeIcon {   }
	// Module dependencies

	var express = require('express'),
	mysql = require('mysql');

	// Application initialization

	var connection = mysql.createConnection({
	host : 'localhost',
	user : 'root',
	package com.algorithmtut;

	import org.springframework.stereotype.Controller;
	import org.springframework.web.bind.annotation.RequestMapping;

	@Controller
	public class HomeController {
	@RequestMapping("/")
	public String core() {
	return "index";
	<build>
	<plugins>
	<plugin>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-maven-plugin</artifactId>
	</plugin>

	<plugin>
	<groupId>com.github.eirslett</groupId>
	<artifactId>frontend-maven-plugin</artifactId>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="description" content=""/>
	<meta name="author" content=""/>
	<title>Algorithmtut - Leanning Coding Technique</title>
	</head>
	{
	"name": "algorithmtut",
	"version": "0.0.1",
	"description": "leanning coding technique",
	"main": "index.jsx",
	"scripts": {
	"production": "webpack -p",
	"start": "webpack-dev-server --inline --content-base . --history-api-fallback",
	"test": "",
	"watch": "webpack -p"
	var path = require("path");
	module.exports = {
	devtool: 'source-map',
	entry: './index.js',
	output: {
	path: path.resolve(__dirname, "build"),
	publicPath: "/",
	filename: "bundle.js"
	},
	module: {
	import React, { Component } from 'react'
	import { render } from 'react-dom'

	class Home extends Component {
	render() {
	return (
	<div>Hello, World!</div>
	)
	}
	}