Each term gets one card with a key-syntax table, a live example you can click, and code you can copy. Use the search box above whenever you need to find something, in Korean or English.
Common terms
UI
User Interface, the screen layout that people look at and press
HTML
HyperText Markup Language, the language that describes the structure of a page
CSS
Cascading Style Sheets, the language that sets the look and layout of a page
JavaScript
JavaScript, the language that adds behavior to a page
SVG
Scalable Vector Graphics, a vector image format that stays sharp when enlarged
Canvas
Canvas, an area where JavaScript draws dots and shapes directly
ARIA
Accessible Rich Internet Applications, attributes that tell assistive technology such as screen readers about roles and states
FPS
Frames Per Second, how many times the screen updates in one second
CDN
Content Delivery Network, a distribution network that lets library files download quickly
How to use the code (please read this first if you are new)
1. Copy
Open a card’s “View code” section and press the “Copy” button.
2. Save
Paste it into an empty file and save it as name.html. A code editor (for example, VS Code) is the safest choice.
Mac
In TextEdit, first choose the menu item Format → Make Plain Text(Shift+Command+T), then paste and save. Otherwise the code appears on screen as literal text.
Windows
In Notepad, when saving, set the file type to “All files,” set the encoding to UTF-8, and add .htmlto the end of the name. Make sure the name has not turned into .html.txt.
3. Open
Double-click the saved file to open it in a browser (such as Chrome).
Note
All 99 cards are finished versions that open directly with the steps above. Some cards (such as the React-related ones) are demos that imitate the concept in plain JavaScript, and the actual React code is written only as comments (needs verification).
