Chore: update (#36)

* docs: update README.md

* chore: modify gif

* chore: apply eslint, prettier (close #26)

.eslintrc.js

@@ -1,15 +1,15 @@
 module.exports = {
-    "extends": "tui",
-    "parserOptions": {
-        "ecmaVersion": 3
-    },
-    "env": {
-        "browser": true,
-        "jasmine": true,
-        "commonjs": true
-    },
-    "globals": {
-        "tui": true,
-        "loadFixtures": true
-    }
+  extends: 'tui',
+  parserOptions: {
+    ecmaVersion: 3
+  },
+  env: {
+    browser: true,
+    jasmine: true,
+    commonjs: true
+  },
+  globals: {
+    tui: true,
+    loadFixtures: true
+  }
 };

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "printWidth" : 100,
+  "singleQuote" : true
+}

README.md

@@ -8,28 +8,24 @@
 [![code with hearth by NHN](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-NHN-ff1414.svg)](https://github.com/nhn)
 
 
-## 🚩 Table of Contents
+<p><a href="https://nhn.github.io/tui.time-picker/latest/"><img src="https://user-images.githubusercontent.com/8615506/64507615-27ae8200-d316-11e9-85a0-8f384d74cc02.gif" /></a></p>
+
 
+## 🚩 Table of Contents
 * [Collect statistics on the use of open source](#Collect-statistics-on-the-use-of-open-source)
-* [Browser Support](#-browser-support)
+* [Documents](#-documents)
 * [Features](#-features)
 * [Examples](#-examples)
 * [Install](#-install)
-    * [Via Package Manager](#via-package-manager)
-    * [Via Contents Delivery Network (CDN)](#via-contents-delivery-network-cdn)
-    * [Download Source Files](#download-source-files)
 * [Usage](#-usage)
-    * [HTML](#html)
-    * [JavaScript](#javascript)
+* [Dependency](#-dependency)
+* [Browser Support](#-browser-support)
 * [Pull Request Steps](#-pull-request-steps)
-    * [Setup](#setup)
-    * [Develop](#develop)
-    * [Pull Request Steps](#pull-request)
-* [Documents](#-documents)
 * [Contributing](#-contributing)
-* [Dependency](#-dependency)
+* [TOAST UI Family](#-toast-ui-family)
 * [License](#-license)
 
+
 ## Collect statistics on the use of open source
  TOAST UI time-picker applies Google Analytics (GA) to collect statistics on the use of open source, in order to identify how widely TOAST UI time-picker is used throughout the world.
 It also serves as important index to determine the future course of projects.
@@ -51,10 +47,14 @@ var instance = new TimePicker(container, options);
 tui.usageStatistics = false;
 ```
 
-## 🌏 Browser Support
-| <img src="https://user-images.githubusercontent.com/1215767/34348387-a2e64588-ea4d-11e7-8267-a43365103afe.png" alt="Chrome" width="16px" height="16px" /> Chrome | <img src="https://user-images.githubusercontent.com/1215767/34348590-250b3ca2-ea4f-11e7-9efb-da953359321f.png" alt="IE" width="16px" height="16px" /> Internet Explorer | <img src="https://user-images.githubusercontent.com/1215767/34348380-93e77ae8-ea4d-11e7-8696-9a989ddbbbf5.png" alt="Edge" width="16px" height="16px" /> Edge | <img src="https://user-images.githubusercontent.com/1215767/34348394-a981f892-ea4d-11e7-9156-d128d58386b9.png" alt="Safari" width="16px" height="16px" /> Safari | <img src="https://user-images.githubusercontent.com/1215767/34348383-9e7ed492-ea4d-11e7-910c-03b39d52f496.png" alt="Firefox" width="16px" height="16px" /> Firefox |
-| :---------: | :---------: | :---------: | :---------: | :---------: |
-| Yes | 8+ | Yes | Yes | Yes |
+
+## 📙 Documents
+* [Getting Started](https://github.com/nhn/tui.time-picker/blob/production/docs/getting-started.md)
+* [Tutorials](https://github.com/nhn/tui.time-picker/tree/production/docs)
+* [APIs](https://nhn.github.io/tui.time-picker/latest)
+* [v2.0.0 Migration Guide](https://github.com/nhn/tui.time-picker/blob/master/docs/getting-started.md#v200-migration-guide)
+
+You can also see the older versions of API page on the [releases page](https://github.com/nhn/tui.time-picker/releases).
 
 
 ## 🎨 Features
@@ -170,6 +170,17 @@ instance.getHour();
 For more information about the API, please see [here](https://nhn.github.io/tui.time-picker/latest/TimePicker).
 
 
+## 🔩 Dependency
+* [tui-code-snippet](https://github.com/nhn/tui.code-snippet) >=1.5.0
+* [tui-dom](https://github.com/nhn/tui.dom) >=3.0.0
+
+
+## 🌏 Browser Support
+| <img src="https://user-images.githubusercontent.com/1215767/34348387-a2e64588-ea4d-11e7-8267-a43365103afe.png" alt="Chrome" width="16px" height="16px" /> Chrome | <img src="https://user-images.githubusercontent.com/1215767/34348590-250b3ca2-ea4f-11e7-9efb-da953359321f.png" alt="IE" width="16px" height="16px" /> Internet Explorer | <img src="https://user-images.githubusercontent.com/1215767/34348380-93e77ae8-ea4d-11e7-8696-9a989ddbbbf5.png" alt="Edge" width="16px" height="16px" /> Edge | <img src="https://user-images.githubusercontent.com/1215767/34348394-a981f892-ea4d-11e7-9156-d128d58386b9.png" alt="Safari" width="16px" height="16px" /> Safari | <img src="https://user-images.githubusercontent.com/1215767/34348383-9e7ed492-ea4d-11e7-910c-03b39d52f496.png" alt="Firefox" width="16px" height="16px" /> Firefox |
+| :---------: | :---------: | :---------: | :---------: | :---------: |
+| Yes | 8+ | Yes | Yes | Yes |
+
+
 ## 🔧 Pull Request Steps
 
 TOAST UI products are open source, so you can create a pull request(PR) after you fix issues.
@@ -215,25 +226,21 @@ If it has no error, commit and then push it!
 For more information on PR's step, please see links of Contributing section.
 
 
-## 📙 Documents
-* [Getting Started](https://github.com/nhn/tui.time-picker/blob/production/docs/getting-started.md)
-* [Tutorials](https://github.com/nhn/tui.time-picker/tree/production/docs)
-* [APIs](https://nhn.github.io/tui.time-picker/latest)
-* [v2.0.0 Migration Guide](https://github.com/nhn/tui.time-picker/blob/master/docs/getting-started.md#v200-migration-guide)
-
-You can also see the older versions of API page on the [releases page](https://github.com/nhn/tui.time-picker/releases).
-
-
 ## 💬 Contributing
 * [Code of Conduct](https://github.com/nhn/tui.time-picker/blob/production/CODE_OF_CONDUCT.md)
 * [Contributing guideline](https://github.com/nhn/tui.time-picker/blob/production/CONTRIBUTING.md)
 * [Issue guideline](https://github.com/nhn/tui.time-picker/blob/production/docs/ISSUE_TEMPLATE.md)
 * [Commit convention](https://github.com/nhn/tui.time-picker/blob/production/docs/COMMIT_MESSAGE_CONVENTION.md)
 
 
-## 🔩 Dependency
-* [tui-code-snippet](https://github.com/nhn/tui.code-snippet) >=1.5.0
-* [tui-dom](https://github.com/nhn/tui.dom) >=3.0.0
+## 🍞 TOAST UI Family
+
+* [TOAST UI Editor](https://github.com/nhn/tui.editor)
+* [TOAST UI Calendar](https://github.com/nhn/tui.calendar)
+* [TOAST UI Chart](https://github.com/nhn/tui.chart)
+* [TOAST UI Image-Editor](https://github.com/nhn/tui.image-editor)
+* [TOAST UI Grid](https://github.com/nhn/tui.grid)
+* [TOAST UI Components](https://github.com/nhn)
 
 
 ## 📜 License