Skip to content

web tools

SeungAh Hong3min read

Blog Theme

Open Icon

  • A page where you can download the icons you need for web development for free

Free Icon

Open Color

  • A page that organizes a collection of colors used in UI, such as fonts, backgrounds, and borders

Open Color

Deploy a static web application for free with Surge.sh

surge

Surge.sh is a hosting service for front-end developers that lets you deploy static web applications without a tedious sign-up process or complicated configuration. Its biggest feature is that you can deploy very easily with just a few commands from the command line, without ever leaving the IDE or terminal where you are currently writing code. On top of that, the pricing is perfectly fine even on the free plan for personal-scale projects. It is highly optimized for deploying static websites, web applications, SPAs, and the like—cases where you do not need a separate server or where the API server is hosted elsewhere. Despite these advantages, there is surprisingly little material about it in Korean, so I decided to introduce it myself.

Snippet

  • A feature that automatically completes standardized code by typing a prefix is called a snippet.

intellij

  • How to use
  • File-Setting-Live Templates-javascript
  • abbreviation : prefix fc, Description : Function Componenets
  • Template text : write the component to use as the template
define(function (require) {
  'use strict';
 
  /**
   * @param
   * @constructor
   */
  function $FILE_NAME$() {}
 
  return $FILE_NAME$;
});
  • Click Edit validables :
    • Register the Template ($FILE_NAME$)
    • Expression : select fileNameWithoutExtension()

vs code

  • How to use
  • snippet text : write the javascript component to use
define(function (require) {
	"use strict";
 
	/**
	 * @param
	 * @constructor
	 */
	function ${TM_FILENAME_BASE}() {
	}
 
    return ${TM_FILENAME_BASE};
});
  • Convert a snippet suited for vscode on the https://snippet-generator.app website
    • Description : Function Componenets
    • Tab trigger : fc
    • your snippet : paste the snippet text
  • Copy the converted snippet text below
  • File-Preferences-User Snippets-javascript.json
  • Paste the converted snippet text
  • After creating a js file, press fc + tab to use the registered snippet