Seungwoo Kim kyh196201

[공통] 마크다운 markdown 작성법

영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^

아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.

1. 마크다운에 관하여

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 `:tada:`
Version tag	🔖 `:bookmark:`
New feature	✨ `:sparkles:`
Bugfix	🐛 `:bug:`

I really liked @tjvantoll article Handling Failed HTTP Responses With fetch(). The one thing I found annoying with it, though, is that response.statusText always returns the generic error message associated with the error code. Most APIs, however, will generally return some kind of useful, more human friendly message in the body.

Here's a modification that will capture this message. The key is that rather than throwing an error, you just throw the response and then process it in the catch block to extract the message in the body:

fetch("/api/foo")
  .then( response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
 })

	{
	"env": {
	"browser": true,
	"node": true,
	"es6": true
	},

	"plugins": ["react"],

	"ecmaFeatures": {

	// --------------------------------------------------
	// Flexbox SASS mixins
	// The spec: http://www.w3.org/TR/css3-flexbox
	// --------------------------------------------------

	// Flexbox display
	@mixin flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;


	<head>

	<link rel="shortcut icon" href="myicon.ico" type="image/x-icon">
	<link rel="icon" href="myicon.ico" type="image/x-icon">

	</head>

	// image file format .ico or .png available. size 16x16 / 32x32 available.

	function fadeOut(el){
	el.style.opacity = 1;

	(function fade() {
	if ((el.style.opacity -= .1) < 0) {
	el.style.display = "none";
	} else {
	requestAnimationFrame(fade);
	}
	})();

	# See http://help.github.com/ignore-files/ for more about ignoring files.

	# compiled output
	/dist
	/tmp
	/out-tsc

	# Runtime data
	pids
	*.pid