안녕하세요.
도전과제에서&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/469fafde-2d2a-4bc1-a9f6-6e96b0644263/이미지 1.jpg" title="이미지 1.jpg" alt="" />
bold 가 먼저 실행되고&nbsp; italic 이 실행되면&nbsp;
<pre style="box-sizing: border-box; overflow: auto; font-size: 14px; padding: 1px 0px; margin-top: 0px; margin-bottom: 0px; line-height: inherit; word-break: break-all; overflow-wrap: break-word; background-color: #ffffff; border: 0px; border-radius: 0px; white-space: pre-wrap; vertical-align: baseline;"></pre>
<pre style="box-sizing: border-box; overflow: auto; font-size: 14px; padding: 1px 0px; margin-top: 0px; margin-bottom: 0px; line-height: inherit; word-break: break-all; overflow-wrap: break-word; background-color: #ffffff; border: 0px; border-radius: 0px; white-space: pre-wrap; vertical-align: baseline;">"&lt;b&gt;안녕하세요&lt;/b&gt;" 가 italic 으로 넘어가서 "&lt;i&gt;&lt;b&gt;안녕하세요&lt;/b&gt;&lt;/i&gt;" 로 출력될거 같은데, &lt;b&gt;&lt;i&gt;~~&lt;/i&gt;&lt;/b&gt; 순서로 출력되는이유가 궁금합니다.</pre>
<pre style="box-sizing: border-box; overflow: auto; font-size: 14px; padding: 1px 0px; margin-top: 0px; margin-bottom: 0px; line-height: inherit; word-break: break-all; overflow-wrap: break-word; background-color: #ffffff; border: 0px; border-radius: 0px; white-space: pre-wrap; vertical-align: baseline;"> </pre>

안녕하세요.
bold 를 먼저 호출하는 것은 맞는데요. bold 안에서 italic 을 호출하고, 해당 결과를 기반으로 &lt;b&gt;&lt;/b&gt; 태그를 붙여주는 셈이기 때문에, 실행 자체는 italic 가 먼저 실행완료되고, 이를 기반으로 bold 함수가 마무리 처리를 하는 셈입니다.
감사합니다.

인프런 커뮤니티 질문&답변

도전 과제 질문 - HTML 웹페이지 태그를 붙여주는 데코레이터 만들기