Machine Readiness
Stored receipt and evidence
27
90
0
0
0
Samples
No stored offer samples.
Samples
No stored action samples.
Samples
No stored product samples.
Document
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: /
Document
<!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> 이벤트</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> 이벤트</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>×</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 축제 팜플렛 제작하기 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 축제 팜플렛 제작하기 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 불꽃놀이 자리 배정 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 불꽃놀이 자리 배정 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 발전기 설치하기 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 발전기 설치하기 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 발전기 설치하기 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 마라톤 연습하기 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 마라톤 연습하기 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 네 바퀴 식당 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> <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> <a href="https://www.onlinegdb.com/online_c++_compiler">C++11</a> <a href="https://csvega.github.io/webpy/">Python3</a> <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/>★ 정답외에 불필요한 출력은 잘못된 풀이! 예) "입력", "출력", "정답은 ~입니다." → 오답 처리 <br/>★ 불필요한 공백이나 줄 바꿈은 표현오류!<br/>★ 표준 입출력으로 작성해야 합니다.(파일 입출력 x) <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) <br/>2024.05.15. 게시판 댓글 알림 기능 추가 <br/>2024.03.30. 쪽지 발송 시 이메일 동시 발송 기능 추가 <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. (교사 기능) 문제별 학습 자료 등록 기능 추가<br/>2022.08.15. 게시판, 개인 강의, 채점상황에 작성자ID 색상 부여<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제 분리. 랭커 색상 기준 변경. <br/>2020.11.28. 채점 프로세스 최적화. 채점 대기시간 단축<br/>2020.09.12. 파이썬 한글 출력 시 인코딩 문제 해결<br/>2020.09.12. 이벤트 내 AC/제출 횟수 표시 변경(오늘부터 적용)<br/> (기존: 모든 AC/제출횟수 → 현 이벤트의 AC/제출횟수)<br/>2020.08.27. 게시판 악성 블라인드 처리 기능 추가<br/>2020.06.04. (교사기능) 학교 수업 내에서 문제별 채점 상황 확인 기능 추가 <br/>2019.12.02. 문제별 채점 상황 페이지에서 언어별 랭킹 추가<br/>2019.10.11. 문제 페이지에 문제 분류 표시<br/>2019.08.17. C언어 함수형 문제를 JAVA, Python으로 풀 수 있도록 변경<br/>2019.06.14. 교사가 자신의 그룹명을 직접 변경할 수 있는 기능 추가 <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/> <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>
Document
Not stored for this site.