1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28<!DOCTYPE html> 29<html lang="en"> 30<head> 31 32 <meta charset="utf-8"> 33 <meta http-equiv="Content-Type" content="text/html; charset=unicode" /> 34 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 35 <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1 maximum-scale=1"> 36 <meta name="mobile-web-app-capable" content="yes"> 37 <meta name="keywords" content="gooroomee 구루미 ì¤ìê°ì»¤ë®¤ëì¼ì´ì íë«í¼ RealtimeCommunicationPlatform webrtc html5 videoconference video audio free ä¹é²ç¾ ä¹äºç¾ ææèµ«" /> 38 <meta name="description" content="WebRTC Free real-time video communication service" /> 39 40 <meta property="og:url" content="//gooroomee.com/" /> 41 <meta property="og:type" content="website" /> 42 <meta property="og:title" content="êµ¬ë£¨ë¯¸ìº ì¤í°ë(Gooroomee)" /> 43 <meta property="og:description" content="í¨ê»í´ì ì¬ë¯¸ìë ê³µë¶! êµ¬ë£¨ë¯¸ìº ì¤í°ë" /> 44 <meta property="og:image" content="/images/logo/cover_1200x630.png" /> 45 46 <meta name="grm-ios-scheme" content="" /> 47 <meta name="grm-apptype" content="" /> 48 49 50 51 <meta name="naver-site-verification" content="2e3e3fa0700beda4f605cfb4d4905a976a09c940"/> 52 53 54 <base href="//gooroomee.com/"> 55 56 <title> 57 구루미 ìº ì¤í°ë â ì¸ììì ê°ì¥ í° ì¨ë¼ì¸ ì¤í°ëì¹´í 58 </title> 59 60 <link rel="manifest" href="manifest.json"> 61 62 <link rel="shortcut icon" href="images/icon/favicon.ico" type="image/x-icon"> 63 64 <link href="/ref/project/bunny-201902/font-awesome/css/font-awesome.min.css?_dm=202605290027" rel="stylesheet"> 65 <link href="/ref/project/bunny-201902/gooroomee-font/css/gooroomee.css?_dm=202605290027" rel="stylesheet"> 66 <link href="/ref/project/bunny-201902/css/common.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen"> 67 <link href="/ref/project/bunny-201902/css/intro.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen"> 68 <link href="/ref/project/bunny-201902/css/media.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen"> 69 <link href="/ref/main/css/main_renew.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen"> 70 <link href="/ref/main/css/main_renew_responsive.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen"> 71 <!--[if lt IE 9]> 72
72<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
72 73
73<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
73 74 <![endif]--> 75 76
76<script src="/common/lib/external/jquery/jquery-3.0.0.min.js"></script>
76 77 <!-- jQuery i18n --> 78
78<script src="/common/lib/external/jquery/jquery.i18n.properties.grm.js?_dm=grm"></script>
78 79 <!-- jQuery lazyload --> 80
80<script src="/common/lib/external/jquery/jquery.lazyload.js"></script>
80 81 82 <!-- date pickr --> 83 <link rel="stylesheet" href="/common/lib/external/flatpickr/flatpickr.min.css"> 84
84<script src="/common/lib/external/flatpickr/flatpickr.min.js"></script>
84 85
85<script src="/common/lib/external/flatpickr/l10n/ko.js"></script>
85 86 87 <!-- perfect scrollbar --> 88 <!-- ì¶í cs scrollbar ë¡ ëì²´ --> 89 <link rel="stylesheet" href="/common/lib/external/perfect-scrollbar/css/perfect-scrollbar.min.css"> 90
90<script src="/common/lib/external/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
90 91 92 <!-- Device --> 93
93<script src="/common/lib/external/device/device.js"></script>
93 94
94<script src="/common/lib/external/bowser/bowser.min.js"></script>
94 95 96 <!-- Common --> 97
97<script src="/common/js/common.js?_dm=202605290027"></script>
97 98
98<script src="/common/js/Util.js?_dm=202605290027"></script>
98 99
99<script src="/common/js/UI-1.2.js?_dm=202605290027"></script>
99 100
100<script src="/ref/common/js/common.ui.js?_dm=202605290027"></script>
100 101 102 <!-- Google Tag Manager --> 103
103<script>
vendor: 338 bytes, lines 103-107
103(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 104 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 105 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 106 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 107 })(window,document,'script','dataLayer','
107GTM-56FXGGF
vendor: 3 bytes, line 107
107');
107</script>
107 108 <!-- End Google Tag Manager --> 109 110
110<script> 111 // jquery i18n 112 (function(lang){ 113 var htmlLang = lang; 114 115 if(lang.indexOf('ko') == 0){ 116 htmlLang = 'ko'; 117 } 118 119 document.documentElement.setAttribute('lang', htmlLang); 120 121 $.i18n.language = lang; 122 $.i18n.properties({ 123 name: '', 124 path: 'locale/messages/', 125 fileExt: 'json', 126 dataType: 'json', 127 useSessionCache: true, 128 mode: 'both', 129 language: lang, 130 cache: true, 131 filenameSuffix: '?_dm=202605290027', 132 callback: function() { 133 } 134 }); 135 136 window.i18n = function(){ 137 return $.i18n.prop.apply($.i18n, arguments); 138 } 139 })('en'); 140 </script>
140 141 142
142<script type="application/ld+json"> 143 { 144 "@context":"http://schema.org", 145 "@type":"Organization", 146 "url":"https://gooroomee.com", 147 "name":"구루미 ìº ì¤í°ë", 148 "alternateName": "Gooroomee", 149 "logo":"//gooroomee.com/images/logo/cover_1200x630.png", 150 "sameAs":[ 151 "https://cafe.naver.com/goocams", 152 "https://blog.naver.com/gooroomeeinc", 153 "https://www.instagram.com/gooroomee_official/", 154 "https://www.facebook.com/igooroomee", 155 "https://www.youtube.com/c/%EA%B5%AC%EB%A3%A8%EB%AF%B8" 156 ] 157 } 158 </script>
158 159</head> 160 161<body class="main-body introBody"> 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 <base href="//gooroomee.com/"> 181
181<script src="/common/lib/external/requirejs/2.3.6/require.min.js"></script>
181 182
182<script src="/common/lib/external/requirejs/2.3.6/require-grm.js?_dm=202605290027" dm="202605290027"></script>
182 183 184 185
185<script src="/common/lib/external/vuejs/2/vue.min.js"></script>
185 186 187 188 189
189<script src="/common/lib/external/vuejs/vue-lazyload/vue-lazyload.js"></script>
189 190
190<script> 191 Vue.use(VueLazyload, { 192 preLoad: 1.3, 193 error: 'images/loading/blank.gif', 194 loading: 'images/loading/blank.gif', 195 attempt: 2 196 }); 197 </script>
197 198 <style> 199 [lazy="loading"] { width: 50px; height: 50px; } 200 </style> 201
201<script src="common/lib/external/device/device.js"></script>
201 202
202<script> 203 // inAppBrowser redirect chrome 204 try { 205 if(device.android()) { 206 var ua = (navigator.userAgent && navigator.userAgent.toLowerCase()) || '' 207 ,pChk = ['kakao', 'naver', 'daum', 'fb_'] 208 ,chk = true; 209 pChk.forEach(function(p){ 210 if(ua.indexOf(p) >= 0){ 211 chk = false; 212 location.href = 'intent:'+location.href+'#Intent;package=com.android.chrome;end'; 213 return false; 214 } 215 }); 216 } 217 } catch (e) { 218 console.warn(e); 219 } 220 </script>
220 221
221<script> 222 window.isIOSWebview = () => { 223 return navigator.userAgent.indexOf('CamsWebviewApp/') !== -1 || /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent) 224 } 225 window.isAndroidWebview = () => { 226 return navigator.userAgent.indexOf('CamsAndroidApp') !== -1; 227 } 228 </script>
228 229 230 231 232<!-- Channel Plugin Scripts --> 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277<!-- End Channel Plugin --> 278<head> 279 <meta name="intro-grm-cdn" content="https://cams-cdn.gooroomee.com/camstudy" /> 280</head> 281 282 283 284 <div class="band-banner-container"> 285 <band-banner></band-banner> 286 </div> 287 <div class="intro-container"> 288 <main-header :is-login="isLogin" :is-intro="true"></main-header> 289 290 <section class="intro-main-section-2025 intro-start-section"> 291 <div class="camstudy-intro-video"> 292 <div class="camstudy-intro-mv"> 293 <video class="intro-video" autoplay="autoplay" playsinline="playsinline" muted loop> 294 <source id="video-source" type="video/mp4"> 295 </video> 296 <div class="intro-video-cover"></div> 297 </div> 298 <p class="intro-video-text"> 299 Just if you have a Phone.<br>You can study together anytime, anywhere. 300 </p> 301 </div> 302 <div class="intro-start-aside"> 303 <div class="move-camstudy"> 304 <div class="move-camstudy-title-container"> 305 <h4>Camstudy</h4> 306 <p>ëìê² ë± ë§ë ì¤í°ë룸ì ì°¾ìë³´ì¸ì</p> 307 </div> 308 <button> 309 <a href="camstudy/room">Start Now</a> 310 </button> 311 </div> 312 <div class="camstudy-info"> 313 <ul> 314 <li> 315 <h6 class="camstudy-info-title">Total Users</h6> 316 <p class="camstudy-info-text">124ê°êµ 230ë§ëª +</p> 317 </li> 318 <li> 319 <h6 class="camstudy-info-title">Daily Average Users</h6> 320 <p class="camstudy-info-text">40,000ëª +</p> 321 </li> 322 <li> 323 <h6 class="camstudy-info-title">Camp Study Market Users</h6> 324 <p class="camstudy-info-text">1</p> 325 </li> 326 <li> 327 <h6 class="camstudy-info-title">Daily Average Created Studies</h6> 328 <p class="camstudy-info-text">25,000ê° +</p> 329 </li> 330 <li> 331 <h6 class="camstudy-info-title">Daily Average Study Time</h6> 332 <p class="camstudy-info-text">8ìê° +</p> 333 </li> 334 </ul> 335 </div> 336 </div> 337 </section> 338 <section class="intro-main-section-2025-cams-what"> 339 <div class="flex-rows intro-main-section-2025-title-container max-width-1694"> 340 <h2 class="section-title">What is Camstudy?</h2> 341 <p class="section-title-description">Camstudy is a combination of "Camera" and "Study,"<br />representing a new study method for Gen Z that utilizes laptops and cameras.</p> 342 </div> 343 <div class="camstudy-images-container"> 344 <div class="camstudy-images-top"> 345 <div class="camstudy-image img1"></div> 346 <div class="camstudy-image img2"></div> 347 <div class="camstudy-image img3"></div> 348 <div class="camstudy-image img4"></div> 349 <div class="camstudy-image img5"></div> 350 <div class="camstudy-image img6"></div> 351 <div class="camstudy-image img7"></div> 352 <div class="camstudy-image img8"></div> 353 <div class="camstudy-image img1"></div> 354 <div class="camstudy-image img2"></div> 355 <div class="camstudy-image img3"></div> 356 <div class="camstudy-image img4"></div> 357 <div class="camstudy-image img5"></div> 358 </div> 359 <div class="camstudy-images-bottom"> 360 <div class="camstudy-image img9"></div> 361 <div class="camstudy-image img10"></div> 362 <div class="camstudy-image img11"></div> 363 <div class="camstudy-image img12"></div> 364 <div class="camstudy-image img13"></div> 365 <div class="camstudy-image img14"></div> 366 <div class="camstudy-image img15"></div> 367 <div class="camstudy-image img16"></div> 368 <div class="camstudy-image img9"></div> 369 <div class="camstudy-image img10"></div> 370 <div class="camstudy-image img11"></div> 371 <div class="camstudy-image img12"></div> 372 <div class="camstudy-image img13"></div> 373 </div> 374 </div> 375 </section> 376 <section class="intro-main-section-2025 intro-why-camstudy"> 377 <div class="flex-between intro-main-section-2025-title-container"> 378 <h2 class="section-title">Why 'Gooroome Camstudy'?</h2> 379 <div class="toggle-button-container"> 380 <button class="toggle-button self-study active">ììµ ìê° íì±</button> 381 <button class="toggle-button custom-service">ë§ì¶¤í ìë¹ì¤</button> 382 </div>
383 </div> 384 <div class="intro-camstudy-why-container"> 385 <div class="intro-camstudy-why active"> 386 <div class="intro-why-desktop"> 387 <div class="intro-why-item"> 388 <div class="intro-why-item-title">The Power of Increasing Study Hours</div> 389 <div class="intro-why-image image1"></div> 390 <p class="intro-why-text">Many users are already improving their study hours through Gooroome on their own.</p> 391 <p class="intro-why-item-description">*2021 Statistics Korea: Weekly Average Self-study Time of Primary and Secondary Students</p> 392 </div> 393 <div class="intro-why-item"> 394 <div class="intro-why-item-title">Ranking Through Healthy Competition</div> 395 <div class="intro-why-image image2"></div> 396 <p class="intro-why-text only-desktop">Check your friends' study time in real-time<br />and experience the fun of growing together<br />with positive motivation.</p> 397 <p class="intro-why-text only-mobile">Track your friends' study time live<br />and grow together with motivation.</p> 398 </div> 399 <div class="intro-why-item"> 400 <div class="intro-why-item-title">Self-directed Learning Management</div> 401 <div class="intro-why-image image3"></div> 402 <p class="intro-why-text only-desktop">Increase your autonomous study time to<br />improve learning efficiency and even boost test scores.</p> 403 <p class="intro-why-text only-mobile">Develop independent study habits<br />and improve your test scores.</p> 404 </div> 405 <div class="intro-why-item"> 406 <div class="intro-why-item-title">Premium Features for Better Focus</div> 407 <div class="intro-why-image image4"></div> 408 <p class="intro-why-text only-desktop">White noise, Pomodoro timers, and other<br />focus-enhancing services are available for free.</p> 409 <p class="intro-why-text only-mobile">Use white noise and Pomodoro timers<br />to improve focus for free.</p> 410 </div> 411 </div> 412 </div> 413 <div class="intro-camstudy-why"> 414 <div class="intro-why-desktop"> 415 <div class="intro-why-item"> 416 <div class="intro-why-item-title">Customized Online Study Room</div> 417 <div class="intro-why-image image5"></div> 418 <p class="intro-why-text only-desktop">We provide a customized online study room accessible only to us.</p> 419 <p class="intro-why-text only-mobile">We provide a customized online<br />study room accessible only to us.</p> 420 </div> 421 <div class="intro-why-item"> 422 <div class="intro-why-item-title">Branding Logo Customization</div> 423 <div class="intro-why-image image6"></div> 424 <p class="intro-why-text only-desktop">You can replace the logo on your personalized page for branding.</p> 425 <p class="intro-why-text only-mobile">You can replace the logo on your<br />personalized page for branding.</p> 426 </div> 427 <div class="intro-why-item"> 428 <div class="intro-why-item-title">Dedicated Dashboard</div> 429 <div class="intro-why-image image7"></div> 430 <p class="intro-why-text only-desktop">Provides an environment where you can view students' study history and data at a glance.</p> 431 <p class="intro-why-text only-mobile">Provides an environment where you can<br />view students' study history and data at a glance.</p> 432 </div> 433 <div class="intro-why-item"> 434 <div class="intro-why-item-title">Monitoring Account for Teachers</div> 435 <div class="intro-why-image image8"></div> 436 <p class="intro-why-text only-desktop">A monitoring account invisible to students allows supervision and management.</p> 437 <p class="intro-why-text only-mobile">A monitoring account invisible to students<br />allows supervision and management.</p> 438 </div> 439 </div> 440 </div> 441 </div> 442 </section> 443 <section class="intro-main-section-2025 intro-camstudy-point"> 444 <div class="intro-camstudy-point-inner-container"> 445 <div class="intro-main-section-2025-title-container"> 446 <h2 class="section-title">Gooroome is Leading theEdTech Industry</h2> 447 </div> 448 <div class="point-card-container"> 449 <div class="point-card img1"> 450 <p class="point-card-year">2020 / 2022</p> 451 <h4 class="point-card-text">Korea Consumer's Choice Best Brand</h4> 452 <p class="point-card-title">Grand Prize in Online Study Room Category</p> 453 </div> 454 <div class="point-card img2"> 455 <p class="point-card-year">2022</p> 456 <h4 class="point-card-text">Korea Education Fair</h4> 457 <p class="point-card-title">Startup of the Year</p> 458 </div> 459 <div class="point-card img3"> 460 <p class="point-card-year">2022</p> 461 <h4 class="point-card-text">17th EdTech Excellence Contest</h4> 462 <p class="point-card-title">Best Solution Award</p> 463 </div> 464 </div>
465 </div> 466 <div class="intro-camstudy-point-inner-container"> 467 <div class="intro-main-section-2025-title-container"> 468 <h2 class="section-title">Enhance Your Self-study Managementwith âGooroome Camstudyâ!</h2> 469 </div> 470 <div class="point-card-container"> 471 <div class="point-card img4"> 472 <p class="point-card-cams-title">Affordable Introduction Cost</p> 473 <p class="point-card-cams-text only-desktop">You can implement the service at a reasonable pricewithout additional development costs.</p> 474 <p class="point-card-cams-text only-mobile">You can implement the service at a reasonable pricewithout additional development costs.</p> 475 </div> 476 <div class="point-card img5"> 477 <p class="point-card-cams-title">Web Service Without Installation</p> 478 <p class="point-card-cams-text">Start easily without installing any additional programs.</p> 479 </div> 480 <div class="point-card img6"> 481 <p class="point-card-cams-title">Compatible with Any Device</p> 482 <p class="point-card-cams-text">Available on PCs, tablets, and mobile devices with cameras.</p> 483 </div> 484 </div> 485 </div> 486 </section> 487 <section class="intro-main-section-2025-cams-what customer-review"> 488 <div class="intro-main-section-2025-title-container max-width-1694 flex-between"> 489 <h2 class="section-title">Gooroome Camstudy Customer Success Story</h2> 490 <button class="slide-stop-button"></button> 491 </div> 492 <div class="review-relative"> 493 <div class="flex-rows review-container"> 494 <div class="review-item"> 495 <h4 class="review-title">âAchieved 21 Hours of Weekly Study Time,<br />Thanks to Gooroome Oligo!â</h4> 496 <div class="customer-word-container"> 497 <div class="customer-word"> 498 <div class="customer-image jungyoul-teacher"></div> 499 <div class="customer-text"><b>95% of participants successfully completed the â21 Hours Weekly Study Timeâ challenge with Gooroome Oligo.</b> With Gooroome Oligo, students can study anytime, anywhere, leading to higher satisfaction, increased study hours, and significantly improved grades.</div> 500 </div> 501 </div> 502 <div class="customer-logo jungyoul"></div> 503 </div> 504 <div class="review-item"> 505 <h4 class="review-title">âOver 90% of Students Found<br />Online Study Helpful!â</h4> 506 <div class="customer-word-container"> 507 <div class="customer-word"> 508 <div class="customer-image student1"></div> 509 <div class="customer-text"><b>Since study records were saved, I was motivated to achieve higher records than others, so I ended up studying longer than usual.</b></div> 510 </div> 511 <div class="customer-word"> 512 <div class="customer-image student2"></div> 513 <div class="customer-text"><b>During the break, I wasn't going to school, so my study time could have decreased. However, by using Camstudy, I was able to maintain and improve my study habits and schedule, which was rewarding.</b></div> 514 </div> 515 </div> 516 <div class="customer-logo sokcho"></div> 517 </div> 518 <div class="review-item"> 519 <h4 class="review-title">âI Passed a Public Corporation Exam<br />Through Camstudy!â</h4> 520 <div class="customer-word-container"> 521 <div class="customer-word"> 522 <div class="customer-image student3"></div> 523 <div class="customer-text"><b>By studying with my study group through Camstudy, I was able to set my career direction and determine what I needed to study.</b> Regardless of gender, nationality, or age, <b>seeing others study hard motivated me, and showing my own studying process created a win-win situation</b>, which is a unique strength of Camstudy.</div> 524 </div> 525 </div> 526 <div class="customer-logo cams"> 527 <div class="customer-name">Camstudy User <b>ì´*í¸</b></div> 528 </div> 529 </div> 530 <div class="review-item"> 531 <h4 class="review-title">âCamstudy Made Studying at Home<br />More Effective and Structured!â</h4> 532 <div class="customer-word-container"> 533 <div class="customer-word"> 534 <div class="customer-image student4"></div> 535 <div class="customer-text"><b>Using Camstudy, I was able to study at home more efficiently.</b> With Camstudy, I achieved 11 hours of daily study time and 70 hours of weekly study time. <b>Knowing that someone was watching me kept me motivated to study harder.</b></div> 536 </div> 537 </div> 538 <div class="customer-logo cams"> 539 <div class="customer-name">Camstudy User <b>ì¡°*ì</b></div> 540 </div> 541 </div> 542 <div class="review-item"> 543 <h4 class="review-title">âOvercame Many Moments of Weakness<br />Through Camstudy!â</h4> 544 <div class="customer-word-container"> 545 <div class="customer-word"> 546 <div class="customer-image student5"></div> 547 <div class="customer-text"><b>With Camstudy, I could naturally track my focused study hours and overcome moments of laziness by comparing my progress with competitors.</b> Just knowing that others could see me was enough to keep me alert and provided the motivation to stay focused.</div> 548 </div> 549 </div> 550 <div class="customer-logo cams"> 551 <div class="customer-name">Camstudy User <b>ì¡°*í¸</b></div> 552 </div> 553 </div> 554 <div class="review-item"> 555 <h4 class="review-title">âAchieved 21 Hours of Weekly Study Time,<br />Thanks to Gooroome Oligo!â</h4> 556 <div class="customer-word-container"> 557 <div class="customer-word"> 558 <div class="customer-image jungyoul-teacher"></div> 559 <div class="customer-text"><b>95% of participants successfully completed the â21 Hours Weekly Study Timeâ challenge with Gooroome Oligo.</b> With Gooroome Oligo, students can study anytime, anywhere, leading to higher satisfaction, increased study hours, and significantly improved grades.</div> 560 </div> 561 </div> 562 <div class="customer-logo jungyoul"></div> 563 </div> 564 <div class="review-item"> 565 <h4 class="review-title">âOver 90% of Students Found<br />Online Study Helpful!â</h4> 566 <div class="customer-word-container"> 567 <div class="customer-word"> 568 <div class="customer-image student1"></div> 569 <div class="customer-text"><b>Since study records were saved, I was motivated to achieve higher records than others, so I ended up studying longer than usual.</b></div> 570 </div> 571 <div class="customer-word"> 572 <div class="customer-image student2"></div> 573 <div class="customer-text"><b>During the break, I wasn't going to school, so my study time could have decreased. However, by using Camstudy, I was able to maintain and improve my study habits and schedule, which was rewarding.</b></div> 574 </div> 575 </div> 576 <div class="customer-logo sokcho"></div> 577 </div> 578 <div class="review-item"> 579 <h4 class="review-title">âI Passed a Public Corporation Exam<br />Through Camstudy!â</h4> 580 <div class="customer-word-container"> 581 <div class="customer-word"> 582 <div class="customer-image student3"></div> 583 <div class="customer-text"><b>By studying with my study group through Camstudy, I was able to set my career direction and determine what I needed to study.</b> Regardless of gender, nationality, or age, <b>seeing others study hard motivated me, and showing my own studying process created a win-win situation</b>, which is a unique strength of Camstudy.</div> 584 </div> 585 </div> 586 <div class="customer-logo cams"> 587 <div class="customer-name">Camstudy User <b>ì´*í¸</b></div> 588 </div> 589 </div> 590 <div class="review-item"> 591 <h4 class="review-title">âCamstudy Made Studying at Home<br />
591More Effective and Structured!â</h4> 592 <div class="customer-word-container"> 593 <div class="customer-word"> 594 <div class="customer-image student4"></div> 595 <div class="customer-text"><b>Using Camstudy, I was able to study at home more efficiently.</b> With Camstudy, I achieved 11 hours of daily study time and 70 hours of weekly study time. <b>Knowing that someone was watching me kept me motivated to study harder.</b></div> 596 </div> 597 </div> 598 <div class="customer-logo cams"> 599 <div class="customer-name">Camstudy User <b>ì¡°*ì</b></div> 600 </div> 601 </div> 602 <div class="review-item"> 603 <h4 class="review-title">âOvercame Many Moments of Weakness<br />Through Camstudy!â</h4> 604 <div class="customer-word-container"> 605 <div class="customer-word"> 606 <div class="customer-image student5"></div> 607 <div class="customer-text"><b>With Camstudy, I could naturally track my focused study hours and overcome moments of laziness by comparing my progress with competitors.</b> Just knowing that others could see me was enough to keep me alert and provided the motivation to stay focused.</div> 608 </div> 609 </div> 610 <div class="customer-logo cams"> 611 <div class="customer-name">Camstudy User <b>ì¡°*í¸</b></div> 612 </div> 613 </div> 614 </div> 615 </div> 616 </section> 617 <section class="intro-main-section-2025 go-gooroomee-container"> 618 <button> 619 Learn More About Gooroome 620 </button> 621 </section> 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 </div> 736 737 738 739 740<a onclick="Twc.Chat.open()" class="twc-chat-bot"> 741 <img alt="chatbot-icon" src="../../../../images/icon/ico_chat_bot.png"> 742</a> 743
744<script src="/common/lib/external/moment/moment.js"></script>
vendor: 1 bytes, line 744
744
745<script> 746 document.addEventListener('DOMContentLoaded', e => { 747 +function () { 748 grm_requirejs([ 749 'ref/camstudy/common/MainHeaderComponent.vue.js', 750 'ref/camstudy/room/index/components/BandBannerComponent.vue.js' 751 ], function ( 752 mainHeader, 753 bandBanner, 754 ) { 755 Vue.prototype.trans = string => window.i18n(string); 756 757 Vue.directive('click-outside', { 758 bind: function (el, binding, vnode) { 759 this.event = function (event) { 760 if (!(el == event.target || el.contains(event.target))) { 761 vnode.context[binding.expression](event); 762 } 763 }; 764 document.body.addEventListener('click', this.event) 765 }, 766 unbind: function (el) { 767 document.body.removeEventListener('click', this.event) 768 }, 769 }); 770 771 new Vue({ 772 el: '.intro-container', 773 data:{ 774 isLogin:false 775 }, 776 components: { 777 'main-header': mainHeader 778 }, 779 created() { 780 this.isLogin = 'false' === 'true'; 781 } 782 }); 783 784 new Vue({ 785 el: '.band-banner-container', 786 components: { 787 'band-banner': bandBanner 788 }, 789 }); 790 }) 791 }(); 792 }) 793</script>
vendor: 1 bytes, line 793
793
794<script> 795 $(window).on("load", function() { 796 let meta = document.querySelector('meta[name="intro-grm-cdn"]'); 797 if(meta){ 798 let cdnUrl = meta.getAttribute('content'); 799 const source = document.querySelector('.intro-video'); 800 source.src = cdnUrl + '/promotion/250211_cam_study_promotional_video.mp4'; 801 } 802 803 const camstudyInfoTextElements = document.querySelectorAll('.camstudy-info-text'); 804 const camstudyInfoTextCounts = [0,0,0,0,0]; 805 camstudyInfoTextElements.forEach((el, idx) => { 806 if(idx === 0){ 807 const interval = setInterval(() => { 808 el.innerText = Math.floor((Math.random() * 100)+100) + "ê°êµ " + Math.floor((Math.random() * 199)+100).toLocaleString() + "ë§ëª +"; 809 camstudyInfoTextCounts[0]++; 810 if(camstudyInfoTextCounts[0] >= 15){ 811 el.innerText = '123ê°êµ 230ë§ëª +' 812 clearInterval(interval) 813 } 814 },50) 815 } else if(idx === 1){ 816 const interval = setInterval(() => { 817 el.innerText = Math.floor((Math.random() * 39999)+10000).toLocaleString() + "ëª +"; 818 camstudyInfoTextCounts[1]++; 819 if(camstudyInfoTextCounts[1] >= 15){ 820 el.innerText = '40,000ëª +' 821 clearInterval(interval) 822 } 823 },50) 824 }else if(idx === 2){ 825 const interval = setInterval(() => { 826 el.innerText = Math.floor((Math.random() * 9)).toLocaleString() + "ì"; 827 camstudyInfoTextCounts[2]++; 828 if(camstudyInfoTextCounts[2] >= 15){ 829 el.innerText = '1ì' 830 clearInterval(interval) 831 } 832 },50) 833 }else if(idx === 3){ 834 const interval = setInterval(() => { 835 el.innerText = Math.floor((Math.random() * 15000)+10000).toLocaleString() + "ê° +"; 836 camstudyInfoTextCounts[3]++; 837 if(camstudyInfoTextCounts[3] >= 15){ 838 el.innerText = '25,000ê° +' 839 clearInterval(interval) 840 } 841 },50) 842 }else if(idx === 4){ 843 const interval = setInterval(() => { 844 el.innerText = Math.floor((Math.random() * 9)).toLocaleString() + "ìê° +"; 845 camstudyInfoTextCounts[4]++; 846 if(camstudyInfoTextCounts[4] >= 15){ 847 el.innerText = '8ìê° +' 848 clearInterval(interval) 849 } 850 },50) 851 } 852 }) 853 854 const whyCamstudyContainer = document.querySelectorAll('.intro-camstudy-why') 855 const toggleButtonContainer = document.querySelector('.toggle-button-container'); 856 toggleButtonContainer.addEventListener('click', (e) => { 857 const selfStudy = toggleButtonContainer.querySelector('.toggle-button.self-study') 858 const customService = toggleButtonContainer.querySelector('.toggle-button.custom-service') 859 if(e.target.className.includes('self-study')){ 860 whyCamstudyContainer[1].classList.remove('active') 861 customService.classList.remove('active'); 862 selfStudy.classList.add('active') 863 whyCamstudyContainer[0].classList.add('active') 864 }else if(e.target.className.includes('custom-service')){ 865 selfStudy.classList.remove('active') 866 whyCamstudyContainer[0].classList.remove('active') 867 customService.classList.add('active'); 868 whyCamstudyContainer[1].classList.add('active') 869 } 870 }) 871 const goGooroomeeButton = document.querySelector('.go-gooroomee-container > button'); 872 goGooroomeeButton.addEventListener('click', () => { 873 location.href = 'https://gooroomee.com'; 874 }) 875 876 function MoveTranslateX(element, direction, speed, resetPosition, options = { 877 hasStopEvent: false, 878 pauseElement: null 879 }){ 880 this.element = element; 881 this.direction = direction; 882 this.speed = speed; 883 this.options = options; 884 this.resetPosition = resetPosition; 885 this.x = 0; 886 this.paused = false; 887 this.rafId = null; 888 } 889 MoveTranslateX.prototype.translateXLoop = function() { 890 let startTime = null; 891 let prevTimestamp = null; 892 const targetFPS = 60; 893 894 const animateRAF = (timestamp) => { 895 if (this.paused) return; 896 897 if (!startTime) startTime = timestamp; 898 if (!prevTimestamp) prevTimestamp = timestamp; 899 900 const elapsed = (timestamp - prevTimestamp) || 1; 901 const frames = Math.round(1000 / elapsed / targetFPS); 902 prevTimestamp = timestamp; 903 904 if (Math.abs(this.x) >= this.resetPosition && this.x !== Infinity && this.x !== -Infinity) { 905 this.x = 0; 906 this.element.style.transform = 'translateX(' + this.x + 'px)'; 907 startTime = timestamp; 908 prevTimestamp = timestamp; 909 } 910 911 this.x += this.speed / frames * (this.direction === 'left' ? -1 : 1); 912 this.element.style.transform = 'translateX(' + this.x + 'px)'; 913 914 this.rafId = requestAnimationFrame(animateRAF); 915 } 916 if(this.options.pauseElement){ 917 this.options.pauseElement.addEventListener('click', () => { 918 this.paused = !this.paused; 919 if(this.paused){ 920 cancelAnimationFrame(this.rafId); 921 this.options.pauseElement.classList.add('active') 922 }else{ 923 startTime = null; 924 prevTimestamp = null; 925 this.rafId = requestAnimationFrame(animateRAF); 926 this.options.pauseElement.classList.remove('active') 927 } 928 }) 929 } 930 if (this.options.hasStopEvent) { 931 this.element.addEventListener('mouseover', () => { 932 this.paused = true; 933 cancelAnimationFrame(this.rafId); 934 }); 935 this.element.addEventListener('mouseout', () => { 936 if (this.paused) { 937 this.paused = false;
938 startTime = null; 939 prevTimestamp = null; 940 this.rafId = requestAnimationFrame(animateRAF); 941 } 942 }); 943 } 944 945 this.rafId = requestAnimationFrame(animateRAF); 946 }; 947 948 const camstudyImageContainerTop = document.querySelector('.camstudy-images-top'); 949 const camstudyImageContainerBottom = document.querySelector('.camstudy-images-bottom'); 950 const camstudyImage = camstudyImageContainerTop.querySelector('.camstudy-image') 951 const camstudyImageEndPoint = parseFloat(getComputedStyle(camstudyImageContainerTop).gap)*8+parseFloat(getComputedStyle(camstudyImage).width)*8; 952 953 const reveiwContainer = document.querySelector('.review-container'); 954 const reviwer = reveiwContainer.querySelector('.review-item') 955 const reviewerEndPoint = parseFloat(getComputedStyle(reveiwContainer).gap)*5 + parseFloat(getComputedStyle(reviwer).width)*5; 956 957 const pausedElement = document.querySelector('.slide-stop-button'); 958 959 new MoveTranslateX(camstudyImageContainerTop, 'left', 0.2, camstudyImageEndPoint).translateXLoop() 960 new MoveTranslateX(camstudyImageContainerBottom, 'right', 0.2, camstudyImageEndPoint).translateXLoop() 961 new MoveTranslateX(reveiwContainer, 'left', 0.2, reviewerEndPoint, { 962 pauseElement: pausedElement, 963 }).translateXLoop() 964 965 966 // const container = document.querySelector('.intro-img-slider-container'); 967 // const prev = document.querySelector('.prev'); 968 // const next = document.querySelector('.next'); 969 // const sliderNavItemsAll = document.querySelectorAll('.slider-nav-item-btn'); 970 // const slideItems = container.querySelectorAll('.intro-img-slider-group'); 971 // const autoSlideTime = 6000; 972 // 973 // let pos = 0; 974 // let intervalId = null; 975 // const slide = () => { 976 // return setInterval(() => { 977 // sliderNavItemsAll[pos].classList.remove('active'); 978 // pos = (pos + 1) % slideItems.length; 979 // container.dataset.show = pos; 980 // sliderNavItemsAll[pos].classList.add('active'); 981 // }, autoSlideTime); 982 // } 983 // 984 // const prevAction = () => { 985 // if(intervalId) clearInterval(intervalId); 986 // sliderNavItemsAll[pos].classList.remove('active'); 987 // pos = pos-1 < 0 ? slideItems.length - 1 : pos - 1; 988 // container.dataset.show = pos; 989 // sliderNavItemsAll[pos].classList.add('active'); 990 // intervalId = slide(); 991 // } 992 // 993 // const nextAction = () => { 994 // if(intervalId) clearInterval(intervalId); 995 // sliderNavItemsAll[pos].classList.remove('active'); 996 // pos = pos+1 >= slideItems.length ? 0 : pos + 1; 997 // container.dataset.show = pos; 998 // sliderNavItemsAll[pos].classList.add('active'); 999 // intervalId = slide(); 1000 // } 1001 // 1002 // prev.addEventListener('click', () => { 1003 // prevAction(); 1004 // }); 1005 // 1006 // next.addEventListener('click', () => { 1007 // nextAction(); 1008 // }); 1009 // 1010 // Array.from(sliderNavItemsAll).forEach((item, index) => item.addEventListener("click", (e) => { 1011 // e.preventDefault(); 1012 // if(intervalId) clearInterval(intervalId); 1013 // sliderNavItemsAll[pos].classList.remove('active'); 1014 // pos = index; 1015 // container.dataset.show = pos; 1016 // sliderNavItemsAll[pos].classList.add('active'); 1017 // intervalId = slide(); 1018 // })) 1019 // 1020 // intervalId = slide(); 1021 1022 // document.addEventListener('DOMContentLoaded', e => { 1023 // (function() { 1024 // $.getScript('common/lib/external/hammer/hammer-2.0.8.min.js') 1025 // .done(function(script, textStatus) { 1026 // const container = document.querySelector('.img-slider-control-area'); 1027 // const swiper = new Hammer(container); 1028 // 1029 // swiper.on('swipeleft', function (e) { 1030 // nextAction() 1031 // }) 1032 // swiper.on('swiperight', function (e) { 1033 // prevAction() 1034 // }) 1035 // }); 1036 // if(device.ios()){ 1037 // $('.biz').hide() 1038 // } 1039 // })() 1040 // }) 1041 }); 1042</script>
1042 1043
1044<script src="https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/sdk/cloud/Twc.plugin.js"></script>
vendor: 1 bytes, line 1044
1044
1045<script> 1046 (function() { 1047 Twc('init', { 1048 brandKey: "MUxOPwt-6RJvxjfghABUmA", 1049 channelType: "scenario", 1050 scenarioId: "MzI3OQ==", 1051 buttonOption: { 1052 showLauncher: false, 1053 bottom: 120 1054 } 1055 }) 1056 })(); 1057</script>
1057 1058 1059 <footer id="footer" class="introFooter"> 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075
1075<script src="/common/lib/external/vuejs/2/vue.min.js"></script>
1075 1076 1077 1078
1079<script src="/common/lib/external/requirejs/2.3.6/require.min.js"></script>
vendor: 1 bytes, line 1079
1079
1080<script src="/common/lib/external/requirejs/2.3.6/require-grm.js?_dm=202605290027"></script>
1080 1081<div class="footer-top intro"> 1082 <div class="container"> 1083 <ul class="footer-menu clearfix"> 1084 <li class="footer-menu-1depth"> 1085 <p class="footer-menu-1depth-title">Company</p> 1086 <ul class="footer-menu-1depth-group"> 1087 <li class="footer-menu-2depth"> 1088 <a href="//biz.gooroomee.com" target="_blank" class="footer-menu-item biz">Gooroomee BIZ</a> 1089 </li> 1090 <li class="footer-menu-2depth"> 1091 <a href="camstudy/main/contact" target="_blank" class="footer-menu-item">Contact Us</a> 1092 </li> 1093 </ul> 1094 </li> 1095 <li class="footer-menu-1depth"> 1096 <p class="footer-menu-1depth-title">Community</p> 1097 <ul class="footer-menu-1depth-group"> 1098 <li class="footer-menu-2depth"> 1099 <a href="https://cafe.naver.com/goocams" target="_blank" class="footer-menu-item">Official cafe</a> 1100 </li> 1101 <li class="footer-menu-2depth"> 1102 <a href="https://blog.naver.com/gooroomeeinc" target="_blank" class="footer-menu-item">Blog</a> 1103 </li> 1104 <li class="footer-menu-2depth"> 1105 <a href="https://www.instagram.com/gooroomee_official/" target="_blank" class="footer-menu-item">Instagram</a> 1106 </li> 1107 <li class="footer-menu-2depth"> 1108 <a href="https://www.facebook.com/igooroomee" target="_blank" class="footer-menu-item">Facebook</a> 1109 </li> 1110 <li class="footer-menu-2depth"> 1111 <a href="https://www.youtube.com/channel/UCLEcNg6eA1ellpbM1O1sDAQ" target="_blank" class="footer-menu-item">Youtube</a> 1112 </li> 1113 </ul> 1114 </li> 1115 <li class="footer-menu-1depth"> 1116 <p class="footer-menu-1depth-title">Camstudy</p> 1117 <ul class="footer-menu-1depth-group"> 1118 <li class="footer-menu-2depth"> 1119 <a href='https://guide.gooroomee.com/camsenglishguide' target='_blank' class='footer-menu-item'>Helpdesk</a> 1120 </li> 1121 </ul> 1122 </li> 1123 <li class="footer-menu-1depth"> 1124 <p class="footer-menu-1depth-title">Legal Notice</p> 1125 <ul class="footer-menu-1depth-group"> 1126 <li class="footer-menu-2depth"> 1127 1128 1129 <a href="https://guide.gooroomee.com/privacy_policy_eng" target="_blank" class="footer-menu-item">Privacy Policy</a> 1130 1131 </li> 1132 <li class="footer-menu-2depth"> 1133 1134 1135 <a href="https://guide.gooroomee.com/terms_eng" target="_blank" class="footer-menu-item">Terms of Service</a> 1136 1137 </li> 1138 <li class="footer-menu-2depth"> 1139 <a href="https://guide.gooroomee.com/camspolicy" target="_blank" class="footer-menu-item">Operational policy</a> 1140 </li> 1141 <li class="footer-menu-2depth"> 1142 <a href="https://guide.gooroomee.com/youthprotection" target="_blank" class="footer-menu-item">Youth Protection Policy</a> 1143 </li> 1144 </ul> 1145 </li> 1146 <li class="footer-menu-1depth empty"></li> 1147 <li class="footer-menu-1depth"> 1148 <p class="footer-menu-1depth-title">Language</p> 1149 <ul class="footer-menu-1depth-group langSelectArea"> 1150 <li class="footer-menu-2depth" id="language-change"> 1151 <select class="langSelect" @change="onchange()" v-model="language"> 1152 <option value="ko">íêµì´</option> 1153 <option value="en">English</option> 1154 <option value="es">español</option> 1155 <option value="ar">Ø¨Ø§ÙØ¹Ø±Ø¨Ù</option> 1156 </select> 1157 </li> 1158 </ul> 1159 </li> 1160 </ul> 1161 </div> 1162</div> 1163<div class="footer-bottom intro"> 1164 <div class="container"> 1165 <div class="footer-info" id="footer-info"> 1166 <ul class="footer-info-block clearfix"> 1167 <li class="footer-info-item company-name">Gooroomee Inc.</li> 1168 <li class="footer-info-item address">40 Geumto-ro 80-gil, Sujeong-gu, Seongnam-si, Gyeonggi-do, Republic of Korea (11F, Building B, Pangyo 2nd Techno Valley, Startup Square)</li> 1169 <li class="footer-info-item" @click="copyEmail"><span style="cursor:pointer;">[email protected]</span></li> 1170 </ul> 1171 <ul class="footer-info-block clearfix"> 1172 <li class="footer-info-item">Tel: <a href='tel:+82-1833-9229'>+82-1833-9229</a></li> 1173 <li class="footer-info-item">CEO: Rang-Hyuck Lee (Lucas Lee)</li> 1174 <li class="footer-info-item only-korea">ì¬ì ìë±ë¡ë²í¸: 165-87-00161</li> 1175 <li class="footer-info-item only-korea">íµì í매ì ì ê³ ë²í¸: 2019-ìì¸ê°ë¨-01497</li> 1176 </ul> 1177 <div class="copyright">Copyrights 2018.Gooroomee All Rights Reserved</div> 1178 </div> 1179 </div> 1180</div> 1181<div class="mail-toast"> 1182</div>
1183<script> 1184 const lang = new Vue({ 1185 el: "#language-change", 1186 data: { 1187 language: "en", 1188 }, 1189 methods: { 1190 onchange: function() { 1191 const lang = this.language; 1192 1193 $.ajax({ 1194 type: 'get', 1195 url: 'locale/change?locale='+lang 1196 }).done(function(result, textStatus, xhr){ 1197 location.reload(); 1198 }).fail(function(xhr, textStatus, error){ 1199 console.error('error :', xhr, textStatus, error); 1200 location.reload(); 1201 }).always(function(xhr, textStatus){ 1202 console.info('complete :', xhr, textStatus); 1203 }); 1204 return; 1205 }, 1206 1207 } 1208 }) 1209 const footerInfo = new Vue({ 1210 el: "#footer-info", 1211 data: { 1212 isClicked: false, 1213 checkClick: null, 1214 }, 1215 methods: { 1216 copyEmail: function() { 1217 const toast = $('.mail-toast') 1218 if(!this.isClicked) { 1219 window.navigator.clipboard.writeText('[email protected]'); 1220 toast.text(i18n('footer.toast')) 1221 toast.addClass('on'); 1222 clearTimeout(this.checkClick); 1223 this.isClicked = true; 1224 } else { 1225 return; 1226 } 1227 this.checkClick = setTimeout(()=>{ 1228 $('.mail-toast').removeClass('on'); 1229 this.isClicked = false; 1230 }, 2000); 1231 } 1232 } 1233 }) 1234 document.addEventListener('DOMContentLoaded', function(){ 1235 if(device.ios()){ 1236 $('.biz').hide() 1237 } 1238 }) 1239</script>
1239 1240 1241 </footer> 1242</body>
1243<script> 1244document.addEventListener('DOMContentLoaded', function(){ 1245 // hash repair 1246 if(document.querySelector('base')){ 1247 var items = document.querySelectorAll('a'); 1248 for(var i=0, len=items.length; i<len; i++){ 1249 var a = items.item(i); 1250 var href = a.getAttribute('href'); 1251 if(href && href.substring(0, 1)=='#'){ 1252 a.setAttribute('href', location.pathname + a.hash) 1253 } 1254 } 1255 } 1256}); 1257</script>
1257 1258
1259<script src="/gooroomee-service.js"></script>
vendor: 1 bytes, line 1259
1259
1260<script> 1261 (function () { 1262 // ios ë¡ê·¸ì¸ì´ ìë ìí 1263 if (!device.ios()) return; 1264 1265 // check params 1266 let roomId = $('meta[name="grm-roomid"]').attr('content'); 1267 let roomUrlId = $('meta[name="grm-roomurlid"]').attr('content'); 1268 let url = 'gooroomee://' + location.hostname; 1269 1270 // go room 1271 if(roomId){ 1272 url += '/room/' + roomId; 1273 location.href = url; 1274 }else if(roomUrlId){ 1275 url += '/' + encodeURIComponent(roomUrlId); 1276 location.href = url; 1277 } 1278 }()); 1279</script>
1279 1280</body> 1281</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.