CJL & Lab
About
Courses
All Courses
Data Science 101
Machine Learning 101
Media & Data Science
Culture & Technology
Data Journalism
Research
Publications
Work in progress
Proj
Blogs
LAB
메타버스, 게임화, 선택 모형
메타버스 서비스의 다양한 게임화 속성에 대한 소비자 선호와 선택
Conference
Talk
Metaverse
Gamification
Choice model
2023 한국미디어패널 학술대회
Author
Changjun Lee
Published
September 22, 2023
<div id="quarto-navigation-envelope" class="hidden"> <p><span class="hidden" data-render-id="quarto-int-sidebar-title">CJL & Lab</span> <span class="hidden" data-render-id="quarto-int-navbar-title">CJL & Lab</span> <span class="hidden" data-render-id="quarto-int-navbar:About">About</span> <span class="hidden" data-render-id="quarto-int-navbar:/about.html">/about.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Courses">Courses</span> <span class="hidden" data-render-id="quarto-int-navbar:All Courses">All Courses</span> <span class="hidden" data-render-id="quarto-int-navbar:/teaching/index.html">/teaching/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Data Science 101">Data Science 101</span> <span class="hidden" data-render-id="quarto-int-navbar:/teaching/ds101/index.html">/teaching/ds101/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Machine Learning 101">Machine Learning 101</span> <span class="hidden" data-render-id="quarto-int-navbar:/teaching/ml101/index.html">/teaching/ml101/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Media & Data Science">Media & Data Science</span> <span class="hidden" data-render-id="quarto-int-navbar:/teaching/media_ds/index.html">/teaching/media_ds/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Culture & Technology">Culture & Technology</span> <span class="hidden" data-render-id="quarto-int-navbar:/teaching/cul_tech/index.html">/teaching/cul_tech/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Data Journalism">Data Journalism</span> <span class="hidden" data-render-id="quarto-int-navbar:/teaching/data_journalism/index.html">/teaching/data_journalism/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Research">Research</span> <span class="hidden" data-render-id="quarto-int-navbar:Publications">Publications</span> <span class="hidden" data-render-id="quarto-int-navbar:/research/index.html">/research/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Work in progress">Work in progress</span> <span class="hidden" data-render-id="quarto-int-navbar:/research/working.html">/research/working.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Proj">Proj</span> <span class="hidden" data-render-id="quarto-int-navbar:/proj/index.html">/proj/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:Blogs">Blogs</span> <span class="hidden" data-render-id="quarto-int-navbar:/blogs/index.html">/blogs/index.html</span> <span class="hidden" data-render-id="quarto-int-navbar:LAB">LAB</span> <span class="hidden" data-render-id="quarto-int-navbar:https://ctcl.netlify.app">https://ctcl.netlify.app</span> <span class="hidden" data-render-id="footer-left">License: <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC BY-SA 2.0</a>.</span></p> </div> <div id="quarto-meta-markdown" class="hidden"> <p><span class="hidden" data-render-id="quarto-metatitle">CJL & Lab - 메타버스, 게임화, 선택 모형</span> <span class="hidden" data-render-id="quarto-twittercardtitle">CJL & Lab - 메타버스, 게임화, 선택 모형</span> <span class="hidden" data-render-id="quarto-ogcardtitle">CJL & Lab - 메타버스, 게임화, 선택 모형</span> <span class="hidden" data-render-id="quarto-metasitename">CJL & Lab</span> <span class="hidden" data-render-id="quarto-twittercarddesc">2023 한국미디어패널 학술대회</span> <span class="hidden" data-render-id="quarto-ogcardddesc">2023 한국미디어패널 학술대회</span></p> </div> </main> <!-- /main --> <script id = "quarto-html-after-body" type="application/javascript"> window.document.addEventListener("DOMContentLoaded", function (event) { const toggleBodyColorMode = (bsSheetEl) => { const mode = bsSheetEl.getAttribute("data-mode"); const bodyEl = window.document.querySelector("body"); if (mode === "dark") { bodyEl.classList.add("quarto-dark"); bodyEl.classList.remove("quarto-light"); } else { bodyEl.classList.add("quarto-light"); bodyEl.classList.remove("quarto-dark"); } } const toggleBodyColorPrimary = () => { const bsSheetEl = window.document.querySelector("link#quarto-bootstrap"); if (bsSheetEl) { toggleBodyColorMode(bsSheetEl); } } toggleBodyColorPrimary(); const icon = ""; const anchorJS = new window.AnchorJS(); anchorJS.options = { placement: 'right', icon: icon }; anchorJS.add('.anchored'); const isCodeAnnotation = (el) => { for (const clz of el.classList) { if (clz.startsWith('code-annotation-')) { return true; } } return false; } const clipboard = new window.ClipboardJS('.code-copy-button', { text: function(trigger) { const codeEl = trigger.previousElementSibling.cloneNode(true); for (const childEl of codeEl.children) { if (isCodeAnnotation(childEl)) { childEl.remove(); } } return codeEl.innerText; } }); clipboard.on('success', function(e) { // button target const button = e.trigger; // don't keep focus button.blur(); // flash "checked" button.classList.add('code-copy-button-checked'); var currentTitle = button.getAttribute("title"); button.setAttribute("title", "Copied!"); let tooltip; if (window.bootstrap) { button.setAttribute("data-bs-toggle", "tooltip"); button.setAttribute("data-bs-placement", "left"); button.setAttribute("data-bs-title", "Copied!"); tooltip = new bootstrap.Tooltip(button, { trigger: "manual", customClass: "code-copy-button-tooltip", offset: [0, -8]}); tooltip.show(); } setTimeout(function() { if (tooltip) { tooltip.hide(); button.removeAttribute("data-bs-title"); button.removeAttribute("data-bs-toggle"); button.removeAttribute("data-bs-placement"); } button.setAttribute("title", currentTitle); button.classList.remove('code-copy-button-checked'); }, 1000); // clear code selection e.clearSelection(); }); function tippyHover(el, contentFn) { const config = { allowHTML: true, content: contentFn, maxWidth: 500, delay: 100, arrow: false, appendTo: function(el) { return el.parentElement; }, interactive: true, interactiveBorder: 10, theme: 'quarto', placement: 'bottom-start' }; window.tippy(el, config); } const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]'); for (var i=0; i<noterefs.length; i++) { const ref = noterefs[i]; tippyHover(ref, function() { // use id or data attribute instead here let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href'); try { href = new URL(href).hash; } catch {} const id = href.replace(/^#\/?/, ""); const note = window.document.getElementById(id); return note.innerHTML; }); } let selectedAnnoteEl; const selectorForAnnotation = ( cell, annotation) => { let cellAttr = 'data-code-cell="' + cell + '"'; let lineAttr = 'data-code-annotation="' + annotation + '"'; const selector = 'span[' + cellAttr + '][' + lineAttr + ']'; return selector; } const selectCodeLines = (annoteEl) => { const doc = window.document; const targetCell = annoteEl.getAttribute("data-target-cell"); const targetAnnotation = annoteEl.getAttribute("data-target-annotation"); const annoteSpan = window.document.querySelector(selectorForAnnotation(targetCell, targetAnnotation)); const lines = annoteSpan.getAttribute("data-code-lines").split(","); const lineIds = lines.map((line) => { return targetCell + "-" + line; }) let top = null; let height = null; let parent = null; if (lineIds.length > 0) { //compute the position of the single el (top and bottom and make a div) const el = window.document.getElementById(lineIds[0]); top = el.offsetTop; height = el.offsetHeight; parent = el.parentElement.parentElement; if (lineIds.length > 1) { const lastEl = window.document.getElementById(lineIds[lineIds.length - 1]); const bottom = lastEl.offsetTop + lastEl.offsetHeight; height = bottom - top; } if (top !== null && height !== null && parent !== null) { // cook up a div (if necessary) and position it let div = window.document.getElementById("code-annotation-line-highlight"); if (div === null) { div = window.document.createElement("div"); div.setAttribute("id", "code-annotation-line-highlight"); div.style.position = 'absolute'; parent.appendChild(div); } div.style.top = top - 2 + "px"; div.style.height = height + 4 + "px"; let gutterDiv = window.document.getElementById("code-annotation-line-highlight-gutter"); if (gutterDiv === null) { gutterDiv = window.document.createElement("div"); gutterDiv.setAttribute("id", "code-annotation-line-highlight-gutter"); gutterDiv.style.position = 'absolute'; const codeCell = window.document.getElementById(targetCell); const gutter = codeCell.querySelector('.code-annotation-gutter'); gutter.appendChild(gutterDiv); } gutterDiv.style.top = top - 2 + "px"; gutterDiv.style.height = height + 4 + "px"; } selectedAnnoteEl = annoteEl; } }; const unselectCodeLines = () => { const elementsIds = ["code-annotation-line-highlight", "code-annotation-line-highlight-gutter"]; elementsIds.forEach((elId) => { const div = window.document.getElementById(elId); if (div) { div.remove(); } }); selectedAnnoteEl = undefined; }; // Attach click handler to the DT const annoteDls = window.document.querySelectorAll('dt[data-target-cell]'); for (const annoteDlNode of annoteDls) { annoteDlNode.addEventListener('click', (event) => { const clickedEl = event.target; if (clickedEl !== selectedAnnoteEl) { unselectCodeLines(); const activeEl = window.document.querySelector('dt[data-target-cell].code-annotation-active'); if (activeEl) { activeEl.classList.remove('code-annotation-active'); } selectCodeLines(clickedEl); clickedEl.classList.add('code-annotation-active'); } else { // Unselect the line unselectCodeLines(); clickedEl.classList.remove('code-annotation-active'); } }); } const findCites = (el) => { const parentEl = el.parentElement; if (parentEl) { const cites = parentEl.dataset.cites; if (cites) { return { el, cites: cites.split(' ') }; } else { return findCites(el.parentElement) } } else { return undefined; } }; var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]'); for (var i=0; i<bibliorefs.length; i++) { const ref = bibliorefs[i]; const citeInfo = findCites(ref); if (citeInfo) { tippyHover(citeInfo.el, function() { var popup = window.document.createElement('div'); citeInfo.cites.forEach(function(cite) { var citeDiv = window.document.createElement('div'); citeDiv.classList.add('hanging-indent'); citeDiv.classList.add('csl-entry'); var biblioDiv = window.document.getElementById('ref-' + cite); if (biblioDiv) { citeDiv.innerHTML = biblioDiv.innerHTML; } popup.appendChild(citeDiv); }); return popup.innerHTML; }); } } }); </script> </div> <!-- /content --> <footer class="footer"> <div class="nav-footer"> <div class="nav-footer-left"> <div class='footer-contents'>License: [CC BY-SA 2.0](https://creativecommons.org/licenses/by-sa/2.0/).</div> </div> <div class="nav-footer-center"> </div> <div class="nav-footer-right"> <ul class="footer-items list-unstyled"> <li class="nav-item compact"> <a class="nav-link" href="https://github.com/ChangjunChrisLee/"> <i class="bi bi-github" role="img" > </i> </a> </li> <li class="nav-item compact"> <a class="nav-link" href="https://twitter.com/Dr_CJLee"> <i class="bi bi-twitter" role="img" > </i> </a> </li> </ul> </div> </div> </footer> </body> </html>