text: (window.webpackJsonp=window.webpackJsonp||[]).push([[103],{274:function(e,t,r){"use strict";r.r(t);var a=r(6),o=Object(a.a)({},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h2",{attrs:{id:"인용문"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#인용문","aria-hidden":"true"}},[e._v("#")]),e._v(" 인용문")]),e._v(" "),r("p",[e._v("문장 내에서 인용 구문이 사용될 필요가 있다면 "),r("code",[e._v("<q>")]),e._v(" 요소로 마크업 합니다. (큰 따옴표("),r("code",[e._v('"')]),e._v("), 작은 따옴표("),r("code",[e._v("'")]),e._v(")로 대체 가능)\n여러 문장을 묶은 인용 구문이 필요하다면 "),r("code",[e._v("<blockquote>")]),e._v(" 요소로 구조화 합니다. 출처는 "),r("code",[e._v("<cite>")]),e._v(" 요소를 사용하세요.")]),e._v(" "),r("h2",{attrs:{id:"줄-바꿈"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#줄-바꿈","aria-hidden":"true"}},[e._v("#")]),e._v(" 줄 바꿈")]),e._v(" "),r("p",[e._v("2번째 영상을 통해 줄바꿈(Line Break)에 대해 학습해 봅니다. 2번째 영상도 꼭 시청해주세요!")]),e._v(" "),r("div",{staticClass:"tip custom-block"},[r("p",{staticClass:"custom-block-title"},[e._v("2개의 영상 강의")]),e._v(" "),r("p",[e._v("이번 강의는 2개의 동영상으로 나눠서 제공됩니다. 2개의 동영상 모두 시청해주세요! 😄")])]),e._v(" "),r("br"),e._v(" "),r("h2",{attrs:{id:"영상-강의"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#영상-강의","aria-hidden":"true"}},[e._v("#")]),e._v(" 영상 강의")]),e._v(" "),r("p",[e._v("PLAY 버튼을 눌러 영상 강의를 시청합니다.")]),e._v(" "),r("blockquote",[r("p",[e._v("Lecture 1 → 인용")])]),e._v(" "),r("wistia",{attrs:{source:"ekhbrf2692"}}),e._v(" "),r("blockquote",[r("p",[e._v("Lecture 2 → 줄 바꿈")])]),e._v(" "),r("wistia",{attrs:{source:"d73f0caotd"}}),e._v(" "),r("br"),e._v(" "),r("h2",{attrs:{id:"실습-자료"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#실습-자료","aria-hidden":"true"}},[e._v("#")]),e._v(" 실습 자료")]),e._v(" "),r("p",[e._v("링크 텍스트를 클릭하면 실습 자료를 다운로드 받을 수 있습니다.")]),e._v(" "),r("base-download",{attrs:{href:"quotation.zip"}},[e._v("quotation.zip")]),e._v(" "),r("br"),e._v(" "),r("h2",{attrs:{id:"참고"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#참고","aria-hidden":"true"}},[e._v("#")]),e._v(" 참고")]),e._v(" "),r("ul",[r("li",[e._v("<q> "),r("a",{attrs:{href:"https://developer.mozilla.org/ko/docs/Web/HTML/Element/q",target:"_blank",rel:"noopener noreferrer"}},[e._v("인라인 인용 요소"),r("OutboundLink")],1),e._v(" → MDN")]),e._v(" "),r("li",[e._v("<cite> "),r("a",{attrs:{href:"https://developer.mozilla.org/ko/docs/Web/HTML/Element/cite",target:"_blank",rel:"noopener noreferrer"}},[e._v("창작물 참조 요소"),r("OutboundLink")],1),e._v(" → MDN")]),e._v(" "),r("li",[e._v("<blockquote> "),r("a",{attrs:{href:"https://developer.mozilla.org/ko/docs/Web/HTML/Element/blockquote",target:"_blank",rel:"noopener noreferrer"}},[e._v("블록 인용 요소"),r("OutboundLink")],1),e._v(" → MDN")]),e._v(" "),r("li",[e._v("<br> "),r("a",{attrs:{href:"https://developer.mozilla.org/ko/docs/Web/HTML/Element/br",target:"_blank",rel:"noopener noreferrer"}},[e._v("줄바꿈 요소"),r("OutboundLink")],1),e._v(" → MDN")]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.w3.org/TR/html/textlevel-semantics.html#the-q-element",target:"_blank",rel:"noopener noreferrer"}},[e._v("the q element"),r("OutboundLink")],1),e._v(" → HTML 5.2 표준 기술 사양")]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.w3.org/TR/html/textlevel-semantics.html#the-cite-element",target:"_blank",rel:"noopener noreferrer"}},[e._v("the cite element"),r("OutboundLink")],1),e._v(" → HTML 5.2 표준 기술 사양")]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.w3.org/TR/html/grouping-content.html#the-blockquote-element",target:"_blank",rel:"noopener noreferrer"}},[e._v("the blockquote element"),r("OutboundLink")],1),e._v(" → HTML 5.2 표준 기술 사양")]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.w3.org/TR/html/textlevel-semantics.html#the-br-element",target:"_blank",rel:"noopener noreferrer"}},[e._v("the br element"),r("OutboundLink")],1),e._v(" → HTML 5.2 표준 기술 사양")])]),e._v(" "),r("br"),e._v(" "),r("h2",{attrs:{id:"q-a"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#q-a","aria-hidden":"true"}},[e._v("#")]),e._v(" Q & A")]),e._v(" "),r("p",[e._v("수강생과 주고 받은 질문/답변 입니다. 참고하세요.")]),e._v(" "),r("base-question-answer",[r("div",{attrs:{slot:"q"},slot:"q"},[r("p",[e._v("\n      1. cite 태그로 쓸 경우 폰트가 이탤릭처럼 보여지나요?"),r("br"),e._v("\n      2. cite 태그로 썼을 때 보면 처럼 문단이 바뀌는데 블록 요소라고 생각하면 되나요?"),r("br"),e._v("\n      3. cite 태그 = 출처를 남길 때 만 단독으로 써도 되나요? ul li처럼  와  항상 같이 쓰여져야 하나요?"),r("br"),e._v('\n      4. q를 쓰면 " 로 표시되는데.. 상황에 따라서 " 와 \' 나올 수 있게 가능한가요 ??\n    ')])]),e._v(" "),r("div",{attrs:{slot:"a"},slot:"a"},[r("p",[e._v("\n      1. 네 맞습니다. 하지만 시각적인 모양은 CSS로 변경 가능합니다."),r("br"),e._v("\n      2. 아닙니다. cite 요소는 인라인 요소입니다."),r("br"),e._v("\n      3. cite 요소는 구문 컨텐츠를 허용하는 모든 요소를 부모로 할 수 있습니다."),r("br"),e._v("\n      4. 반드시 q 요소를 사용할 필요는 없습니다. 작은 따옴표('), 큰 따옴표(\") 기호를 그대로 사용하셔도 됩니다."),r("br"),e._v("\n          (참고로 인용 부호 모양은 CSS로 사용자가 임의로 조작할 수 있습니다.)\n    ")])])])],1)},[],!1,null,null,null);t.default=o.exports}}]);