# CodeUp

> Markdown mirror of DialtoneApp's public top-site detail page for `codeup.kr`.

URL: https://dialtoneapp.com/top-sites/codeup.kr/index.md
Canonical HTML: https://dialtoneapp.com/top-sites/codeup.kr

## Summary

- Domain: `codeup.kr`
- Website: https://codeup.kr
- Description: ai readable | score 27 | purchase read only
- Label: ai_readable
- Payment surface: Not available
- Purchase boundary: read_only
- Control boundary: unknown
- Rank: 360953

## robots

~~~text
User-agent: Googlebot
User-agent: AdsBot-Google
User-agent: Googlebot-Image
Allow: /ads.txt
Disallow: /include/
Disallow: /admin/
Disallow: /upload/
Disallow: /tools/

User-agent: *
Disallow: /
~~~

## llms

~~~text
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="코드업은 프로그래밍을 배우고 싶은 사람들을 위한 온라인 학습 플랫폼입니다.">
    <meta name="keywords" content="코딩,프로그래밍,파이썬,C언어,자바,정보올림피아드,알고리즘">
    <meta name="author" content="코드업">

    <meta property="og:title" content="코드업">
    <meta property="og:url" content="https://codeup.kr">
    <meta property="og:image" content="https://codeup.kr/image/codeup_logo.png">
    <meta property="og:description" content="코드업은 프로그래밍을 배우고 싶은 사람들을 위한 온라인 학습 플랫폼입니다."/>

    <link rel="icon" type="image/svg+xml" href="favicon.svg" />

    <title>CodeUp</title>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-27DWGQV1ZL"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-27DWGQV1ZL');
</script>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>

    <!-- Tailwind CSS CDN -->
    <link href="./template/bs/codeup_tailwind.css" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.0/css/all.min.css" />
    <link rel="stylesheet" href="./template/bs/codeup.css" type="text/css">


<style>
	.alink{
		text-decoration: underline;
		color: #05f;
	}
</style>
</head>
<body class="bg-gray-50">

 
<!-- Bootstrap compatibility stylesheet (temporary) -->
<link rel="stylesheet" href="template/bs/css/bootstrap-compat.css" />

<header class="header">
<nav id="navground" class="fixed top-0 left-0 right-0 z-50 bg-white shadow-md">
  <div class="max-w-7xl mx-auto px-4">
    <div class="flex justify-between items-center h-16">
      <!-- 로고 -->
      <div class="flex items-center">
        <a class="text-xl font-bold text-primary hover:text-blue-700" href="index.php">CodeUp</a>
      </div>

      <!-- 모바일 메뉴 버튼 -->
      <button id="mobile-menu-button" type="button" class="md:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-gray-900 hover:bg-gray-100 focus:outline-none">
        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>

      <!-- 데스크톱 메뉴 -->
      <div class="hidden md:flex md:items-center md:space-x-0.5">
        <ul class="flex items-center space-x-0.5">
      <li class="relative">
            <a class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap" href="discuss.php">게시판</a>
      </li>

      <li class="relative header-dropdown">
        <button class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap">
          문제
          <svg class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
          </svg>
        </button>
        <div class="dropdown-menu hidden absolute left-0 top-full w-48 bg-white rounded-md shadow-lg z-50 border border-gray-200">
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="problemset.php">문제</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="problemsetsol.php">문제집</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="recentprob.php">최근 100문제</a>
        </div>
      </li>

      <li class="relative header-dropdown">
        <button class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap">
          수업
          <svg class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
          </svg>
        </button>
        <div class="dropdown-menu hidden absolute left-0 top-full w-48 bg-white rounded-md shadow-lg z-50 border border-gray-200">
                      <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="classop.php">개인 강의</a>
        </div>
      </li>

      <li class="relative">
            <a class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap" href="status.php">채점상황</a>
      </li>

      <li class="relative header-dropdown">
        <button class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap">
          순위
          <svg class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
          </svg>
        </button>
        <div class="dropdown-menu hidden absolute left-0 top-full w-48 bg-white rounded-md shadow-lg z-50 border border-gray-200">
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="ranklist.php">전체 순위</a>
           <!-- <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="ranklist_1.php">그룹내 순위</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="ranklist_g.php">그룹별 순위</a> -->
        </div>
      </li>

      <li class="relative">
            <a class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap" href="contest.php"><span class='badge badge-pill badge-danger'>10</span><span class=red>&nbsp;이벤트</span></a>
      </li>


      <li class="relative header-dropdown">
        <button class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap">
          도구
          <svg class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
          </svg>
        </button>
        <div class="dropdown-menu hidden absolute left-0 top-full w-48 bg-white rounded-md shadow-lg z-50 border border-gray-200">
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="coderain.php">코드 게임</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="tools/memo.html">아이디어 연습장</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="random.php">랜덤 번호 뽑기</a>
                        </div>
      </li>

      <li class="relative header-dropdown">
        <button class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap">
          FAQ
          <svg class="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
          </svg>
        </button>
        <div class="dropdown-menu hidden absolute left-0 top-full w-48 bg-white rounded-md shadow-lg z-50 border border-gray-200">
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="faqs.ko.php">FAQ</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="edufaq.php">교사 권한 FAQ</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="history.php">코드업 역사</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="info.php">코드업 통계</a>
            <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="book.php">도서 안내</a>
        </div>
      </li>

    




        </ul>
      </div>

      <!-- 오른쪽 메뉴 -->
      <div class="hidden md:flex md:items-center md:space-x-1">
            <a class="px-2 py-2 text-sm text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md transition flex items-center whitespace-nowrap" href="registerpage.php">
            <i class="fas fa-user-plus mr-1"></i>가입하기
        </a>
        <a class="px-2 py-2 text-sm bg-primary text-white hover:bg-blue-700 rounded-md transition flex items-center whitespace-nowrap" href="loginpage.php">
            <i class="fas fa-sign-in-alt mr-1"></i>로그인
        </a>
      </div>
    </div>

    <!-- 모바일 메뉴 -->
    <div id="mobile-menu" class="hidden md:hidden border-t border-gray-200">
      <div class="px-2 pt-2 pb-3 space-y-1">
        <a class="block px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md" href="discuss.php">게시판</a>

        <!-- 문제 -->
        <div class="mobile-dropdown">
          <button class="w-full text-left px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md flex items-center justify-between">
            <span>문제</span>
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="mobile-submenu hidden pl-4">
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="problemset.php">문제</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="problemsetsol.php">문제집</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="recentprob.php">최근 100문제</a>
          </div>
        </div>

        <!-- 수업 -->
        <div class="mobile-dropdown">
          <button class="w-full text-left px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md flex items-center justify-between">
            <span>수업</span>
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="mobile-submenu hidden pl-4">
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="class.php?class_id=0">최근 수업</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="class.php?school=">내 수업</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="class.php">학교 수업</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="classop.php">개인 강의</a>
          </div>
        </div>

        <a class="block px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md" href="status.php">채점상황</a>

        <!-- 순위 -->
        <div class="mobile-dropdown">
          <button class="w-full text-left px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md flex items-center justify-between">
            <span>순위</span>
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="mobile-submenu hidden pl-4">
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="ranklist.php">전체 순위</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="ranklist_1.php">그룹내 순위</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="ranklist_g.php">그룹별 순위</a>
          </div>
        </div>

        <a class="block px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md" href="contest.php"><span class='badge badge-pill badge-danger'>10</span><span class=red>&nbsp;이벤트</span></a>

        <!-- 도구 -->
        <div class="mobile-dropdown">
          <button class="w-full text-left px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md flex items-center justify-between">
            <span>도구</span>
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="mobile-submenu hidden pl-4">
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="tools/memo.html">아이디어 연습장</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="random.php">랜덤 번호 뽑기</a>
                      </div>
        </div>

        <!-- FAQ -->
        <div class="mobile-dropdown">
          <button class="w-full text-left px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md flex items-center justify-between">
            <span>FAQ</span>
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="mobile-submenu hidden pl-4">
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="faqs.ko.php">FAQ</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="edufaq.php">교사 권한 FAQ</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="history.php">코드업 역사</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="info.php">코드업 통계</a>
            <a class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100" href="book.php">도서 안내</a>
          </div>
        </div>

        
        
        
        <!-- 로그인/회원가입 (모바일) -->
        <div class="border-t border-gray-200 pt-2 mt-2">
                      <a class="block px-3 py-2 text-gray-700 hover:text-primary hover:bg-gray-100 rounded-md flex items-center" href="registerpage.php">
              <i class="fas fa-user-plus mr-1"></i>가입하기
            </a>
            <a class="block px-3 py-2 bg-primary text-white hover:bg-blue-700 rounded-md flex items-center" href="loginpage.php">
              <i class="fas fa-sign-in-alt mr-1"></i>로그인
            </a>
                  </div>
      </div>
    </div>
</nav>
</header>

<!-- 모바일 메뉴 JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function() {
  const mobileMenuButton = document.getElementById('mobile-menu-button');
  const mobileMenu = document.getElementById('mobile-menu');

  // 모바일 메뉴 토글
  if (mobileMenuButton && mobileMenu) {
    mobileMenuButton.addEventListener('click', function() {
      mobileMenu.classList.toggle('hidden');
    });
  }

  // 모바일 드롭다운 서브메뉴 토글
  document.querySelectorAll('.mobile-dropdown > button').forEach(function(button) {
    button.addEventListener('click', function(e) {
      e.preventDefault();
      const submenu = this.nextElementSibling;
      if (submenu && submenu.classList.contains('mobile-submenu')) {
        submenu.classList.toggle('hidden');
        // 화살표 회전
        const arrow = this.querySelector('svg');
        if (arrow) {
          arrow.style.transform = submenu.classList.contains('hidden') ? '' : 'rotate(180deg)';
        }
      }
    });
  });
});
</script>

<!-- 데스크톱 드롭다운 토글 스크립트 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
  // 호버(마우스오버) 또는 포커스시 드롭다운 열기, 마우스아웃/블러시 닫기
  document.querySelectorAll('.header-dropdown').forEach(function(container){
    const menu = container.querySelector('.dropdown-menu');
    if (!menu) return;

    let hideTimer = null;

    function showMenu(){
      clearTimeout(hideTimer);
      // 다른 열린 메뉴는 닫기
      document.querySelectorAll('.dropdown-menu').forEach(function(m){ if (m !== menu) m.classList.add('hidden'); });
      menu.classList.remove('hidden');
    }

    function hideMenuSoon(){
      clearTimeout(hideTimer);
      hideTimer = setTimeout(function(){ menu.classList.add('hidden'); }, 150);
    }

    // 마우스 오버/아웃
    container.addEventListener('mouseenter', function(e){ showMenu(); });
    container.addEventListener('mouseleave', function(e){ hideMenuSoon(); });

    // 키보드 접근성: 포커스가 들어오면 열고 포커스 나가면 닫기
    container.addEventListener('focusin', function(){ showMenu(); });
    container.addEventListener('focusout', function(){ hideMenuSoon(); });
  });

  // 외부 클릭 시 모든 드롭다운 닫기 (안전장치)
  document.addEventListener('click', function(){
    document.querySelectorAll('.dropdown-menu').forEach(function(m){ m.classList.add('hidden'); });
  });

  // ESC 키로 닫기
  document.addEventListener('keydown', function(e){
    if (e.key === 'Escape') {
      document.querySelectorAll('.dropdown-menu').forEach(function(m){ m.classList.add('hidden'); });
    }
  });
});
</script>


  <!-- 동적 네비게이션 패딩: 네비게이션 높이에 맞춰 `main`의 padding-top을 설정합니다 -->
  <style>
  :root{ --nav-height: 4rem; }
  main[role="main"]{ padding-top: var(--nav-height) !important; }
  </style>

  <script>
  (function(){
    function updateNavHeight(){
      var nav = document.getElementById('navground');
      if(!nav) return;
      var h = nav.offsetHeight + 'px';
      document.documentElement.style.setProperty('--nav-height', h);
    }

    document.addEventListener('DOMContentLoaded', updateNavHeight);
    window.addEventListener('load', updateNavHeight);
    window.addEventListener('resize', updateNavHeight);

    // 네비 내부에 동적으로 요소가 추가되어 높이가 바뀔 수 있으므로 관찰자 등록
    document.addEventListener('DOMContentLoaded', function(){
      var nav = document.getElementById('navground');
      if (nav && window.MutationObserver){
        var mo = new MutationObserver(function(){ updateNavHeight(); });
        mo.observe(nav, { attributes: true, childList: true, subtree: true });
      }
    });
  })();
  </script>



<main role="main" class="pt-16">

      <div class="bg-gradient-to-br from-blue-900 to-blue-700 py-16">
        <div class="container mx-auto px-4 text-white">
          <h1 class="text-5xl font-bold text-center mb-4">CodeUp</h1>
          <p class="text-xl text-center">Computational Thinking<br/>& Problem Solving</p>
        </div>
      </div>

      <div id='main_notice' class='container mx-auto px-4 mt-4'><div class='bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded relative' role='alert'><button type='button' class='absolute top-0 right-0 px-1 py-1 text-blue-700' onclick='this.parentElement.style.display='none'><span>&times;</span></button><div class='mr-4' ><p>- 2026.04.18. 서버의 파워 서플라이에 문제가 있는 것 같아 교체했습니다.</p></div></div></div>



<div class="container mx-auto px-4 mt-6 mb-2 flex justify-center">
    <div class="w-full md:w-fit bg-white border border-gray-200 shadow-sm rounded-lg px-2 overflow-visible">
        
        <ul class="flex flex-col md:flex-row items-stretch md:items-center py-1">
            
            <li class="relative dropdown-item group w-full md:w-auto">
                <a class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-md transition cursor-pointer flex items-center justify-between md:justify-start font-medium
                          text-sm     md:text-xs    lg:text-sm 
                          px-4 py-3   md:px-2 md:py-2   lg:px-4 lg:py-2
                          my-0        md:my-1" 
                   role="button">
                    <span>온라인 저지</span>
                    <svg class="w-4 h-4 ml-1 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                    </svg>
                </a>
                <div class="dropdown-menu absolute left-0 top-full w-full md:w-48 bg-white rounded-md shadow-xl hidden z-50 border border-gray-200 mt-1">
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="http://boj.kr" target="_blank">BOJ</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="http://koistudy.net" target="_blank">KOISTUDY</a>
                </div>
            </li>

            <li class="relative dropdown-item group w-full md:w-auto">
                <a class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-md transition cursor-pointer flex items-center justify-between md:justify-start font-medium
                          text-sm     md:text-xs    lg:text-sm 
                          px-4 py-3   md:px-2 md:py-2   lg:px-4 lg:py-2
                          my-0        md:my-1" 
                   role="button">
                    <span>프로그래밍 대회</span>
                    <svg class="w-4 h-4 ml-1 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                    </svg>
                </a>
                <div class="dropdown-menu absolute left-0 top-full w-full md:w-52 bg-white rounded-md shadow-xl hidden z-50 border border-gray-200 mt-1">
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="http://codeforces.com" target="_blank">CodeForces</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="http://atcoder.jp" target="_blank">AtCoder</a>
                </div>
            </li>

            <li class="relative dropdown-item group w-full md:w-auto">
                <a class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-md transition cursor-pointer flex items-center justify-between md:justify-start font-medium
                          text-sm     md:text-xs    lg:text-sm 
                          px-4 py-3   md:px-2 md:py-2   lg:px-4 lg:py-2
                          my-0        md:my-1" 
                   role="button">
                    <span>레퍼런스</span>
                    <svg class="w-4 h-4 ml-1 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                    </svg>
                </a>
                <div class="dropdown-menu absolute left-0 top-full w-full md:w-48 bg-white rounded-md shadow-xl hidden z-50 border border-gray-200 mt-1">
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="https://docs.python.org/ko/3/reference/" target="_blank">Python3</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="http://www.cplusplus.com/reference/" target="_blank">C++</a>
                </div>
            </li>

            <li class="relative dropdown-item group w-full md:w-auto">
                <a class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-md transition cursor-pointer flex items-center justify-between md:justify-start font-medium
                          text-sm     md:text-xs    lg:text-sm 
                          px-4 py-3   md:px-2 md:py-2   lg:px-4 lg:py-2
                          my-0        md:my-1" 
                   role="button">
                    <span>기초 100제</span>
                    <svg class="w-4 h-4 ml-1 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                    </svg>
                </a>
                <div class="dropdown-menu absolute left-0 top-full w-full md:w-48 bg-white rounded-md shadow-xl hidden z-50 border border-gray-200 mt-1">
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="problemsetsol.php?psid=33" target="_blank">Python3</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="problemsetsol.php?psid=23" target="_blank">C언어</a>
                </div>
            </li>

            <li class="relative dropdown-item group w-full md:w-auto">
                <a class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-md transition cursor-pointer flex items-center justify-between md:justify-start font-medium
                          text-sm     md:text-xs    lg:text-sm 
                          px-4 py-3   md:px-2 md:py-2   lg:px-4 lg:py-2
                          my-0        md:my-1" 
                   role="button">
                    <span>온라인 IDE</span>
                    <svg class="w-4 h-4 ml-1 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                    </svg>
                </a>
                <div class="dropdown-menu absolute left-0 top-full w-full md:w-48 bg-white rounded-md shadow-xl hidden z-50 border border-gray-200 mt-1">
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="https://www.onlinegdb.com/online_python_compiler" target="_blank">Python3</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="https://www.onlinegdb.com/online_c_compiler" target="_blank">C언어</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="https://www.onlinegdb.com/online_c++_compiler" target="_blank">C++</a>
                    <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition border-b border-gray-100 last:border-0" href="https://www.onlinegdb.com/online_java_compiler" target="_blank">JAVA</a>
                </div>
            </li>

            <li class="relative dropdown-item group w-full md:w-auto">
                <a class="text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-md transition block font-medium
                          text-sm     md:text-xs    lg:text-sm 
                          px-4 py-3   md:px-2 md:py-2   lg:px-4 lg:py-2
                          my-0        md:my-1" 
                   href="https://codup.kr" target="_blank">
                    <span>전적 분석</span>
                </a>
            </li>

        </ul>
    </div>
</div>

<script>
// 드롭다운 메뉴 제어
document.addEventListener('DOMContentLoaded', function() {
    const dropdownItems = document.querySelectorAll('.dropdown-item');

    dropdownItems.forEach(item => {
        const menu = item.querySelector('.dropdown-menu');
        let timeout;

        // 마우스가 li 요소에 들어올 때
        item.addEventListener('mouseenter', function() {
            clearTimeout(timeout);
            menu.classList.remove('hidden');
        });

        // 마우스가 li 요소에서 나갈 때
        item.addEventListener('mouseleave', function() {
            timeout = setTimeout(() => {
                menu.classList.add('hidden');
            }, 150); // 150ms 지연시간 추가
        });
    });
});
</script>





        <!-- 메인 콘텐츠 -->
			<div class="container mx-auto px-4 py-8">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">

			<div class="bg-white rounded-lg shadow-md overflow-hidden">
            <div class="bg-gray-100 px-6 py-4 border-b border-gray-200 flex items-center justify-between">
                <h4 class='text-lg font-bold text-gray-800'>최근 등록 문제</h4>
                <a class="px-3 py-1 bg-gray-600 text-white text-sm rounded hover:bg-gray-700 transition" href="recentprob.php">더 보기</a>
	        </div>
		    <div class="p-6">	            	
						<div class='space-y-3'><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2433' class='text-primary hover:underline'>2433&nbsp;축제 팜플렛 제작하기 1</a></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2432' class='text-primary hover:underline'>2432&nbsp;축제 팜플렛 제작하기 0</a> <span class='inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-600 text-white'>SPJ</span></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2431' class='text-primary hover:underline'>2431&nbsp;불꽃놀이 자리 배정 1</a></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2430' class='text-primary hover:underline'>2430&nbsp;불꽃놀이 자리 배정 0</a> <span class='inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-600 text-white'>SPJ</span></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2429' class='text-primary hover:underline'>2429&nbsp;발전기 설치하기 2</a></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2428' class='text-primary hover:underline'>2428&nbsp;발전기 설치하기 1</a></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2427' class='text-primary hover:underline'>2427&nbsp;발전기 설치하기 0</a> <span class='inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-600 text-white'>SPJ</span></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2426' class='text-primary hover:underline'>2426&nbsp;마라톤 연습하기 1</a></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2425' class='text-primary hover:underline'>2425&nbsp;마라톤 연습하기 0</a> <span class='inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-600 text-white'>SPJ</span></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='problem.php?id=2424' class='text-primary hover:underline'>2424&nbsp;네 바퀴 식당 1</a></div><div class='text-right text-sm text-green-600'>- 2025SFPC세종</div></div></div>          </div>

		  </div>


		<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class='bg-gray-100 px-6 py-4 border-b border-gray-200'><h4 class='text-lg font-bold text-gray-800'>사이트 이용 안내</h4></div><div class='p-6'><div class='text-gray-700 leading-relaxed' id='site_notice'>☆ 파이썬 다운로드 : <a href="https://www.python.org/downloads/">파이썬3</a><br/>☆ 무료 C언어 IDE : <a href="http://www.codeblocks.org/downloads/binaries">Code::blocks</a>&nbsp; &nbsp; &nbsp; &nbsp;<a href="https://sourceforge.net/projects/orwelldevcpp/files/latest/download">DEV C++</a><br/>☆ 추천 온라인 IDE : <a href="https://www.onlinegdb.com/online_c_compiler">C</a>&nbsp; &nbsp;<a href="https://www.onlinegdb.com/online_c++_compiler">C++11</a>&nbsp; &nbsp;<a href="https://csvega.github.io/webpy/">Python3</a>&nbsp; &nbsp;<a href="https://www.onlinegdb.com/online_java_compiler">Java</a><br/>☆ 채점 가능 언어 : C, C++, JAVA, Python 3.8, PyPy3<br/>★ C++로 제출시 void main()을 사용하면 컴파일 오류! → int main() 또는 main()<br/>★ 정답외에 불필요한 출력은 잘못된 풀이! &nbsp;예) "입력", "출력", "정답은 ~입니다." → 오답 처리&nbsp;<br/>★ 불필요한 공백이나 줄 바꿈은 표현오류!<br/>★ 표준 입출력으로 작성해야 합니다.(파일 입출력 x)&nbsp;<br/>※ 비매너적인 행위(해킹, 욕설, 스팸성 글 게시 등)는 아이디와 IP를 차단합니다.(치팅은 아이디 삭제)<br/>※ 이 사이트는 크롬에 최적화 되어 있습니다. IE는 11미만 사용불가.<br/>※ 월요일 새벽 4시에 서버 백업 작업이 이루어지므로 느려질 수 있습니다.<br/></div>          </div>

		  </div>
          </div>

	<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">

			<div class="bg-white rounded-lg shadow-md overflow-hidden">
            <div class='bg-gray-100 px-6 py-4 border-b border-gray-200'>
                <h4 class='text-lg font-bold text-gray-800'>최근 등록된 강의</h4>
            </div>
		      <div class="p-6">

<div class='space-y-3'><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35672' class='text-primary hover:underline'>NR_파이썬_017</a>  <span class='inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-600 text-white'>1</span></div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=prayers20' class='hover:underline'>prayers20</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35671' class='text-primary hover:underline'>재귀함수(SS)</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=kerojoa' class='hover:underline'>kerojoa</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35670' class='text-primary hover:underline'>D.E.V. 1차시</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=plantia' class='hover:underline'>plantia</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35669' class='text-primary hover:underline'>함수(SS)</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=kerojoa' class='hover:underline'>kerojoa</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35668' class='text-primary hover:underline'>NR_파이썬_016</a>  <span class='inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-600 text-white'>1</span></div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=prayers20' class='hover:underline'>prayers20</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35667' class='text-primary hover:underline'>NR_파이썬_015</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=prayers20' class='hover:underline'>prayers20</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35666' class='text-primary hover:underline'>씨큐브 중첩반복문</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=guswns137' class='hover:underline'>guswns137</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35665' class='text-primary hover:underline'>NR_파이썬_014</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=prayers20' class='hover:underline'>prayers20</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35664' class='text-primary hover:underline'>NR_파이썬_013</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=prayers20' class='hover:underline'>prayers20</a></div></div><div class='border-b border-gray-100 pb-2'><div class='text-left'><a href='classop.php?class_id=35662' class='text-primary hover:underline'>씨큐브 토요일 1시</a> </div><div class='text-right text-primary text-sm'> <i class='fas fa-user'></i> <a href='userinfo.php?user=guswns137' class='hover:underline'>guswns137</a></div></div></div>					</div>

					</div>


		<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class='bg-gray-100 px-6 py-4 border-b border-gray-200'><h4 class='text-lg font-bold text-gray-800'>업데이트 현황</h4></div><div class='p-6'><div class='text-gray-700 leading-relaxed'>2025.12.21. 코드 게임(CODE RAIN) 추가<br/>2025.12.05. 코드업 디자인 변경(Tailwind CSS)&nbsp;<br/>2024.05.15. 게시판 댓글 알림 기능 추가&nbsp;<br/>2024.03.30. 쪽지 발송 시 이메일 동시 발송 기능 추가&nbsp;<br/>2024.02.01. (베타) AI 도움말 기능 추가<br/>2024.01.02. 컴파일 에러 화면에 구글 번역기 탑재<br/>2024.01.01. 파이썬 컴파일 에러 정보 제공<br/>2023.05.21. 서버 업그레이드 완료.(코드업 3.0)<br/>2023.04.04. PyPy3 언어를 추가하였습니다.<br/>2023.02.08. (교사 기능)&nbsp;문제별 학습 자료 등록 기능 추가<br/>2022.08.15. 게시판, 개인 강의, 채점상황에 작성자ID&nbsp;색상&nbsp;부여<br/>2021.11.26. GCC/G++ 8.1 버전 업그레이드 완료.<br/>2021.06.07. C++ 버전 업그레이드 완료.(C++17)<br/>2021.05.16. 파이썬 버전 업그레이드 완료.(3.8.10)<br/>2021.04.22. 수업 기능 업데이트.(해당 수업에만 푼 사람 명단 기록)<br/>2021.02.20. C언어/파이썬 기초100제 분리. 랭커 색상 기준 변경.&nbsp;<br/>2020.11.28. 채점 프로세스 최적화. 채점 대기시간 단축<br/>2020.09.12. 파이썬 한글 출력 시 인코딩 문제 해결<br/>2020.09.12. 이벤트 내 AC/제출 횟수 표시&nbsp;변경(오늘부터 적용)<br/>&nbsp; &nbsp; (기존: 모든 AC/제출횟수 → 현 이벤트의&nbsp;AC/제출횟수)<br/>2020.08.27. 게시판 악성 블라인드 처리 기능 추가<br/>2020.06.04. (교사기능) 학교 수업 내에서 문제별&nbsp;채점 상황 확인 기능 추가&nbsp;<br/>2019.12.02. 문제별 채점 상황 페이지에서 언어별&nbsp;랭킹 추가<br/>2019.10.11. 문제 페이지에 문제 분류 표시<br/>2019.08.17. C언어 함수형 문제를 JAVA, Python으로 풀 수 있도록 변경<br/>2019.06.14. 교사가&nbsp;자신의 그룹명을 직접 변경할 수 있는 기능 추가&nbsp;<br/>2019.05.29. HTTPS 적용<br/>2019.05.22. 수업 및 개인 강의 메뉴의 에디터를 ckeditor로 변경<br/>2019.02.09. 코딩 스타일을 지정 기능 추가(내 정보 - <a href="mytheme.php">코딩 스타일 설정</a>)<br/>2019.02.08. 게시판 소스 첨부 기능 추가<br/>2019.02.08. 소스 하이라이터 변경 및 글자 크기 조절 기능 추가<br/>2019.02.07. 메일 검색 기능 추가<br/>2019.01.29. 함수형 문제에 포함된 코드 및 금지어 표시<br/>2019.01.26. AJAX 처리 시작 ~<br/>2019.01.20 부트스트랩4 디자인 적용<br/>&nbsp;<br/></div>					</div>

					</div>
				</div>

			</div> <!-- container -->

  </main>

<script>
    const main_notice = document.getElementById('main_notice');

    if (main_notice) {
        const links = main_notice.querySelectorAll('a');

        links.forEach(link => {
            link.style.color = '#0000FF';
            link.style.textDecoration = 'none'; 

            link.addEventListener('mouseenter', () => {
                link.style.textDecoration = 'underline';
            });

            link.addEventListener('mouseleave', () => {
                link.style.textDecoration = 'none';
            });
        });
    }

	const site_notice = document.getElementById('site_notice');

    if (site_notice) {
        const siteLinks = site_notice.querySelectorAll('a');

        siteLinks.forEach(link => {
			link.style.color = '#0000FF';
            link.style.textDecoration = 'underline'; 
        });
    }
</script>
      
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.0/js/all.js"></script>




<script>
function resizeImage() {
	var imgContainer = document.getElementById('pro1');

	if (!imgContainer) return;

	var Images = imgContainer.getElementsByTagName('img');

	if (Images.length === 0) return;

	var windowWidth = imgContainer.offsetWidth * 0.9;

	for (var i = 0; i < Images.length; i++) {
		Images[i].style.maxWidth = windowWidth + 'px';
		Images[i].style.height = 'auto';
	}
}

window.addEventListener('resize', resizeImage);
window.addEventListener('load', resizeImage);
</script>

<script>
// title 속성을 data-tooltip으로 변환
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('[title]').forEach(function(element) {
        const title = element.getAttribute('title');
        if (title) {
            element.setAttribute('data-tooltip', title);
            element.removeAttribute('title');
        }
    });
});
</script>


<footer class="bg-white border-t border-gray-200 mt-2">
<div class="container mx-auto px-4 py-8">


<div class="text-center text-gray-600 font-medium">
	<p class="text-left"><a href='https://codeup.kr/privacy/' class='text-blue-500 hover:text-primary hover:underline'>개인정보처리방침</a></p>
		<p>Copyright(C) 2012- <a href='mailto:admin@codeup.kr' class='text-primary hover:underline'>CodeUp</a></p>
		<p>(E-mail : <span class='text-red-600'>admin@codeup.kr</span>)</p>
		
</div>

</div>
</footer>


</body>
</html>
~~~

## llms-full

Not found.