문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12 wiki:howto
http://125.132.25.164/dokuwiki/
2026-05-03T17:48:54+00:00문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12
http://125.132.25.164/dokuwiki/
http://125.132.25.164/dokuwiki/lib/tpl/mindthedark/images/favicon.icotext/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:how_to_-_add_active_class_to_current_element
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_add_active_class_to_current_element&rev=1673603053&do=diff
HOW TO
* description : How to add active class to current element
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-07
Ref
How to add active class to current element
JavaScript를 사용하여 현재 요소에 액티브 클래스를 추가하는 방법을 학습합니다.text/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:how_to_-_css_js_modal
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_css_js_modal&rev=1673603053&do=diff
HOW TO - CSS/JS Modal
* description : How TO - CSS/JS Modal
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-09
Ref
How TO - CSS/JS Modal
CSS 및 JavaScript로 모달 박스를 만드는 방법을 학습합니다.
How to Create a Modal Boxtext/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:how_to_-_google_charts
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_charts&rev=1673603053&do=diff
HOW TO - Google Chart
* description : How TO - Google Chart
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-09
Ref
Google Charts - Quick Start
Pie Chart
<!DOCTYPE html>
<html>
<head>
<title>Google Pie Chart</title>
<!-- Load the AJAX API -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Load the Visualization API and the corechart packgage.
…text/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:how_to_-_google_fonts
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_google_fonts&rev=1673603053&do=diff
HOW TO Google Fonts
* description : How to - Google Fonts
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-09
Ref
How to - Google Fonts
예제
<!DOCTYPE html>
<html>
<head>
<title>Google Fonts</title>
<link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet">
<style>
body {
font-family: 'Sofia';
font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia</h1>
<p>Lorem ipsum dolor …text/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:how_to_-_off-canvas_menu
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:how_to_-_off-canvas_menu&rev=1673603053&do=diff
HOW TO - Off-Canvas Menu
* description : How TO - Off-Canvas Menu
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-12
Ref
How TO - Off-Canvas Mnu
Create an Off-Canvas Menu
예제
Step 1) Add HTML
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</d…text/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:more_-_callout_message
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_callout_message&rev=1673603053&do=diff
HOW TO - Callout Message
* description : How TO - Callout Message
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-03
The source of this article
How To - Callout Message
Callout
콜아웃 메시지(callout message)는 종종 사용자에게 팁/트릭, 할인, 필요한 조치 등 특별한 사항을 알리기 위해 페이지 하단에 배치됩니다.text/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:more_-_progress_bars
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_progress_bars&rev=1673603053&do=diff
HOW TO - JavaScript Progress Bar
* description : How TO - Off-Canvas Menu
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-12
Ref
How TO - More - JavaScript Progress Bar
JavaScript를 사용하여 프로그레스 바 제작 방법을 학습합니다.text/html2023-01-13T18:44:13+00:00Anonymous (anonymous@undisclosed.example.com)wiki:howto:more_-_skill_bar
http://125.132.25.164/dokuwiki/doku.php?id=wiki:howto:more_-_skill_bar&rev=1673603053&do=diff
HOW TO - CSS Skill Bar
* description : How TO - CSS Skill Bar
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-04-12
Ref
<https://www.w3schools.com/howto/howto_css_skill_bar.aspHow TO - More - CSS Skill Bar>
CSS를 사용하여 스킬 바(skill bar) 제작 방법을 학습합니다.
My Skills