<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ko">
	<id>https://w.ryanyang.kr/index.php?action=history&amp;feed=atom&amp;title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async%2C_defer_%EC%B0%A8%EC%9D%B4</id>
	<title>자바스크립트에서 async, defer 차이 - 편집 역사</title>
	<link rel="self" type="application/atom+xml" href="https://w.ryanyang.kr/index.php?action=history&amp;feed=atom&amp;title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async%2C_defer_%EC%B0%A8%EC%9D%B4"/>
	<link rel="alternate" type="text/html" href="https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;action=history"/>
	<updated>2026-04-06T02:44:36Z</updated>
	<subtitle>이 문서의 편집 역사</subtitle>
	<generator>MediaWiki 1.37.1</generator>
	<entry>
		<id>https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;diff=3516&amp;oldid=prev</id>
		<title>2023년 12월 7일 (목) 05:24에 103.159.161.129님의 편집</title>
		<link rel="alternate" type="text/html" href="https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;diff=3516&amp;oldid=prev"/>
		<updated>2023-12-07T05:24:00Z</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;ko&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 이전 판&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2023년 12월 7일 (목) 14:24 판&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-l3&quot;&gt;3번째 줄:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;3번째 줄:&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;async 와 defer 는 이러한 점에서는 동일하지만 &amp;#039;언제 실행되느냐&amp;#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.&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;async 와 defer 는 이러한 점에서는 동일하지만 &amp;#039;언제 실행되느냐&amp;#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&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;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&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;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&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;https://flaviocopes.com/javascript-async-defer/&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;https://flaviocopes.com/javascript-async-defer/&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>103.159.161.129</name></author>
	</entry>
	<entry>
		<id>https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;diff=3515&amp;oldid=prev</id>
		<title>2023년 12월 7일 (목) 05:23에 103.159.161.129님의 편집</title>
		<link rel="alternate" type="text/html" href="https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;diff=3515&amp;oldid=prev"/>
		<updated>2023-12-07T05:23:25Z</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;ko&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 이전 판&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2023년 12월 7일 (목) 14:23 판&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-l3&quot;&gt;3번째 줄:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;3번째 줄:&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;async 와 defer 는 이러한 점에서는 동일하지만 &amp;#039;언제 실행되느냐&amp;#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.&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;async 와 defer 는 이러한 점에서는 동일하지만 &amp;#039;언제 실행되느냐&amp;#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&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;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&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;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;https://flaviocopes.com/javascript-async-defer/&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>103.159.161.129</name></author>
	</entry>
	<entry>
		<id>https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;diff=3514&amp;oldid=prev</id>
		<title>103.159.161.129: 새 문서: 자바스크립트 로드는 기본적으로 DOM 생성을 block 하는데 async 혹은 defer 키워드를 통해 이를 별개 스레드로 처리 가능 (즉, 백그라운드에서 리소스 다운로드)   async 와 defer 는 이러한 점에서는 동일하지만 &#039;언제 실행되느냐&#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성...</title>
		<link rel="alternate" type="text/html" href="https://w.ryanyang.kr/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C_async,_defer_%EC%B0%A8%EC%9D%B4&amp;diff=3514&amp;oldid=prev"/>
		<updated>2023-12-07T04:56:39Z</updated>

		<summary type="html">&lt;p&gt;새 문서: 자바스크립트 로드는 기본적으로 DOM 생성을 block 하는데 async 혹은 defer 키워드를 통해 이를 별개 스레드로 처리 가능 (즉, 백그라운드에서 리소스 다운로드)   async 와 defer 는 이러한 점에서는 동일하지만 &amp;#039;언제 실행되느냐&amp;#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성...&lt;/p&gt;
&lt;p&gt;&lt;b&gt;새 문서&lt;/b&gt;&lt;/p&gt;&lt;div&gt;자바스크립트 로드는 기본적으로 DOM 생성을 block 하는데 async 혹은 defer 키워드를 통해 이를 별개 스레드로 처리 가능 (즉, 백그라운드에서 리소스 다운로드)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
async 와 defer 는 이러한 점에서는 동일하지만 &amp;#039;언제 실행되느냐&amp;#039; 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.&lt;/div&gt;</summary>
		<author><name>103.159.161.129</name></author>
	</entry>
</feed>