-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (156 loc) · 7.36 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
<!--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>Item 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>Item 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.youtube.com/c/%EC%95%84%EC%9D%B4%ED%85%9C">링크</a>의 내용을 참고하세요.
</p>
<h4>한글 문장은 어떻게 출력합니까?</h4>
<p>
<a target="_blank" href="https://tnu.me/brainfuck/generator">Brainfuck Generator</a>에서 한글 문장을 Brainfuck 코드로
변환할 수 있습니다.<br>
변환된 Brainfuck 코드를 아이템 언어로 다시 변환하시면 됩니다.<br>
(프로젝트 페이지에서 Brainfuck과 Item Language간의 상호 변환을 위한 Translator.py를 제공하고 있습니다)
</p>
<pre>
</pre>
<h3>Hidden Code</h3>
<p>
템템템템템템템템템템템템토아템템템템템템템템템템템템템템템템템템템템아템템템템템템템템템템템템아템템템템템템템템템템템아템템템템템템템템템템템템템템템아템템템이이이이이의리아의의의의인아템템템템템인아인이이인아템템템템템템템템인아아인이이이템인아아템인이의인이의인아템인의의의의의인아아아의의의의인이이이이인아템템템템템인아아템템템템인이이이의인아아아의의의의의의인이이템템템템템템템인이템템인아아템인이의의의의인이의의인아템템템템템템인템템템템템템인
</p>
<pre>
</pre>
<h3>License</h3>
<p>MIT</p>
</div>
<script src="brainfuck.js"></script>
<script src="main.js"></script>
</body>
</html>