<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://mediawiki.zeropage.org/index.php?action=history&amp;feed=atom&amp;title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018%2FAsyncAwait</id>
	<title>데블스캠프2018/AsyncAwait - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://mediawiki.zeropage.org/index.php?action=history&amp;feed=atom&amp;title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018%2FAsyncAwait"/>
	<link rel="alternate" type="text/html" href="https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;action=history"/>
	<updated>2026-05-14T10:34:02Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.8</generator>
	<entry>
		<id>https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;diff=85505&amp;oldid=prev</id>
		<title>Maintenance script: Repair batch-0005 pages from live compare</title>
		<link rel="alternate" type="text/html" href="https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;diff=85505&amp;oldid=prev"/>
		<updated>2026-03-27T00:44:56Z</updated>

		<summary type="html">&lt;p&gt;Repair batch-0005 pages from live compare&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 00:44, 27 March 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l64&quot;&gt;Line 64:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 64:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** let은 mutable, const 는 immutable&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** let은 mutable, const 는 immutable&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** const를 이용한 함수정의가 빈번하다.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** const를 이용한 함수정의가 빈번하다.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maintenance script</name></author>
	</entry>
	<entry>
		<id>https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;diff=49302&amp;oldid=prev</id>
		<title>165.194.17.167 at 08:09, 27 June 2018</title>
		<link rel="alternate" type="text/html" href="https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;diff=49302&amp;oldid=prev"/>
		<updated>2018-06-27T08:09:28Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 08:09, 27 June 2018&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l53&quot;&gt;Line 53:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 53:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===var, let, const===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== var,let,const ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* var&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* var&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>165.194.17.167</name></author>
	</entry>
	<entry>
		<id>https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;diff=49301&amp;oldid=prev</id>
		<title>165.194.17.167: {CREATE}</title>
		<link rel="alternate" type="text/html" href="https://mediawiki.zeropage.org/index.php?title=%EB%8D%B0%EB%B8%94%EC%8A%A4%EC%BA%A0%ED%94%842018/AsyncAwait&amp;diff=49301&amp;oldid=prev"/>
		<updated>2018-06-27T08:08:11Z</updated>

		<summary type="html">&lt;p&gt;{CREATE}&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;=== Async Await ===&lt;br /&gt;
* 동기 vs 비동기&lt;br /&gt;
** 동기 : 순차적으로 일을 하는 것.(라인 by 라인)&lt;br /&gt;
** 비동기: 위임하고 넘어감(ex C에서의 call back) 쓰레드를 만들 수 없는 js에서 많이 쓴다. &lt;br /&gt;
&lt;br /&gt;
* 동기적 방식&lt;br /&gt;
** 1-data-3 순서대로 실행된다. &lt;br /&gt;
&lt;br /&gt;
* 비동기적 방식&lt;br /&gt;
** 1-4-data-3 이된다.&lt;br /&gt;
** 파일을 읽는 동안 밑에 라인을 먼저 실행한다. &lt;br /&gt;
** JS는 인터프리터 형식이지만 main 흐름 외의 다른 흐름을 두어 멀티 스레딩 흉내를낸다.&lt;br /&gt;
&lt;br /&gt;
* JS 는 비동기를 선호&lt;br /&gt;
** JS의 인터프리터는 단일 스레드이기 때문에 비동기를 사용한다.&lt;br /&gt;
&lt;br /&gt;
* JS는 보기 어렵다. 인덴트가 너무 많이 들어간다. -&amp;gt; 가독성이 떨어진다. -&amp;gt; 콜백 지옥 &lt;br /&gt;
&lt;br /&gt;
* Express.js. 의 창시자&lt;br /&gt;
** JS를 버렸다&lt;br /&gt;
** 콜백 거지같다.&lt;br /&gt;
** &amp;quot;callbacks suck&amp;quot;&lt;br /&gt;
&lt;br /&gt;
* Promise의 등장&lt;br /&gt;
** 약속을 통해서 비동기를 처리하는 법&lt;br /&gt;
** 콜백보다 훨씬 보기 좋다.&lt;br /&gt;
** 문법을 익히는 데에는 cost가 필요하나 배우고나면 좋다.&lt;br /&gt;
** 문제가 있다 -&amp;gt;예외처리&lt;br /&gt;
** then이 몇개든 catch하나로 들어오기 떄문에 어디서 터졌는지 모른다.&lt;br /&gt;
** 예외가 터졌을 때 중간 처리를 하기 힘들다. &lt;br /&gt;
&lt;br /&gt;
* Async/awiat 101&lt;br /&gt;
** 비동기를 작성하는 새로운 방법&lt;br /&gt;
** promise 위에 만들어졌다.&lt;br /&gt;
** 비동기 코드를 동기 코드와 유사하게 보이도록 만들어준다!&lt;br /&gt;
&lt;br /&gt;
* 문법&lt;br /&gt;
** 함수 앞에 async 를 붙인다&lt;br /&gt;
** await는 async 안에서만 사용가능하다.(여러개 가능)&lt;br /&gt;
** async는 promise를 반환한다.&lt;br /&gt;
** return은 resolve다&lt;br /&gt;
&lt;br /&gt;
* 장점&lt;br /&gt;
** 간결하다. 가독성이 좋다.&lt;br /&gt;
** promise에서는 전역 변수를 이용하여 해결하지만, 추가 변수 data 선언 필요 없다. &lt;br /&gt;
** then 필요 없다.&lt;br /&gt;
** 에러 처리가 편하다.&lt;br /&gt;
** 분기, 중간값 사용&lt;br /&gt;
&lt;br /&gt;
* 단점&lt;br /&gt;
** 최근에 정의되어 지원 안하는 곳이 많다.&lt;br /&gt;
** 생각보다 복잡한 문법&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===var, let, const===&lt;br /&gt;
&lt;br /&gt;
* var&lt;br /&gt;
** JS에서의 변수 블록 스코프가 아니다. 함수 스코프다&lt;br /&gt;
&lt;br /&gt;
 *let, const&lt;br /&gt;
  *블록 스코프다.&lt;br /&gt;
&lt;br /&gt;
 *let vs const&lt;br /&gt;
** let은 mutable, const 는 immutable&lt;br /&gt;
** const를 이용한 함수정의가 빈번하다.&lt;br /&gt;
&lt;/div&gt;</summary>
		<author><name>165.194.17.167</name></author>
	</entry>
</feed>