-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (157 loc) · 9.86 KB
/
index.html
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!--From https://github.com/yf-dev/syusuk/blob/master/index.html-->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBoongBBang Language <뿡빵 언어> </title>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7ET8LJD2ES"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-7ET8LJD2ES');
</script>
</head>
<body>
<h1><뿡빵 언어></h1>
<h2>BBoongBBang Language</h2>
<div class="chat">
<div class="yours messages" style="margin-top: 8px;">
<div class="message last">
뿡빵 언어에 오신것을 환영합니다
</div>
</div>
<div class="mine messages">
<div class="message last">
어쩌자고 이런걸 만드셨어요
</div>
</div>
<div class="yours messages">
<div class="message last">
아라하시 타비님의 생방송을 시청하다가 다양한 형태로 창작된 팬아트들을 보고 감명을 받아 제작하게 되었습니다
</div>
</div>
<div class="mine messages">
<div class="message last">
어떻게 쓰는거죠
</div>
</div>
<div class="yours messages">
<div class="message last">
<strong>아래쪽에 설명이 나와있으니 참고해주세요</strong>
</div>
</div>
<div class="mine messages">
<div class="message last">
더 할 말 있나요?
</div>
</div>
<div class="yours messages">
<div class="message last">
없네요
</div>
</div>
<div class="mine messages">
<div id="output" class="message last">
메시지 전송 버튼을 한 번 눌러보죠
</div>
</div>
<div class="bottom">
<div class="input-wrapper">
<textarea name="input"
id="input">하하하하하하하하타아하하하하하하하하하아하하하하하하하하하하하하하아하하하하하하아하하하하아하하하하하하하하하하하라라라라라시비아뿡아시시시뿡하하하하하하하뿡뿡하하하뿡아시시시시뿡아뿡아시뿡라라라뿡하하하뿡시시시시시시뿡시시시시시시시시뿡</textarea>
</div>
<button id="run">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-send" width="28" height="28" viewBox="0 0 24 24" stroke-width="2" stroke="#FFFFFF" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<line x1="10" y1="14" x2="21" y2="3" />
<path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" />
</svg>
</button>
</div>
</div>
<div class="info">
<p>뿡빵 언어는 Brainfuck의 명령어와 1대1 대응되는 방언으로, 다음과 같이 정의됩니다.</p>
<table>
<tr>
<td class="tc">뿡빵 언어</td>
<td class="tc">Brainfuck</td>
<td class="tc">의미</td>
</tr>
<tr>
<td class="tc">아</td>
<td class="tc">></td>
<td>포인터를 증가시킨다.</td>
</tr>
<tr>
<td class="tc">라</td>
<td class="tc"><</td>
<td>포인터를 감소시킨다.</td>
</tr>
<tr>
<td class="tc">하</td>
<td class="tc">+</td>
<td>포인터가 가리키는 바이트의 값을 증가시킨다.</td>
</tr>
<tr>
<td class="tc">시</td>
<td class="tc">-</td>
<td>포인터가 가리키는 바이트의 값을 감소시킨다.</td>
</tr>
<tr>
<td class="tc">뿡</td>
<td class="tc">.</td>
<td>포인터가 가리키는 바이트의 값을 ASCII 문자로 출력한다.</td>
</tr>
<tr>
<td class="tc">빵</td>
<td class="tc">,</td>
<td>포인터가 가리키는 바이트에 입력받은 문자의 ASCII 값을 넣는다.</td>
</tr>
<tr>
<td class="tc">타</td>
<td class="tc">[</td>
<td>포인터가 가리키는 바이트의 값이 0이면 짝이 되는 뒤쪽의 ]로 이동한다.</td>
</tr>
<tr>
<td class="tc">비</td>
<td class="tc">]</td>
<td>포인터가 가리키는 바이트의 값이 0이 아니면 짝이 되는 앞쪽의 [로 이동한다.</td>
</tr>
</table>
<p>코드 실행시 뿡빵 언어에서 정의되지 않은 모든 키워드는 무시됩니다.</p>
<pre>
</pre>
<h3>Q&A</h3>
<h4>뿡빵이 뭐죠</h4>
<p>
<a target="_blank" href="https://www.twitch.tv/arahashitabi_stellive">링크</a>의 내용을 참고하세요.
</p>
<h4>한글 문장은 어떻게 출력합니까?</h4>
<p>
<a target="_blank" href="https://tnu.me/brainfuck/generator">Brainfuck Generator</a>에서 한글 문장을 Brainfuck 코드로
변환할 수 있습니다.<br>
변환된 Brainfuck 코드를 뿡빵 언어로 다시 변환하시면 됩니다.<br>
(<a href="https://github.com/hoon050824/Tabi-Language/blob/main/Translator.py">프로젝트 페이지</a>에서 Brainfuck과 BBoongBBang Language간의 상호 변환을 위한 Translator.py를 제공하고 있습니다)
</p>
<pre>
</pre>
<h3>Hidden Code</h3>
<p>
하하하하하하하하하하하하타아하하하하하하하하하하하하하하하하하하하하아하하하하하하하하하하하하아하하하하하하하하하하하하하하하아하하하하하하하하하하하아하하하아하하하하하하하하하하하하아하하하하하하하하하하하하하하아하하하하하하하하하하하하하아하하하하하하하하하하하하아하하하하라라라라라라라라라라시비아시시시시시뿡아하뿡시뿡라뿡아아아하하하뿡하하하하하뿡라라라시뿡아아시시시시뿡아시시시시시시시시시시시시뿡아시시시시뿡라라라라하뿡아아아하하하하하뿡라하하하하하하하하하뿡라라하뿡아하하하하하뿡아아시뿡라라라시뿡아아시시시시시시시뿡아뿡라라라뿡아아아아아아시시뿡라라라라하하뿡아아뿡라라라라시뿡아아시시뿡아시뿡라라라하뿡아아아아아아하뿡라시시시시뿡라뿡라라라라시뿡아아시시뿡라하하하하뿡라하하뿡아하하하하뿡아아시시시뿡아뿡라라라라시뿡아아뿡아아아아하하뿡라라라라라라하뿡아아아하하하하하하뿡라라하하하하뿡아아아뿡라라라라하뿡아시시시시시시시시시시시시뿡아시시시뿡라라시뿡아아아시시시뿡시시뿡아뿡라라라라뿡아아시시시시시시시뿡라시시시시시뿡라시시뿡아아하하하하하하하하하하하하뿡아뿡라라라뿡아아뿡아아아뿡라뿡라라라라하하뿡아시시시시시뿡아아아아아아뿡라라라라라라라뿡아아뿡시시시시시뿡라라하뿡아하하하하하하하하하하뿡하하하뿡라시시시뿡아아하하하하하하뿡라하하하하하하하하뿡아아아뿡라라라라하하뿡아시시뿡아아아아시시시시뿡라라라라라뿡아아아아아하하뿡라라라하하뿡라라시뿡아아아아아하뿡시시시뿡라라라라라뿡아아아아아하하하뿡아시시시시시뿡아아아시시뿡라라라라라뿡라라라라하뿡아시시시시시시시시시뿡아아아아아아하하뿡라라라라라라라뿡아하하하하하하하뿡아하하하하하하하뿡라라시뿡아하하하하하뿡시시시시시뿡라뿡아아아아아하하하하뿡라라하하하뿡아뿡라라라라뿡아아하하하뿡라하하하하하뿡라뿡아아시시시시시시뿡시시시시뿡라라하하뿡아아아아아하하하하하하뿡아아시시뿡라라라뿡라라라라뿡아시시시시시시시시뿡하하하뿡라시시뿡아아아아아아아아시뿡라시시시뿡라라라뿡라라라라뿡아아하뿡아시시시시뿡라라라하하뿡아아아하하하뿡시시뿡라라라시시뿡아아아아아시시뿡라라라라뿡라뿡아아아아아아하하뿡하하하하하하뿡라라라라라라시뿡아아시시시시뿡라하하하하뿡라하하뿡아아아하하하하하하하하하뿡라하하하뿡라라시뿡아아아하뿡시시시뿡라라라뿡아아아하하하뿡라라하하하하뿡아아아아아아아아뿡
</p>
<pre>
</pre>
<h3>License</h3>
<p>MIT</p>
<p><a href="https://yf-dev.github.io/syusuk/index.html">syusuk Language</a></p>
</div>
<script src="brainfuck.js"></script>
<script src="main.js"></script>
</body>
</html>