-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
426 lines (423 loc) · 16.5 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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>연고로직</title>
<meta
property="og:description"
content="고학력자를 위한 프로그래밍 언어"
/>
<link
href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"
/>
<style>
* {
font-family: 'SUIT', sans-serif;
}
pre code {
font-feature-settings: 'tnum';
font-variant-numeric: tabular-nums;
}
.h {
display: flex;
align-items: center;
gap: 0.5rem;
}
#storage input {
width: 2rem;
}
</style>
</head>
<body>
<a href="https://github.com/rycont/yeongo-logic">See also on GitHub!</a>
<h1>연고로직</h1>
<details>
<summary>실행 정보</summary>
<p>
<label
>각 커맨드의 실행 속도(ms)
<input id="speed" type="number" value="10"
/></label>
<label
>임시변수<input id="temp" type="number" value="0" disabled
/></label>
<label
>커서 <input id="cursor" type="number" value="0" disabled
/></label>
<label
>실행중인 커맨드
<input id="line" type="number" value="0" disabled
/></label>
</p>
<label
>스토리지
<div class="h" id="storage"><p>비어있음</p></div></label
>
</details>
<label>직접 짜보기</label>
<div class="h">
<textarea id="input" rows="10"></textarea>
<textarea id="output" rows="10" disabled></textarea>
</div>
<button id="run">Run!</button>
<h3>왜 고연로직이 아니죠?</h3>
<p>
"로직"이라는 단어의 바로 앞에 "고"가 붙어야 더 자연스럽습니다.
"고"가 "로직"에 더 잘 어울리기 때문에 연고로직이라고 합니다.
</p>
<details open>
<summary>
<h2>문법</h2>
</summary>
<blockquote>
엄준식 프로그래밍 언어에서 큰 영감을 받았습니다. 왜냐면 제가
만든거거든요.. <br />
<a href="https://bento.me/3"
>서강대학교 컴퓨터공학과 23학번 박정한</a
>
</blockquote>
<p>
하나의 명령어에는 하나의 인자가 대응됩니다. 명령어와 인자는 공백
혹은 개행으로 연결할 수 있으며, 이러한 쌍을
<b>커맨드</b>라고 합니다.
</p>
<code>명령어 인자</code>
<p>
연고로직은 커맨드를 나열하여 작성합니다. 각 커맨드는 공백 혹은
개행으로 연결합니다.
</p>
<code
>명령어 인자 명령어 인자 명령어 인자 명령어 인자 명령어
인자</code
>
<p>
명령어와 인자는 양의 정수입니다. 명령어의 리스트는 후술합니다.
</p>
<pre><code>
3 7
2 9
1 6
</code></pre>
<p>
위 코드는 순차적으로 실행되는 세 개의 커맨드를 가지고 있습니다.
</p>
<ul>
<li>3번 명령어에 인자를 7로 하여 실행합니다.</li>
<li>2번 명령어에 인자를 9로 하여 실행합니다.</li>
<li>1번 명령어에 인자를 6으로 하여 실행합니다.</li>
</ul>
<p>
위 코드의 명령어와 인자를 2진수로 변환한 뒤, 0과 1을 각각
<var>연</var>, <var>고</var>로 치환해줍니다.
</p>
<pre><code>
고고 고고고 # 3 7 -> 11 111
고연 고연연고 # 2 9 -> 10 1001
고 고고연 # 1 6 -> 1 110
</code></pre>
</details>
<details>
<summary><h3>자료구조</h3></summary>
<p>
연고로직에서는 <b>스토리지</b>와 <b>임시변수</b>에 값을 저장할
수 있습니다. 스토리지는 실수를 저장할 수 있는 리스트이고,
임시변수는 연산을 할 수 있는 장소입니다. 일종의 레지스터와
누산기라고 생각할 수 있습니다.
</p>
</details>
<details>
<summary><h3>(고급) 견오 표기법</h3></summary>
<p>
0과 1을 <var>연</var>과 <var>고</var>로 단순히 치환하면 항상
모든 명령어와 인자의 시작이 <var>고</var>가 되기 때문에 형평성에
어긋납니다. 이러한 문제를 방지하지 위해, 연고로직은
<b>견오</b>표기법을 사용합니다.
</p>
<ul>
<li>첫 글자는 항상 1로 해석됩니다</li>
<li>첫 글자와 같은 글자는 1, 다를 글자는 0으로 해석됩니다</li>
<li>
그리하여 <code>연고고연</code>과 <code>고연연고</code>는
모두 9를 나타냅니다.
</li>
<li>
견오표기법은 코드 전체가 아닌 각 명령어와 인자를 파싱할 때
적용됩니다
</li>
<ul>
<li>
그리하여 <code>고연고고고 연고고연고</code>는 10111
10010으로 해석합니다.
</li>
</ul>
</ul>
</details>
<details>
<summary><h3>명령어</h3></summary>
<p>인자를 편의상 <var>arg</var>라고 표현합니다.</p>
<table>
<thead>
<tr>
<th>명령어</th>
<th>설명</th>
<th>대응되는 코드</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>너무 고결하여 사용되지 않음</td>
<td>Holy</td>
</tr>
<tr>
<td>2</td>
<td>
<var>arg</var>를 리턴하고 프로그램을 종료합니다.
</td>
<td>
<code>return <code>arg</code></code>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>명령어</th>
<th>설명</th>
<th>대응되는 코드</th>
</tr>
</thead>
<tbody>
<tr>
<td>8</td>
<td>임시변수에 <var>arg</var>를 저장합니다</td>
<td>
<code>temp = <code>arg</code></code>
</td>
</tr>
<tr>
<td>9</td>
<td>임시변수에 <var>arg</var>를 더해서 저장합니다</td>
<td>
<code>temp += <code>arg</code></code>
</td>
</tr>
<tr>
<td>10</td>
<td>임시변수에 <var>arg</var>를 빼서 저장합니다</td>
<td>
<code>temp -= <code>arg</code></code>
</td>
</tr>
<tr>
<td>11</td>
<td>임시변수에 <var>arg</var>를 곱해서 저장합니다</td>
<td>
<code>temp *= <code>arg</code></code>
</td>
</tr>
<tr>
<td>12</td>
<td>임시변수에 <var>arg</var>를 나눠서 저장합니다</td>
<td>
<code>temp /= <code>arg</code></code>
</td>
</tr>
<tr>
<td>13</td>
<td>
임시변수에 <var>arg</var>를 나머지 연산해서
저장합니다
</td>
<td>
<code>temp %= <code>arg</code></code>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>명령어</th>
<th>설명</th>
<th>대응되는 코드</th>
</tr>
</thead>
<tbody>
<tr>
<td>16</td>
<td>스토리지 커서를 <var>arg</var>로 설정합니다</td>
<td>
<code>cursor = <code>arg</code></code>
</td>
</tr>
<tr>
<td>17</td>
<td>스토리지 커서를 <var>arg</var>만큼 증가시킵니다</td>
<td>
<code>cursor += <code>arg</code></code>
</td>
</tr>
<tr>
<td>18</td>
<td>스토리지 커서를 <var>arg</var>만큼 감소시킵니다</td>
<td>
<code>cursor -= <code>arg</code></code>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>명령어</th>
<th>설명</th>
<th>대응되는 코드</th>
</tr>
</thead>
<tbody>
<tr>
<td>32</td>
<td>
현재 참조중인 스토리지의 값을 임시변수에 저장합니다.
<var>arg</var>는 무시됩니다.
</td>
<td>
<code>temp = storage[cursor]</code>
</td>
</tr>
<tr>
<td>33</td>
<td>
임시변수의 값을 현재 참조중인 스토리지에 저장합니다.
<var>arg</var>는 무시됩니다.
</td>
<td>
<code>storage[cursor] = <code>temp</code></code>
</td>
</tr>
<tr>
<td>34</td>
<td>
임시변수의 값을 현재 참조중인 스토리지에 더해서
저장합니다. <var>arg</var>는 무시됩니다.
</td>
<td>
<code>storage[cursor] += temp</code>
</td>
</tr>
<tr>
<td>35</td>
<td>
임시변수의 값을 현재 참조중인 스토리지에 빼서
저장합니다. <var>arg</var>는 무시됩니다.
</td>
<td>
<code>storage[cursor] -= temp</code>
</td>
</tr>
<tr>
<td>36</td>
<td>
임시변수의 값을 현재 참조중인 스토리지에 곱해서
저장합니다. <var>arg</var>는 무시됩니다.
</td>
<td>
<code>storage[cursor] *= temp</code>
</td>
</tr>
<tr>
<td>37</td>
<td>
임시변수의 값을 현재 참조중인 스토리지에 나눠서
저장합니다. <var>arg</var>는 무시됩니다.
</td>
<td>
<code>storage[cursor] /= temp</code>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>명령어</th>
<th>설명</th>
<th>대응되는 코드</th>
</tr>
</thead>
<tbody>
<tr>
<td>64</td>
<td>
stdin을 정수로 파싱하여 임시변수에 저장합니다.
입력이 numeric하지 않다면 unicode로 변환됩니다.
</td>
<td>
<code>temp = int(input())</code>
</td>
</tr>
<tr>
<td>65</td>
<td>임시변수를 숫자로 출력합니다</td>
<td>
<code>print(temp)</code>
</td>
</tr>
<tr>
<td>66</td>
<td>임시변수를 문자로 출력합니다</td>
<td>
<code>print(chr(temp))</code>
</td>
</tr>
<tr>
<td>67</td>
<td>개행</td>
<td>
<code>print()</code>
</td>
</tr>
<tr>
<td>72</td>
<td>
임시변수가 0이라면 <var>arg</var>번째 체크포인트로
이동합니다
</td>
<td>
<code>if temp == 0: jump(<code>arg</code>)</code>
</td>
</tr>
<tr>
<td>73</td>
<td>
임시변수가 0이 아니라면 <var>arg</var>번째
체크포인트로 이동합니다
</td>
<td>
<code>if temp != 0: jump(<code>arg</code>)</code>
</td>
</tr>
<tr>
<td>74</td>
<td>
현재 코드 실행 위치에 <var>arg</var>번째
체크포인트를 설정합니다
</td>
<td>
<code>checkpoint(arg)</code>
</td>
</tr>
</tbody>
</table>
</details>
<script src="./script.js" type="module"></script>
</body>
</html>