<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Event on Kelly Dev</title><link>https://kelly-chui.github.io/tags/event/</link><description>Recent content in Event on Kelly Dev</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Mon, 09 Jun 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://kelly-chui.github.io/tags/event/index.xml" rel="self" type="application/rss+xml"/><item><title>JavaScript Basics. 07. 자바스크립트 예외처리 및 이벤트 처리</title><link>https://kelly-chui.github.io/posts/javascript-basics-07-errors-and-events/</link><pubDate>Mon, 09 Jun 2025 00:00:00 +0000</pubDate><guid>https://kelly-chui.github.io/posts/javascript-basics-07-errors-and-events/</guid><description>&lt;h2 id="예외-처리"&gt;예외 처리&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;예외 → 실행에 문제가 발생하면 자동 중단됨&lt;/li&gt;
&lt;li&gt;예외 처리 → 오류에 대처할 수 있게 하는 것&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="예외와-기본-예외-처리"&gt;예외와 기본 예외 처리&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;TypeError 기본 예외 처리
&lt;ul&gt;
&lt;li&gt;사전에 해당 데이터가 &lt;code&gt;undefined&lt;/code&gt;인지 조건문으로 확인&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="고급-예외-처리"&gt;고급 예외 처리&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;try&lt;/code&gt;, &lt;code&gt;catch&lt;/code&gt;, &lt;code&gt;finally&lt;/code&gt; 구문&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="code-theme-github"&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-jsx" data-lang="jsx"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;try&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="c1"&gt;// 예외 발생
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;catch&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;exception&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="c1"&gt;// 예외 처리
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;finally&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="c1"&gt;// 무조건 실행
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;code&gt;catch&lt;/code&gt;구문, &lt;code&gt;finally&lt;/code&gt;구문 생략 가능&lt;/p&gt;
&lt;h3 id="예외-객체"&gt;예외 객체&lt;/h3&gt;
&lt;p&gt;예외가 발생하면 어떤 예외가 발생했는지 정보를 전달함, &lt;code&gt;catch&lt;/code&gt; 구문의 괄호 안의 변수&lt;/p&gt;</description></item></channel></rss>