SeulGi Choi(Chase) cs09g

You must use Storybook with webpack5!

npx sb@next init --builder webpack5

Remember to install all nedded packages because debugging babel deps might be tricky.

Enjoy!

들어가며

지난 JavaScript, Front-End 발표 주제는 this 였지만, 공부하다 보니 실행 컨텍스트에 대한 내용이 선행되야 할 것 같아 실행 컨텍스트에 대하여 발표를 하게 되었다.

여러 자료와 책을 참고하며 공부를 하고 있음에도 내용이 잘 와닿지 않아 참고1을 참고2, 참고3, 참고4, 책 인사이드 자바스크립트, Poiema Web을 참고하여 번역을 해보고자 한다. 추가적으로 내가 여러 자료를 찾아보면서 알게 된 내용들도 덧붙일 것이다.

실행 컨텍스트, Execution Context(이하 EC) 라는 개념은 나에겐 낯설었기에 나와 같은 사람들이 있을 것 같아 흔히들 아는 콜스택 을 시작으로 글을 써보도록 하겠다.

Vue: Pass Slots through from Parent to Child Components

The Situation

We've got some components A, B and C which provide different slots.

const A = {
  template: `<div><slot name="a">Default A Content</slot></div>`
}

const B = {

AWS 학습 링크집 시리즈

AWS 학습 자료집 http://bit.ly/aws-study-resource
AWS 공인 솔루션스 아키텍트 - 어소시에이트 수험 가이드 http://bit.ly/sacertguide
AWS 공인 개발자 - 어소시에이트 수험 가이드 http://bit.ly/devcertguide
AWS 보안 관련 컨텐츠 모음집 http://bit.ly/seccontents

AWS 공인 개발자 - 어소시에이트 수험 가이드(http://bit.ly/devcertguide)

Common Options

-#, --progress-bar Make curl display a simple progress bar instead of the more informational standard meter.

-b, --cookie <name=data> Supply cookie with request. If no =, then specifies the cookie file to use (see -c).

-c, --cookie-jar <file name> File to save response cookies to.

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

EMOJI CHEAT SHEET

Emoji emoticons listed on this page are supported on Campfire, GitHub, Basecamp, Redbooth, Trac, Flowdock, Sprint.ly, Kandan, Textbox.io, Kippt, Redmine, JabbR, Trello, Hall, plug.dj, Qiita, Zendesk, Ruby China, Grove, Idobata, NodeBB Forums, Slack, Streamup, OrganisedMinds, Hackpad, Cryptbin, Kato, Reportedly, Cheerful Ghost, IRCCloud, Dashcube, MyVideoGameList, Subrosa, Sococo, Quip, And Bang, Bonusly, Discourse, Ello, and Twemoji Awesome. However some of the emoji codes are not super easy to remember, so here is a little cheat sheet. ✈ Got flash enabled? Click the emoji code and it will be copied to your clipboard.

People

😄

Homebrew Permissions Denied Issues Solution

	const inBrowser = typeof window !== 'undefined'
	const inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform
	const weexPlatform = inWeex && WXEnvironment.platform.toLowerCase()
	const UA = inBrowser && window.navigator.userAgent.toLowerCase()
	const isIE = UA && /msie\|trident/.test(UA)
	const isIE9 = UA && UA.indexOf('msie 9.0') > 0
	const isEdge = UA && UA.indexOf('edge/') > 0
	const isAndroid = (UA && UA.indexOf('android') > 0) \|\| (weexPlatform === 'android')
	const isIOS = (UA && /iphone\|ipad\|ipod\|ios/.test(UA)) \|\| (weexPlatform === 'ios')
	const isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge

	.slide-up, .slide-down {
	overflow:hidden;
	}
	.slide-up > div, .slide-down > div {
	transform: translateY(-100%);
	transition: .4s ease-in-out;
	}
	.slide-down > div {
	transform: translateY(0);
	}