-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
116 lines (114 loc) · 8.59 KB
/
index.html
File metadata and controls
116 lines (114 loc) · 8.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- google analyze -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FRTZVDZ2E2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-FRTZVDZ2E2');
</script>
<!-- baidu analyze -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?69199adc5579630db9b559a1b589633b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Base64 디코딩 인코딩 | Base64 암호화 복호화 - Base64.kr</title>
<meta name="keywords"
content="Base64,베이스 64,디코드,decode 사이트,64 디코더, Base64 인코딩, Base64 디코딩, Base64 암호화, Base64 복호화" />
<meta name="description"
content="Base64 형식의 데이터를 디코딩해 보세요. 또는 다양한 고급 옵션을 사용하여 인코딩도 해보세요. 저희 사이트에는 온라인 데이터 변환 도구가 간편하게 사용할 수 있습니다.">
<link rel="icon" href="image/base64-16.png" sizes="16x16" type="image/png">
<link rel="icon" href="image/base64-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="image/base64.png" sizes="64x64" type="image/png">
<link rel="canonical" href="https://base64.kr" />
<link rel="stylesheet" type="text/css" href="tailwind.css">
</head>
<body class="bg-gray-50">
<header class="head-bg text-white py-2 pl-4 pr-4 md:pl-20 md:pr-20">
<h1 class="text-left text-xl font-bold"><a href="https://base64.kr">Base64.kr</a></h1>
<div class="flex space-x-2 justify-end">
<a class="text-white hover:text-gray-300 font-bold" href="https://base64.kr">한국어</a>
<a class="text-white hover:text-gray-300" href="https://base64.kr/zh">中文</a>
<a class="text-white hover:text-gray-300" href="https://base64.kr/en">English</a>
</div>
</header>
<div class="text-slate-900 bg-white p-6">
<h1 class="text-3xl font-bold text-center">Base64 디코딩 인코딩</h1>
</div>
<main class="px-4 py-4 flex justify-center">
<div class="custom-container w-full sm:w-full md:w-1/2 max-w-900 bg-white p-6 rounded-lg shadow-md">
<h2 class="mb-4 text-gray-500 text-base">Base64로 인코딩 또는 디코딩할 문자를 입력하세요.</h2>
<textarea id="inputText"
class="w-full h-40 sm:h-30 mb-4 p-2 resize-y border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder=""></textarea>
<h2 class="mb-4 text-gray-500 text-base">Base64 인코딩 또는 디코딩된 결과：</h2>
<textarea id="outputText"
class="w-full h-40 sm:h-30 p-2 border-0 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-blue-50 text-blue-700"
placeholder="SGVsbG8gV29ybGQh" readonly></textarea>
<div id="copyDiv"
class="cursor-pointer bg-blue-50 text-blue-700 text-left rounded-lg p-2 flex items-center justify-center space-x-2">
<span id="copyBtn">Copy</span>
</div>
<div class="flex justify-center mt-4">
<button id="decodeBtn"
class="mr-2 px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none text-base sm:text-sm">디코딩</button>
<button id="encodeBtn"
class="mr-2 px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-indigo-600 focus:outline-none text-base sm:text-sm">인코딩</button>
<button id="swapBtn"
class="px-4 py-2 bg-gray-100 text-black rounded-md hover:bg-blue-50 focus:outline-none text-base sm:text-sm">교환</button>
</div>
</div>
</main>
<div id="git" class="flex justify-center mb-4 space-x-2">
<a href="https://aicodeconvert.com" class="text-gray-500 cursor-pointer rounded-full">
<div style="background-clip: padding-box, border-box; background-image: linear-gradient(rgb(249, 250, 251), rgb(249, 250, 251)), linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.27));"
class="items-center bg-repeat text-black flex text-sm font-medium justify-center py-2 px-6 border border-solid rounded-full">
<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="none" stroke="#6b7280" stroke-linecap="round" stroke-width="1.5" d="m17 7.83l1.697 1.526c1.542 1.389 2.313 2.083 2.313 2.974c0 .89-.771 1.585-2.314 2.973L17 16.83M13.987 5L12 12.415l-1.987 7.415M7 7.83L5.304 9.356C3.76 10.745 2.99 11.44 2.99 12.33c0 .89.771 1.585 2.314 2.973L7 16.83"/>
</svg>
<p class="ml-2">Visit AICodeConvert</p>
</div>
</a>
<a href="https://disneypixarai.com" class="text-gray-500 cursor-pointer rounded-full">
<div style="background-clip: padding-box, border-box; background-image: linear-gradient(rgb(249, 250, 251), rgb(249, 250, 251)), linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.27));"
class="items-center bg-repeat text-black flex text-sm font-medium justify-center py-2 px-6 border border-solid rounded-full">
<svg width="20" height="20" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path fill="#FFB02E" d="M4 25.942C4 28.174 5.763 30 7.918 30h16.164C26.237 30 28 28.073 28 25.84V6.43c0-1.3-1.59-1.9-2.485-1L20.974 10h-9.812L6.5 5.43c-.9-.9-2.5-.3-2.5 1v19.512Z"/>
<path fill="#FF822D" d="m9 10.927l-2.8 2.6c-.5.5-1.4.1-1.4-.6v-5.2c0-.6.9-1 1.4-.5l2.8 2.6c.3.3.3.8 0 1.1Zm14.05 0l2.8 2.6c.5.5 1.4.1 1.4-.6v-5.2c0-.6-.9-1-1.4-.5l-2.8 2.6c-.3.3-.3.8 0 1.1Z"/>
<path fill="#F70A8D" d="M17.043 20h-2.086a.5.5 0 0 0-.353.854l1.043 1.042a.5.5 0 0 0 .707 0l1.043-1.042a.5.5 0 0 0-.354-.854Z"/>
<path fill="#FF6723" d="M2.724 20.053a.5.5 0 1 0-.448.894l4 2a.5.5 0 1 0 .448-.894l-4-2Zm0 6.894a.5.5 0 1 1-.448-.894l4-2a.5.5 0 1 1 .448.894l-4 2Zm27.223-6.671a.5.5 0 0 0-.67-.223l-4 2a.5.5 0 1 0 .447.894l4-2a.5.5 0 0 0 .223-.67Zm-.671 6.671a.5.5 0 1 0 .448-.894l-4-2a.5.5 0 1 0-.448.894l4 2Z"/>
<path fill="#402A32" d="M12 17a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1Zm8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1Z"/>
<path fill="#BB1D80" d="M16 23.106c-.537.539-1.457.894-2.5.894c-1.032 0-1.942-.347-2.482-.876c.12.724.928 4.376 4.982 4.376s4.861-3.652 4.982-4.376c-.54.529-1.45.876-2.482.876c-1.044 0-1.963-.355-2.5-.894Z"/>
</g>
</svg>
<p class="ml-2">Disney AI Poster Generator</p>
</div>
</a>
<a href="https://llama3.dev" class="text-gray-500 cursor-pointer rounded-full">
<div style="background-clip: padding-box, border-box; background-image: linear-gradient(rgb(249, 250, 251), rgb(249, 250, 251)), linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.27));"
class="items-center bg-repeat text-black flex text-sm font-medium justify-center py-2 px-6 border border-solid rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32"><g fill="none"><path fill="#F8312F" d="M5 3.5a1.5 1.5 0 0 1-1 1.415V12l2.16 5.487L4 23c-1.1 0-2-.9-2-1.998v-7.004a2 2 0 0 1 1-1.728V4.915A1.5 1.5 0 1 1 5 3.5Zm25.05.05c0 .681-.44 1.26-1.05 1.468V12.2c.597.347 1 .994 1 1.73v7.01c0 1.1-.9 2-2 2l-2.94-5.68L28 11.93V5.018a1.55 1.55 0 1 1 2.05-1.468Z"/><path fill="#FFB02E" d="M11 4.5A1.5 1.5 0 0 1 12.5 3h7a1.5 1.5 0 0 1 .43 2.938c-.277.082-.57.104-.847.186l-3.053.904l-3.12-.908c-.272-.08-.56-.1-.832-.18A1.5 1.5 0 0 1 11 4.5Z"/><path fill="#CDC4D6" d="M22.05 30H9.95C6.66 30 4 27.34 4 24.05V12.03C4 8.7 6.7 6 10.03 6h11.95C25.3 6 28 8.7 28 12.03v12.03c0 3.28-2.66 5.94-5.95 5.94Z"/><path fill="#212121" d="M9.247 18.5h13.506c2.33 0 4.247-1.919 4.247-4.25A4.257 4.257 0 0 0 22.753 10H9.247A4.257 4.257 0 0 0 5 14.25a4.257 4.257 0 0 0 4.247 4.25Zm4.225 7.5h5.056C19.34 26 20 25.326 20 24.5s-.66-1.5-1.472-1.5h-5.056C12.66 23 12 23.674 12 24.5s.66 1.5 1.472 1.5Z"/><path fill="#00A6ED" d="M10.25 12C9.56 12 9 12.56 9 13.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5c0-.69-.56-1.25-1.25-1.25Zm11.5 0c-.69 0-1.25.56-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5c0-.69-.56-1.25-1.25-1.25Z"/></g></svg>
<p class="ml-2">Llama 3 - Meta AI</p>
</div>
</a>
</div>
<div class="bg-gray-100 text-black-500 text-center rounded-lg p-2 text-sm mt-60">
온라인 Base64 디코딩인코딩도구 Copyright © <span class="text-blue-700">base64.kr</span>
</div>
<script src="script.js" type="text/javascript" async></script>
<link rel="stylesheet" type="text/css" href="style.css">
</body>
</html>