{"id":169135,"date":"2024-08-13T18:06:29","date_gmt":"2024-08-13T09:06:29","guid":{"rendered":"http:\/\/ee.presscat.kr\/?page_id=169135"},"modified":"2024-11-20T10:56:05","modified_gmt":"2024-11-20T01:56:05","slug":"under-curr-map","status":"publish","type":"page","link":"http:\/\/ee.presscat.kr\/en\/under-curr-map\/","title":{"rendered":"Curriculum(Map)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"169135\" class=\"elementor elementor-169135\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1621d6 elementor-section-full_width sub-banner-wrap elementor-section-height-default elementor-section-height-default\" data-id=\"f1621d6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b178f27 title-wrap\" data-id=\"b178f27\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2810dad title elementor-widget elementor-widget-heading\" data-id=\"2810dad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Academics<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-28ed496 subtitle-wrap\" data-id=\"28ed496\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c767338 title elementor-widget elementor-widget-heading\" data-id=\"c767338\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Curriculum\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dc68606 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dc68606\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a23a097 path-wrap\" data-id=\"a23a097\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-488be86 item elementor-widget elementor-widget-heading\" data-id=\"488be86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"\/en\/\">Home<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4919154 item elementor-widget elementor-widget-heading\" data-id=\"4919154\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"\/en\/under-curr-list\/\">Academics<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23be9c4 item elementor-widget elementor-widget-heading\" data-id=\"23be9c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"\/en\/under-curr-list\/\">Undergraduate<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a2c7525 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2c7525\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f5c6321\" data-id=\"f5c6321\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5f79621\" data-id=\"5f79621\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-238cc91\" data-id=\"238cc91\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9fee75c font-icon elementor-widget elementor-widget-template\" data-id=\"9fee75c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"custom_grid\" data-elementor-id=\"11777\" class=\"elementor elementor-11777\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f783e91 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f783e91\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-427a643\" data-id=\"427a643\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2303fa8 font-icon elementor-widget elementor-widget-html\" data-id=\"2303fa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"elementor-widget-container\">\r\n      <a\r\n        href=\"javascript:void(0);\"\r\n        onclick=\"window.open('https:\/\/www.facebook.com\/login.php?skip_api_login=1&amp;api_key=966242223397117&amp;signed_next=1&amp;next=https%3A%2F%2Fwww.facebook.com%2Fsharer%2Fsharer.php%3Fu%3Dhttps%253A%252F%252Fee.kaist.ac.kr%252Fintro%253Futm_campaign%253Dshareaholic%2526utm_medium%253Dfacebook%2526utm_source%253Dsocialnetwork%26quote&amp;cancel_url=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fclose_window%2F%3Fapp_id%3D966242223397117%26connect%3D0%23_%3D_&amp;display=popup&amp;locale=ko_KR', 'pop01', 'top=10, left=10, width=800, height=650, status=no, menubar=no, toolbar=no, resizable=no');\"\r\n      >\r\n        <i class=\"fab fa-facebook-f\"><\/i>\r\n      <\/a>\r\n      <a\r\n        href=\"javascript:void(0);\"\r\n        onclick=\"window.open('https:\/\/twitter.com\/intent\/tweet?text=KAIST%20%EC%A0%84%EA%B8%B0%20%EB%B0%8F%20%EC%A0%84%EC%9E%90%EA%B3%B5%ED%95%99%EB%B6%80%20-%20https%3A%2F%2Fgo.shr.lc%2F3miZJtK&amp;source=Shareaholic&amp;related=shareaholic', 'pop01', 'top=10, left=10, width=800, height=650, status=no, menubar=no, toolbar=no, resizable=no');\"\r\n      >\r\n        <i class=\"fab fa-twitter\"><\/i>\r\n      <\/a>\r\n      <a href=\"mailto:myfriend@kaist.ac.kr\">\r\n        <i class=\"fas fa-envelope\"><\/i>\r\n      <\/a>\r\n      <a href=\"http:\/\/www.printfriendly.com\" title=\"Print Friendly &amp; PDF\" onclick=\"window.open(&#039;http:\/\/www.printfriendly.com\/print?url=&#039;+document.location.href, &#039;_blank&#039;, &#039;width=800, height=650&#039;); return false;\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-print\"><\/i><\/a>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d34cba0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d34cba0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-563344f sub-menu-wrap\" data-id=\"563344f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09a1e71 side-menu elementor-widget elementor-widget-template\" data-id=\"09a1e71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"page\" data-elementor-id=\"21249\" class=\"elementor elementor-21249\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4be79d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4be79d5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e69bd5\" data-id=\"3e69bd5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-562b824 elementor-widget elementor-widget-html\" data-id=\"562b824\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <ul class=\"side-menu\">\r\n        <li class=\"side-menu-title\">\r\n          <h3>\r\n              <a href=\"\/en\/under-curr-list\">Undergraduate<\/a>\r\n          <\/h3>\r\n           <ul class=\"side-menu-deps2\">\r\n                <li><a href=\"\/en\/under-curr-list\/\">Subject Lists<\/a><\/li>\r\n                <li><a href=\"\/en\/under-curr-map\/\">Subject Map<\/a><\/li>\r\n                <li><a href=\"\/en\/my-ee\/\">EE Career Development<\/a><\/li>\r\n                <li><a href=\"\/en\/under-req\/\">Graduation Requirements<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li class=\"side-menu-title\">\r\n          <h3>\r\n              <a href=\"\/en\/graduate-curr-list\/\">Graduate<\/a>\r\n          <\/h3>\r\n             <ul class=\"side-menu-deps2\">\r\n                <li><a href=\"\/en\/graduate-curr-list\/\">Subject Lists<\/a><\/li>\r\n                <li><a href=\"\/en\/graduate-curr-map\/\">Subject Map<\/a><\/li>\r\n                <li><a href=\"\/en\/graduate-req\/\">Graduation Requirements<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li class=\"side-menu-title\">\r\n          <h3>\r\n              <a href=\"\/en\/education-cooperation-01\/\">Dual Degree<\/a>\r\n          <\/h3>\r\n        <\/li>\r\n    \r\n        <li class=\"side-menu-title\">\r\n          <h3>\r\n              <a href=\"\/en\/edu-co-op-program\/\">Co-op Program<\/a>\r\n              <\/h3>\r\n        <\/li>\r\n        <li class=\"side-menu-title\">\r\n          <h3>\r\n              <a href=\"\/en\/edu-ee-externship\/\">EE Externship<\/a>\r\n              <\/h3>\r\n        <\/li>\r\n\r\n      <\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8bc6fda\" data-id=\"8bc6fda\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e586c6c\" data-id=\"e586c6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-27924f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27924f4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-31106db\" data-id=\"31106db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3832de5 elementor-widget elementor-widget-heading\" data-id=\"3832de5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Undergraduate Program<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b53bdf7\" data-id=\"b53bdf7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8ea80a elementor-widget elementor-widget-html\" data-id=\"d8ea80a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"undergraduate-course-map\">\n    <li class=\"list\"><a href=\"\/en\/under-curr-list\/\"><\/a><\/li>\n    <li class=\"map\"><a href=\"\/en\/under-curr-map\/\"><\/a><\/li>\n<\/ul>\n<style>\n.undergraduate-course-map li.list a {background-image: url(\/wp-content\/uploads\/2022\/02\/list-icon02.jpg);}\n.undergraduate-course-map li.map a {background-image: url(\/wp-content\/uploads\/2022\/02\/map-icon02.jpg);}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-8971719 elementor-widget elementor-widget-html\" data-id=\"8971719\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"content clearfix\">\n\t<div id=\"graphContainer\"\n\t\tstyle=\"position:relative;width:880px;height: 1000px;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: auto;\">\n\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\tmxBasePath = '\/wp-content\/uploads\/mxgraph\/javascript\/src';\n\t<\/script>\n\t<script type=\"text\/javascript\" src=\"\/wp-content\/uploads\/mxgraph\/javascript\/src\/js\/mxClient.js\"><\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7414a elementor-widget elementor-widget-html\" data-id=\"5a7414a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\n\/\/ NOTE: Edge style\n\/\/ We will use `ElbowConnector` edge style for default and\n\/\/ `EntityRelation` for the edge between two nodes with the same depth (i.e. same column).\n\/\/ This makes the graph looks better\n\nvar language = \"ko\";\nvar divisionBox = JSON.parse('{\"24\":\"Communication\\\\n\",\"28\":\"Signal\\\\n\",\"25\":\"Circuit\\\\n\",\"27\":\"Device\\\\n\",\"23\":\"Computer\\\\n\",\"26\":\"Wave\\\\n\"}');\nvar boxes = JSON.parse('{\"one\":{\"13077\":{\"nid\":\"13077\",\"title\":\"\\uc2e0\\ud638 \\ubc0f \\uc2dc\\uc2a4\\ud15c\",\"url\":\"\\\/node\\\/13077\",\"code\":\"EE202\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"63\",\"category\":\"24 28\"},\"13081\":{\"nid\":\"13081\",\"title\":\"\\uc804\\uc790\\uacf5\\ud559\\uc744 \\uc704\\ud55c \\ud504\\ub85c\\uadf8\\ub798\\ubc0d \\uad6c\\uc870\",\"url\":\"\\\/node\\\/13081\",\"code\":\"EE209\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"63\",\"category\":\"23\"},\"13075\":{\"nid\":\"13075\",\"title\":\"\\ud68c\\ub85c\\uc774\\ub860\",\"url\":\"\\\/node\\\/13075\",\"code\":\"EE201\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"63\",\"category\":\"25 28\"},\"13079\":{\"nid\":\"13079\",\"title\":\"\\uc804\\uae30\\uc790\\uae30\\ud559\",\"url\":\"\\\/node\\\/13079\",\"code\":\"EE204\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"63\",\"category\":\"26\"}},\"two\":{\"13118\":{\"nid\":\"13118\",\"title\":\"\\uc81c\\uc5b4\\uc2dc\\uc2a4\\ud15c\\uacf5\\ud559\",\"url\":\"\\\/node\\\/13118\",\"code\":\"EE381\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"28\",\"parent\":[\"13077\"]},\"13120\":{\"nid\":\"13120\",\"title\":\"\\uc804\\ub825\\uc804\\uc790\\uc81c\\uc5b4\",\"url\":\"\\\/node\\\/13120\",\"code\":\"EE391\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"28\",\"parent\":[\"13077\"]},\"20221\":{\"nid\":\"20221\",\"title\":\"\uc804\uae30\uacf5\ud559\uc744 \uc704\ud55c \uace0\uae09 \ud504\ub85c\uadf8\ub798\ubc0d \uae30\uc220\",\"url\":\"\\\/node\\\/20221\",\"code\":\"EE309\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"23\",\"parent\":[\"13081\"]},\"13140\":{\"nid\":\"13140\",\"title\":\"\\ub514\\uc9c0\\ud138\\uc2e0\\ud638\\ucc98\\ub9ac\",\"url\":\"\\\/node\\\/13140\",\"code\":\"EE432\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"24 28\",\"parent\":[\"13077\"]},\"13156\":{\"nid\":\"13156\",\"title\":\"\\uba40\\ud2f0\\ubbf8\\ub514\\uc5b4\\uac1c\\ub860\",\"url\":\"\\\/node\\\/13156\",\"code\":\"EE474\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"28\",\"parent\":[\"13077\"]},\"13158\":{\"nid\":\"13158\",\"title\":\"\\uc2dc\\uccad\\uac01 \\uc778\\uc9c0 \\ubaa8\\ub378\",\"url\":\"\\\/node\\\/13158\",\"code\":\"EE476\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"28\",\"parent\":[\"13077\"]},\"13103\":{\"nid\":\"13103\",\"title\":\"\\ud1b5\\uc2e0\\uacf5\\ud559\",\"url\":\"\\\/node\\\/13103\",\"code\":\"EE321\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"24\",\"parent\":[\"13077\",\"13089\"]},\"13083\":{\"nid\":\"13083\",\"title\":\"\\uc804\\uc790\\uc124\\uacc4 \\ubc0f \\uc2e4\\ud5d8\",\"url\":\"\\\/node\\\/13083\",\"code\":\"EE305\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"63\",\"category\":\"25 27 23 24 26 28\",\"parent\":[\"13099\",\"13075\",\"13079\",\"13081\",\"13077\"]},\"18226\":{\"nid\":\"18226\",\"title\":\"\\uc735\\ud569\\uc801 \\ub85c\\ubd07\\uacf5\\ud559\\uac1c\\ub860\",\"url\":\"\\\/node\\\/18226\",\"code\":\"EE478\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23\",\"parent\":[\"13077\",\"13118\"]},\"13087\":{\"nid\":\"13087\",\"title\":\"\\uc804\\uc790\\uacf5\\ud559\\uc744 \\uc704\\ud55c \\uc790\\ub8cc\\uad6c\\uc870 \\ubc0f \\uc54c\\uace0\\ub9ac\\ub4ec\",\"url\":\"\\\/node\\\/13087\",\"code\":\"EE205\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23\",\"parent\":[\"13081\"]},\"18224\":{\"nid\":\"18224\",\"title\":\"\\uae30\\uacc4\\ud559\\uc2b5\\uac1c\\ub860\",\"url\":\"\\\/node\\\/18224\",\"code\":\"EE331\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"28\",\"parent\":[\"13081\",\"13089\"]},\"18225\":{\"nid\":\"18225\",\"title\":\"\\ub370\\uc774\\ud130\\ubca0\\uc774\\uc2a4 \\ubc0f \\ube45\\ub370\\uc774\\ud130 \\uc2dc\\uc2a4\\ud15c\",\"url\":\"\\\/node\\\/18225\",\"code\":\"EE477\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23\",\"parent\":[\"13087\",\"13081\",\"13095\"]},\"18223\":{\"nid\":\"18223\",\"title\":\"\\uacfc\\ud559\\uacc4\\uc0b0 \\ubc0f \\ub370\\uc774\\ud130\",\"url\":\"\\\/node\\\/18223\",\"code\":\"EE479\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"27\",\"parent\":[\"13081\",\"13091\"]},\"13099\":{\"nid\":\"13099\",\"title\":\"\\uc804\\uc790\\ud68c\\ub85c\",\"url\":\"\\\/node\\\/13099\",\"code\":\"EE304\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"25\",\"parent\":[\"13075\"]},\"13111\":{\"nid\":\"13111\",\"title\":\"\\uc804\\uc790\\ud30c \\ubc0f \\uc548\\ud14c\\ub098\",\"url\":\"\\\/node\\\/13111\",\"code\":\"EE341\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"26\",\"parent\":[\"13079\"]},\"13089\":{\"nid\":\"13089\",\"title\":\"\\ud655\\ub960\\uacfc \\uae30\\ucd08 \\ud655\\ub960\\uacfc\\uc815\",\"url\":\"\\\/node\\\/13089\",\"code\":\"EE210\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"23 24 28\"},\"13091\":{\"nid\":\"13091\",\"title\":\"\\ubb3c\\ub9ac\\uc804\\uc790\\uac1c\\ub860\",\"url\":\"\\\/node\\\/13091\",\"code\":\"EE211\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"27\"},\"13093\":{\"nid\":\"13093\",\"title\":\"\\uc804\\uc790 \\uc124\\uacc4 \\uc2e4\\uc2b5\",\"url\":\"\\\/node\\\/13093\",\"code\":\"EE212\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"\"},\"13095\":{\"nid\":\"13095\",\"title\":\"\\uc804\\uc790\\uacf5\\ud559\\uc744 \\uc704\\ud55c \\uc774\\uc0b0 \\ubc29\\ubc95\\ub860\",\"url\":\"\\\/node\\\/13095\",\"code\":\"EE213\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"23\"}},\"three\":{\"13160\":{\"nid\":\"13160\",\"title\":\"\\uc9c0\\ub2a5\\uc2dc\\uc2a4\\ud15c\",\"url\":\"\\\/node\\\/13160\",\"code\":\"EE481\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"28\",\"parent\":[\"13118\"]},\"13109\":{\"nid\":\"13109\",\"title\":\"\\uc815\\ubcf4\\uc774\\ub860 \\ubc0f \\ubd80\\ud638\\ud654 \\uac1c\\ub860\",\"url\":\"\\\/node\\\/13109\",\"code\":\"EE326\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"24\",\"parent\":[\"13089\",\"13103\"]},\"13134\":{\"nid\":\"13134\",\"title\":\"\\ud1b5\\uc2e0\\uc2dc\\uc2a4\\ud15c\",\"url\":\"\\\/node\\\/13134\",\"code\":\"EE421\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"24\",\"parent\":[\"13089\",\"13103\"]},\"13085\":{\"nid\":\"13085\",\"title\":\"\\uc804\\uc790 \\ub514\\uc790\\uc778 \\ub7a9\",\"url\":\"\\\/node\\\/13085\",\"code\":\"EE405\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"63\",\"category\":\"25 27 23 24 26 28\",\"parent\":[\"13083\"]},\"13101\":{\"nid\":\"13101\",\"title\":\"\\ucef4\\ud4e8\\ud130\\uad6c\\uc870\\uac1c\\ub860\",\"url\":\"\\\/node\\\/13101\",\"code\":\"EE312\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"25\",\"parent\":[\"13087\",\"13095\",\"13097\"]},\"13105\":{\"nid\":\"13105\",\"title\":\"\\ucef4\\ud4e8\\ud130 \\ub124\\ud2b8\\uc6cc\\ud06c\",\"url\":\"\\\/node\\\/13105\",\"code\":\"EE323\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23 24\",\"parent\":[\"13087\",\"13089\"]},\"13128\":{\"nid\":\"13128\",\"title\":\"\\ube45\\ub370\\uc774\\ud130 \\ubd84\\uc11d \\uac1c\\ub860\",\"url\":\"\\\/node\\\/13128\",\"code\":\"EE412\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23\",\"parent\":[\"13089\",\"13087\",\"13095\"]},\"13136\":{\"nid\":\"13136\",\"title\":\"\\ucd5c\\uc801\\ud654\\uac1c\\ub860\",\"url\":\"\\\/node\\\/13136\",\"code\":\"EE424\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23 24 28\",\"parent\":[\"13087\",\"13089\"]},\"13116\":{\"nid\":\"13116\",\"title\":\"\\ub514\\uc9c0\\ud138 \\uc804\\uc790\\ud68c\\ub85c\",\"url\":\"\\\/node\\\/13116\",\"code\":\"EE372\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"25\",\"parent\":[\"13099\"]},\"13124\":{\"nid\":\"13124\",\"title\":\"\\uc544\\ub0a0\\ub85c\\uadf8 \\uc804\\uc790\\ud68c\\ub85c\",\"url\":\"\\\/node\\\/13124\",\"code\":\"EE403\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"25\",\"parent\":[\"13099\"]},\"13154\":{\"nid\":\"13154\",\"title\":\"\\ubc14\\uc774\\uc624 \\ubc0f \\uc758\\uc6a9 \\uc804\\uc790 \\uacf5\\ud559 \\uac1c\\ub860\",\"url\":\"\\\/node\\\/13154\",\"code\":\"EE466\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"25\",\"parent\":[\"13099\"]},\"13113\":{\"nid\":\"13113\",\"title\":\"\\ubb34\\uc120\\uacf5\\ud559\",\"url\":\"\\\/node\\\/13113\",\"code\":\"EE342\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"26\",\"parent\":[\"13111\"]},\"13114\":{\"nid\":\"13114\",\"title\":\"\\ubc18\\ub3c4\\uccb4\\uc18c\\uc790\",\"url\":\"\\\/node\\\/13114\",\"code\":\"EE362\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"27\",\"parent\":[\"13091\"]},\"13097\":{\"nid\":\"13097\",\"title\":\"\\ub514\\uc9c0\\ud138\\uc2dc\\uc2a4\\ud15c\",\"url\":\"\\\/node\\\/13097\",\"code\":\"EE303\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"25\"}},\"four\":{\"13132\":{\"nid\":\"13132\",\"title\":\"\\uc804\\uc790\\uacf5\\ud559\\uc744 \\uc704\\ud55c \\uc6b4\\uc601\\uccb4\\uc81c \\ubc0f \\uc2dc\\uc2a4\\ud15c \\ud504\\ub85c\\uadf8\\ub798\\ubc0d\",\"url\":\"\\\/node\\\/13132\",\"code\":\"EE415\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"23\",\"parent\":[\"13101\"]},\"13107\":{\"nid\":\"13107\",\"title\":\"\\ub124\\ud2b8\\uc6cc\\ud06c \\ud504\\ub85c\\uadf8\\ub798\\ubc0d\",\"url\":\"\\\/node\\\/13107\",\"code\":\"EE324\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"23 24\",\"parent\":[\"13105\"]},\"13138\":{\"nid\":\"13138\",\"title\":\"\\ubb34\\uc120 \\ud1b5\\uc2e0\\ub9dd\",\"url\":\"\\\/node\\\/13138\",\"code\":\"EE425\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"23 24\",\"parent\":[\"13105\",\"13107\"]},\"13148\":{\"nid\":\"13148\",\"title\":\"\\uad11\\uacf5\\ud559 \\uac1c\\ub860\",\"url\":\"\\\/node\\\/13148\",\"code\":\"EE352\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"26\",\"parent\":[\"13113\"]},\"13142\":{\"nid\":\"13142\",\"title\":\"\\uad11\\ud1b5\\uc2e0\\uac1c\\ub860\",\"url\":\"\\\/node\\\/13142\",\"code\":\"EE441\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"26\",\"parent\":[\"13113\"]},\"13150\":{\"nid\":\"13150\",\"title\":\"\\ubc18\\ub3c4\\uccb4 \\uc9d1\\uc801\\ud68c\\ub85c \\uae30\\uc220\",\"url\":\"\\\/node\\\/13150\",\"code\":\"EE463\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"27\",\"parent\":[\"13114\"]},\"13152\":{\"nid\":\"13152\",\"title\":\"\\uadf8\\ub9b0\\uc5d0\\ub108\\uc9c0 \\uc804\\uc790\\uacf5\\ud559\",\"url\":\"\\\/node\\\/13152\",\"code\":\"EE464\",\"credit\":\"3\",\"section\":null,\"sectionCode\":\"65\",\"category\":\"27\",\"parent\":[\"13114\"]},\"13126\":{\"nid\":\"13126\",\"title\":\"\\uc2a4\\uc704\\uce6d \\ubc0f \\uc624\\ud1a0\\ub9c8\\ud0c0\\uc774\\ub860\",\"url\":\"\\\/node\\\/13126\",\"code\":\"EE411\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23\"},\"13130\":{\"nid\":\"13130\",\"title\":\"\\uc784\\ubca0\\ub514\\ub4dc\\uc2dc\\uc2a4\\ud15c\",\"url\":\"\\\/node\\\/13130\",\"code\":\"EE414\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"23 28\",\"parent\":[\"13132\"]},\"18227\":{\"nid\":\"18227\",\"title\":\"\\uc591\\uc790 \\uc815\\ubcf4 \\ubc0f \\ucef4\\ud4e8\\ud305 \\uae30\\ucd08\",\"url\":\"\\\/node\\\/18227\",\"code\":\"EE480\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"65\",\"category\":\"26\"},\"13168\":{\"nid\":\"13168\",\"title\":\"\\uc878\\uc5c5\\uc5f0\\uad6c\",\"url\":\"\\\/node\\\/13168\",\"code\":\"EE490\",\"credit\":\"3\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13172\":{\"nid\":\"13172\",\"title\":\"\\uc138\\ubbf8\\ub098\",\"url\":\"\\\/node\\\/13172\",\"code\":\"EE496\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13122\":{\"nid\":\"13122\",\"title\":\"\ubbf8\ub798\uc0ac\ud68c\uc640 \uc804\uc790\uacf5\ud559\",\"url\":\"\\\/node\\\/13122\",\"code\":\"EE402\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13144\":{\"nid\":\"13144\",\"title\":\"\uacfc\ud559\uae30\uc220 \uae30\uc5c5\uac00 \uc815\uc2e0\",\"url\":\"\\\/node\\\/13144\",\"code\":\"EE450\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13146\":{\"nid\":\"13146\",\"title\":\"IT \ubca4\uccd0\ucc3d\uc5c5\uc758 \uc2e4\uc81c\",\"url\":\"\\\/node\\\/13146\",\"code\":\"EE451\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13162\":{\"nid\":\"13162\",\"title\":\"\uc804\uc790\uacf5\ud559\ud2b9\uac15\u2160\",\"url\":\"\\\/node\\\/13162\",\"code\":\"EE485\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13164\":{\"nid\":\"13164\",\"title\":\"\uc804\uc790\uacf5\ud559\ud2b9\uac15\u2161\",\"url\":\"\\\/node\\\/13164\",\"code\":\"EE486\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13166\":{\"nid\":\"13166\",\"title\":\"\uc804\uae30 \uc804\uc790\uacf5\ud559\ud2b9\uac15\",\"url\":\"\\\/node\\\/13166\",\"code\":\"EE488\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"},\"13170\":{\"nid\":\"13170\",\"title\":\"\uac1c\ubcc4\uc5f0\uad6c\",\"url\":\"\\\/node\\\/13170\",\"code\":\"EE495\",\"credit\":\"1\",\"section\":\"\",\"sectionCode\":\"67\",\"category\":\"\"}}}');\n\nconst nid2depth = new Map();\nfor (const depth in boxes) {\n  for (const nid in boxes[depth]) {\n    nid2depth.set(nid, depth);\n  }\n}\n\nconst colorSet = new Array();\nconst linkColorSet = new Array();\n\ncolorSet[63] = { \"startColor\": \"#7b7e84\", \"endColor\": \"#7b7e84\", \"stroke\": \"#333\" }; \/\/\uc804\uacf5\ud544\uc218 \uc0c9 \uc138\ud305\ncolorSet[65] = { \"startColor\": \"#e7e9ed\", \"endColor\": \"#e7e9ed\", \"stroke\": \"#333\" }; \/\/\uc804\uacf5\uc120\ud0dd \uc0c9 \uc138\ud305\ncolorSet[67] = { \"startColor\": \"#e7e9ed\", \"endColor\": \"#e7e9ed\", \"stroke\": \"#333\" }; \/\/\uc5f0\uad6c \uc0c9 \uc138\ud305\ncolorSet[69] = { \"startColor\": \"#e7e9ed\", \"endColor\": \"#e7e9ed\", \"stroke\": \"#333\" }; \/\/\uc138\ubbf8\ub098 \uc0c9 \uc138\ud305\n\nlinkColorSet[23] = { \"strokeWidth\": 2, \"stroke\": \"#febf00\" }; \/\/ \uacfc\ubaa9\uacfc \uacfc\ubaa9\uc744 \uc774\uc5b4\uc8fc\ub294 \uadf8\ub798\ud504 \uc0c9\uc0c1\nlinkColorSet[24] = { \"strokeWidth\": 2, \"stroke\": \"#a1c81b\" };\nlinkColorSet[25] = { \"strokeWidth\": 2, \"stroke\": \"#ff648c\" };\nlinkColorSet[26] = { \"strokeWidth\": 2, \"stroke\": \"#797fd4\" };\nlinkColorSet[27] = { \"strokeWidth\": 2, \"stroke\": \"#3bc3cc\" };\nlinkColorSet[28] = { \"strokeWidth\": 2, \"stroke\": \"#ff8054\" };\n\nconst nodeWidth = 120;\nconst nodeHeight = language == \"en\" ? 63 : 60;\n\n\/\/ Program starts here. Creates a sample graph in the dynamically\n\/\/ created DOM node called container which is created below.\nfunction main() {\n  \/\/ Checks if browser is supported\n  if (!mxClient.isBrowserSupported()) {\n    \/\/ Displays an error message if the browser is not supported.\n    mxUtils.error('Browser is not supported!', 200, false);\n  }\n  else {\n    var container = document.getElementById('graphContainer');\n\n    \/\/ Disables built-in context menu\n    mxEvent.disableContextMenu(container);\n\n    \/\/ Workaround for Internet Explorer ignoring certain styles\n    if (mxClient.IS_QUIRKS) {\n      document.body.style.overflow = 'hidden';\n      new mxDivResizer(container);\n    }\n\n    \/\/ Creates the graph inside the DOM node.\n    \/\/ Optionally you can enable panning, tooltips and connections\n    \/\/ using graph.setPanning(), setTooltips() & setConnectable().\n    \/\/ To enable rubberband selection and basic keyboard events,\n    \/\/ use new mxRubberband(graph) and new mxKeyHandler(graph).\n    var graph = new mxGraph(container);\n\n    \/\/ Enables tooltips, new connections and panning\n    graph.setPanning(false);\n    \/\/ graph.setTooltips(true);\n    graph.setConnectable(true);\n    \/\/ graph.setAllowDanglingEdges(false);\n    graph.setEnabled(false);\t\/\/ Disallow editing\n    graph.htmlLabels = true;\t\/\/ Allow HTML in labels\n    graph.autoSizeCellsOnAdd = true;\n\n    \/\/ This is for changing nodes and edges' colors while mouse hovering.\n    graph.addMouseListener({\n      currentState: null,\n      previousCells: null,\n      previousStyle: null,\n      mouseMove: function (_sender, me) {\n        let state = me.getState();\n\n        \/\/ Same state\n        if (state == this.currentState) {\n          return;\n        }\n\n        \/\/ Ignore everything except vertices\n        if (!state || !graph.getModel().isVertex(state.cell)) {\n          state = null;\n        }\n\n        \/\/ Undo previous style change\n        if (this.previousCells) {\n          for (const cell of this.previousCells) {\n            graph.setCellStyle(cell.__prevStyle, [cell]);\n          }\n        }\n\n        \/\/ Update current state\n        this.currentState = state;\n\n        \/\/ Color cells if state is valid\n        if (state) {\n          const { nodes, edges } = getRelatedNodes(graph, state.cell);\n          const cells = [...nodes, ...edges];\n          for (const cell of cells) {\n            cell.__prevStyle = graph.getModel().getStyle(cell);\n          }\n          graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, \"#a6e6a1\", cells);\n          graph.setCellStyles(mxConstants.STYLE_FILLCOLOR, '#6dab80', cells);\n          graph.setCellStyles(mxConstants.STYLE_FONTCOLOR, \"white\", cells);\n          graph.setCellStyles(mxConstants.STYLE_STROKEWIDTH, 7, cells);\n\n          this.previousCells = cells;\n        }\n      },\n      mouseUp: function (_sender, _me) {\n        \/\/ Do nothing\n      },\n      mouseDown: function (_sender, _me) {\n        \/\/ Do nothing\n      }\n    });\n\n    graph.addListener(mxEvent.DOUBLE_CLICK, function (_sender, evt) {\n      var cell = evt.getProperty('cell');\n\n      if (cell && cell.id.startsWith('n_')) {\n        location.href = \"\/node\/\" + cell.id.substr(2) +\n          \"?languag=\" + language;\n      }\n    });\n\n    \/\/ Changes the default style for edges \"in-place\" and assigns\n    \/\/ an alternate edge style which is applied in mxGraph.flip\n    \/\/ when the user double clicks on the adjustment control point\n    \/\/ of the edge. The ElbowConnector edge style switches to TopToBottom\n    \/\/ if the horizontal style is true.\n    const vertexStyle = graph.getStylesheet().getDefaultVertexStyle();\n    vertexStyle[mxConstants.STYLE_ROUNDED] = true;\n    vertexStyle[mxConstants.STYLE_FONTSTYLE] = mxConstants.FONT_BOLD;\n    vertexStyle[mxConstants.STYLE_FONTFAMILY] = 'sans-serif'; \/\/ not working\n    vertexStyle[mxConstants.STYLE_FONTSIZE] = '12';\n    vertexStyle[mxConstants.STYLE_FONTCOLOR] = 'black';\n    vertexStyle[mxConstants.STYLE_WHITE_SPACE] = 'wrap';\n    vertexStyle[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_ROUNDED;\n    vertexStyle[mxConstants.STYLE_PERIMETER] = mxPerimeter.RectanglePerimeter;\n\n    const edgeStyle = graph.getStylesheet().getDefaultEdgeStyle();\n    edgeStyle[mxConstants.STYLE_EDGE] = mxEdgeStyle.ElbowConnector;\n    edgeStyle[mxConstants.STYLE_ROUNDED] = true;\n    \/\/ style[mxConstants.STYLE_CURVED] = true;\n\n    \/\/ Gets the default parent for inserting new cells. This\n    \/\/ is normally the first child of the root (ie. layer 0).\n    var parent = graph.getDefaultParent();\n\n    \/\/ Adds cells to the model in a single step\n    graph.getModel().beginUpdate();\n    try {\n      const nid2vertex = new Map();         \/\/ Node ID -> Vertex\n      const divisionVertices = [];\n\n      let e;\n      const edges = [];\n      const waitingEdges = [];\n\n      \/\/ 1. Create 6 division nodes\n      let indexY = 1;\n      for (const nid in divisionBox) {\n        const v = graph.insertVertex(parent, \"g_\" + nid, divisionBox[nid],\n                                     50, 50 + (indexY++) * 170, nodeWidth, nodeHeight);\n        graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, linkColorSet[nid].stroke, [v]);\n        graph.setCellStyles(mxConstants.STYLE_FONTCOLOR, linkColorSet[nid].stroke, [v]);\n        divisionVertices.push(v);\n        nid2vertex.set(nid, v);\n      }\n      graph.setCellStyles(mxConstants.STYLE_FILLCOLOR, \"#fff\", divisionVertices);\n\n      \/\/ 2. Create course nodes and edges\n      \/\/ Note that edges could be fail to create if the target node is not created yet.\n      \/\/ In this case, we store the edge in waitingEdges and create it later.\n      let indexX = 1;\n      for (const depth in boxes) {\n        let indexY = 1;\n        for (const nid in boxes[depth]) {\n          const nodeInfo = boxes[depth][nid];\n\n          \/\/ Calculate position\n          \/\/ This calculation is from original ee-map code.\n          let pT = (indexY++) * 90;\n          let pL = 50 + (indexX * 220);\n          if (depth == \"one\") pT = 200 + (indexY++) * 100;\n          if (nodeInfo.code in [\"EE304\", \"EE303\", \"EE432\", \"EE415\"]) {\n            pL = 75 + indexX * 220;\n          }\n\n          \/\/ Create a vertex\n          const v = graph.insertVertex(parent, \"n_\" + nid,\n                                       nodeInfo.code + '\\n' + nodeInfo.title,\n                                       pL, pT, nodeWidth, nodeHeight);\n          graph.setCellStyles(mxConstants.STYLE_FILLCOLOR, colorSet[nodeInfo.sectionCode].startColor, [v]);\n          graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, colorSet[nodeInfo.sectionCode].stroke, [v]);\n          nid2vertex.set(nid, v);\n\n          \/\/ Create an edge from division node to course node\n          nodeInfo.category.split(\" \").forEach(function (divisionId) {\n            if (divisionId == \"\") return;\n\n            e = graph.insertEdge(parent, null, '', nid2vertex.get(divisionId), v);\n            graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, linkColorSet[divisionId].stroke, [e]);\n            edges.push(e);\n          });\n\n          \/\/ Create \uc120\uc218\uacfc\ubaa9 edges\n          if (nodeInfo.parent) {\n            const divisions = nodeInfo.category.split(\" \");\n            for (const k in nodeInfo.parent) {\n              if (!nid2vertex.has(nodeInfo.parent[k])) {\n                waitingEdges.push({\n                  \"source_id\": nodeInfo.parent[k],\n                  \"target_id\": nid,\n                  \"stroke_color\": divisions.length > 0 ? linkColorSet[divisions[0]].stroke : \"#333\",\n                });\n              } else {\n                e = graph.insertEdge(parent, null, '', nid2vertex.get(nodeInfo.parent[k]), v);\n                if (isSameDepth(nodeInfo.parent[k], nid)) {\n                  graph.setCellStyles(mxConstants.STYLE_EDGE, 'entityRelationEdgeStyle', [e]);\n                }\n                graph.setCellStyles(mxConstants.STYLE_STROKECOLOR,\n                  divisions.length > 0 ? linkColorSet[divisions[0]].stroke : '#333', [e]);\n                edges.push(e);\n              }\n            }\n          }\n        }\n        indexX++;\n      }\n\n      \/\/ 3. Create waiting edges\n      for (const we of waitingEdges) {\n        e = graph.insertEdge(parent, null, '', nid2vertex.get(we.source_id), nid2vertex.get(we.target_id));\n        if (isSameDepth(we.source_id, we.target_id)) {\n          graph.setCellStyles(mxConstants.STYLE_EDGE, 'entityRelationEdgeStyle', [e]);\n        }\n        graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, we.stroke_color, [e]);\n        edges.push(e);\n      }\n\n      graph.orderCells(true, edges);  \/\/ Edges go to the back\n    }\n    finally {\n      \/\/ Updates the display\n      graph.getModel().endUpdate();\n    }\n    graph.fit();\n  }\n};\n\n\/\/ Helper functions\nfunction isSameDepth(id1, id2) {\n  return nid2depth.get(id1) == nid2depth.get(id2);\n}\n\n\/\/ This is used for determining highlighting related nodes and edges while\n\/\/ mouse hovering. It will consider two direction: incoming and outgoing.\n\/\/ For each direction, it will recursively collect connected nodes and edges.\nfunction getRelatedNodes(graph, cell) {\n  const relatedNodes = new Set();\n  const relatedEdges = new Set();\n\n  \/\/ Outgoing nodes and edges\n  graph.traverse(cell, true, function (vertex) {\n    relatedNodes.add(vertex);\n    graph.getOutgoingEdges(vertex).forEach(e => relatedEdges.add(e));\n    return true;\n  });\n\n  \/\/ Incoming nodes and edges\n  collectIncomingNodes(graph, cell, relatedNodes, relatedEdges);\n\n  return { nodes: relatedNodes, edges: relatedEdges };\n}\n\nfunction collectIncomingNodes(graph, cell, nodes, edges) {\n  for (const incomingEdge of graph.getIncomingEdges(cell)) {\n    edges.add(incomingEdge);\n    const source = graph.getModel().getTerminal(incomingEdge, true);\n    nodes.add(source);\n    collectIncomingNodes(graph, source, nodes, edges);\n  }\n}\n\nmain();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Academics Curriculum Home Academics Undergraduate Undergraduate Program<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-169135","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/pages\/169135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/comments?post=169135"}],"version-history":[{"count":5,"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/pages\/169135\/revisions"}],"predecessor-version":[{"id":178918,"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/pages\/169135\/revisions\/178918"}],"wp:attachment":[{"href":"http:\/\/ee.presscat.kr\/en\/wp-json\/wp\/v2\/media?parent=169135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}