가온 위키 베타:대문: 두 판 사이의 차이

← 이전 편집

시각위키텍스트

2026년 6월 1일 (월) 15:06 기준 최신판

가온 위키 베타에 오신 것을 환영합니다
누구나 자유롭게 기여하고 공유할 수 있는 지식 저장소

📢 공지사항

리버티 스킨이 무겁고 비효율적으로 동작하기에 대폭 개선한 Whale 스킨을 개발 및 테스트 중입니다.
기능 추가나 버그 수정 요청은 언제든 환영입니다! 가온 위키 커뮤니티 - 이슈 트래커를 통해 알려주세요.

📚 주요 분류

🌟 이 사이트는...

가온 위키 베타는 가온 위키에 적용할 기능들을 테스트 해보는 곳입니다. 불안정하거나 오작동 할 수 있습니다.

더 읽어보기 ➔

🛠️ 위키 시작하기

문서 찾기: 상단의 검색창을 통해 원하는 지식을 검색하세요.
새 문서 만들기: 검색창에 생성하고 싶은 제목을 입력한 후, 붉은색 링크를 클릭하여 작성할 수 있습니다.
표 작성, 이미지 삽입 등은 도움말:위키 문법을 참고하세요.

@@ 1번째 줄: / 1번째 줄: @@
-<templatestyles src="틀:대문/임시/style.css" />
+__NOTOC__ __NOEDITSECTION__
-<div class="main-box main-top">
-	<div class="main-top-left">
+<!--
-		<span style="font-size: 1.8rem; margin-top: 0; margin-bottom: .1em;">[[가온 위키|<span style="color: black;">가온 위키</span>]]</span>
+상단 환영 영역입니다.
-		<p class="main-top-left-subtitle">모두가 함께하는 우리 모두의 위키</p>
+화면 너비와 관계없이 가운데 정렬로 표시됩니다.
-        </div>
+-->
-        <div class="main-top-right">
+<div style="text-align: center; padding: 2em 1em; background-color: #f8f9fa; border: 1px solid #e1e8ed; margin-bottom: 20px;">
-		<p class="main-top-right-text">여러분들의 적극적인 기여 부탁드립니다!</p>
+<span style="font-size: 180%; font-weight: bold; color: #2c3e50;">가온 위키 베타에 오신 것을 환영합니다</span><br>
-	</div>
+<span style="font-size: 110%; color: #7f8c8d;">누구나 자유롭게 기여하고 공유할 수 있는 지식 저장소</span>
-</div>
-<!-- 사이트노티스 --> <!-- 아예 오른쪽으로 알찬글 위에 올려도 좋을 것 같네요 -->
-<div class="main-pane">
-	<div class="main-pane-left" style="flex: 5; display: flex; flex-flow: column;">
-		<!-- 사랑방질문방등등 -->
-		<div class="wikipedia-ko shortcuts main-box" style="display: inline-block; width: 100%; margin-top: 20px; flex: 1;">
-			<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
-				<div style="display: inline-block; margin-left: 10px;">[[파일: XEIcon xi-group.svg|40px|sub|link=가온 위키 커뮤니티]]</div>
-				<div style="display: inline-block; border-left: 2px solid rgb(82, 76, 76); margin-left: 10px; padding-left: 10px;">
-					<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키 커뮤니티]]</span><br>
-					<span style="font-size: 13px; font-weight: bold;">게시판에서 더 많은 이야기를 나누어 보아요!</span></p>
-				</div>
-			</div>
-			<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
-				<div style="display: inline-block; margin-left: 10px;">[[파일: XEIcon xi-message.svg|40px|sub|link=가온 위키 커뮤니티/이슈 트래커]]</div>
-				<div style="display: inline-block; border-left: 2px solid grey; margin-left: 10px; padding-left: 10px;">
-					<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키 커뮤니티/이슈 트래커|이슈 트래커]]</span><br>
-					<span style="font-size: 13px; font-weight: bold;">오류가 발생했나요? 불편한 점이 있나요? 알려주세요!</span></p>
-				</div>
-			</div>
-			<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
-				<div style="display: inline-block; margin-left: 10px;">[[파일: XEIcon xi-library-bookmark.svg|40px|sub|link=가온_위키/정책]]</div>
-				<div style="display: inline-block; border-left: 2px solid grey; margin-left: 10px; padding-left: 10px;">
-					<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키/정책|가온 위키 정책]]</span><br>
-					<span style="font-size: 13px; font-weight: bold;">편집하시기 전에 한번 읽어주세요!</span></p>
-				</div>
-			</div>
-			<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
-				<div style="display: inline-block; margin-left: 10px;">[[File:Circle icons compass with HEX-E4E6DD border.svg|40px|sub|link=가온_위키/가온 그라운드]]</div>
-				<div style="display: inline-block; border-left: 2px solid grey; margin-left: 10px; padding-left: 10px;">
-					<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키/가온 그라운드|가온 그라운드]]</span><br>
-					<span style="font-size: 13px; font-weight: bold;">가온의 하반기 프로젝트. 가온 그라운드!</span></p>
-				</div>
-			</div>
 </div>
-<hr/>
+<!--
+전체 카드 영역입니다.
+display: flex;
+- 내부 요소를 가로로 배치합니다.
+flex-wrap: wrap;
+- 화면이 좁아지면 다음 줄로 자동 줄바꿈합니다.
+gap: 20px;
+- 좌우 카드 사이와 위아래 카드 사이의 간격을 줍니다.
+-->
+<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
+<!--
+왼쪽 열입니다.
-<div class="wikipedia-ko shortcuts main-box" style="display: inline-block; width: 100%; margin-top: 20px; flex: 1;">
+flex: 1 1 320px;
-    <div class="main-top-left">
+- 기본적으로 남은 공간을 균등하게 나눕니다.
-		<span style="font-size: 1.8rem; margin-top: 0; margin-bottom: .1em;">본 사이트는...</span>
+- 최소 기준 너비를 320px로 잡습니다.
-		<p class="main-top-left-subtitle">[[가온 위키]]에 적용될 기능들을 테스트해보는 사이트입니다.
+- 화면이 좁아져서 320px 두 개가 들어가지 않으면 자동으로 1열이 됩니다.
-            현재 [https://www.gaonwiki.com/w/가온_위키/프로젝트/2020-2021년_개선_프로젝트 2020-2021년 개선 프로젝트]가 가온 위키에 진행되고 있습니다.<br>
+min-width: 0;
+- 긴 문장이나 링크 때문에 레이아웃이 깨지는 것을 줄입니다.
-            가온 위키 베타는 이에 따라 개선 프로젝트에 적용될 다양한 기능들을 먼저 적용할 예정입니다.<br>
+-->
+<div style="flex: 1 1 320px; min-width: 0;">
-            본 사이트의 [[가온 위키/프로젝트/2020-2021년 개선 프로젝트]] 문서를 통해 적용사항에 대해 더 빨리 확인해 보세요!</p>
+<!-- 공지사항 카드입니다. -->
-        </div>
+<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff; margin-bottom: 15px;">
+<h2 style="margin-top: 0; border-bottom: 2px solid #3498db; font-size: 130%;">📢 공지사항</h2>
+* [https://www.gaonwiki.com/w/리버티_스킨 리버티 스킨]이 무겁고 비효율적으로 동작하기에 대폭 개선한 [https://www.gaonwiki.com/w/Whale_스킨 Whale 스킨]을 개발 및 테스트 중입니다.
+* 기능 추가나 버그 수정 요청은 언제든 환영입니다! [https://bbs.gaonwiki.com/issue 가온 위키 커뮤니티 - 이슈 트래커]를 통해 알려주세요.
 </div>
-<hr>
+<!-- 주요 분류 카드입니다. -->
+<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff;">
+<h2 style="margin-top: 0; border-bottom: 2px solid #2ecc71; font-size: 130%;">📚 주요 분류</h2>
+* [[:분류:소프트웨어|소프트웨어]]
+* [[:분류:인공지능|인공지능(AI)]]
+* [[:분류:프론트엔드|프론트엔드]]
+* [[:분류:운영체제|운영체제]]
+* [[:분류:게임|게임]]
+</div>
-<div class="wikipedia-ko shortcuts main-box" style="display: inline-block; width: 100%; margin-top: 20px; flex: 1;">
-    <div class="main-top-left">
-    <p class="main-top-left-subtitle" style="font-size: 20px;">&nbsp;아래의 개선사항은 "2020-2021년 개선 프로젝트"의 개선사항이 아닌,<br> 별개의 개선사항의 진행사항을 나타낸 것입니다.</p>
-</div>
-<div style="margin-left: 15px">
-{| class="wikitable mw-collapsible"
-|-
-! style="text-align: center;" | {{완료}}
-|-
-| 짧은 URL 적용(2020년 11월 22일)
-|-
-| SyntaxHighlight 확장기능 사용시 proc_open() 관련 오류 발생 해결(REL1_30 사용)(2020년 11월 22일)
-|-
-| [[가온 위키 - 커뮤니티 로그인 연동]](2020년 12월 01일)
-|-
-| 가온 위키/서버 이전/도쿄→서울 (2020.12.19)
-|-
-| 캐시 서버 적용 (2021.01.02)
-|-
-| 스크롤 범위 표시기 기능 추가 (2021.04. 03)
-|}
 </div>
-<br>
+<!--
+오른쪽 열입니다.
+왼쪽 열과 같은 방식으로 반응형 처리됩니다.
+-->
+<div style="flex: 1 1 320px; min-width: 0;">
-<div style="margin-left: 15px">
+<!-- 사이트 소개 카드입니다. -->
-{| class="wikitable mw-collapsible"
+<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff; margin-bottom: 15px;">
-|-
+<h2 style="margin-top: 0; border-bottom: 2px solid #9b59b6; font-size: 130%;">🌟 이 사이트는...</h2>
-! style="text-align: center;" | {{진행중}}
+'''[[가온 위키 베타]]'''는 [[가온 위키]]에 적용할 기능들을 테스트 해보는 곳입니다. 불안정하거나 오작동 할 수 있습니다.<br><br>
-|-
+<div style="text-align: right;">[[가온 위키 베타|'''더 읽어보기 ➔''']]</div>
-| 2020-2021년 개선 프로젝트 선 적용
-|-
-| [[가온 그라운드]]
-|}
 </div>
+<!-- 위키 시작하기 카드입니다. -->
+<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff;">
+<h2 style="margin-top: 0; border-bottom: 2px solid #f1c40f; font-size: 130%;">🛠️ 위키 시작하기</h2>
+* '''문서 찾기:''' 상단의 검색창을 통해 원하는 지식을 검색하세요.
+* '''새 문서 만들기:''' 검색창에 생성하고 싶은 제목을 입력한 후, 붉은색 링크를 클릭하여 작성할 수 있습니다.
+* 표 작성, 이미지 삽입 등은 [[도움말:위키 문법]]을 참고하세요.
 </div>
-<hr/>
+</div>
-<h2>기타 사용 자료들</h2>
-<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
-    <div style="display: inline-block; margin-left: 10px;">[[File:OOjs UI icon flag-ltr-progressive.svg|40px|sub]]</div>
-    <div style="display: inline-block; border-left: 2px solid grey; margin-left: 10px; padding-left: 10px;">
-        <p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">사용된 아이콘</span><br>
-        <span style="font-size: 13px; font-weight: bold;">[https://www.iconfinder.com/icons/653258/flask_chemistry_experiment_lab_laboratory_research_science_icon 파비콘]</span></p>
-    </div>
 </div>