Recent Posts

서버와 설치 패키지, 데이터베이스를 표현한 설치 개념 그림

MariaDB Tutorial / Install MariaDB on Ubuntu and Start the Server

Install MariaDB on Ubuntu with APT, distinguish service activity from automatic startup, and understand socket authentication. Create a restricted TCP learning account and diagnose connection or service problems.

노트북과 데이터베이스, 설정 톱니바퀴로 로컬 설치를 표현한 그림

MariaDB Tutorial / Install MariaDB on Windows and Start the Server

Set up a local MariaDB server on Windows, verify its service and TCP connection, and create a database-scoped learning account. Follow practical checks for installation, port, path, and authentication problems.

중앙 데이터베이스와 연결된 세 개의 테이블을 표현한 그림

MariaDB Tutorial / What MariaDB Is: Databases, SQL, and Its Relationship to MySQL

Understand the roles of the MariaDB server and client, the structure of relational data, and the purpose of SQL. Learn how MariaDB relates to MySQL and prepare for a small product-database exercise.

크기와 굵기, 줄 간격이 다른 추상적인 글줄을 비교하는 일러스트

CSS / Reference / font-family: Font Lists, Glyph Fallback, and Loading

Build a font stack with appropriate generic fallbacks and inspect the fonts actually used. Distinguish naming a family from loading files and covering characters.

크기와 굵기, 줄 간격이 다른 추상적인 글줄을 비교하는 일러스트

CSS / Reference / font-style: Italic, Oblique, and Available Font Faces

Request italic or oblique forms while accounting for real faces and synthesis. Separate visual styling from emphasis semantics and inspect font-loading failures.

크기와 굵기, 줄 간격이 다른 추상적인 글줄을 비교하는 일러스트

CSS / Reference / font-size: Understand px, em, rem, and Text Enlargement

Choose text-size units by their reference and test nested em scaling. Check the actual root size, browser enlargement, and layout constraints.

가로로 이어지는 인라인 항목과 세로로 쌓인 블록을 비교한 추상적인 일러스트

CSS / Reference / list-style-type: Change List Markers and Numbering

Style list markers while keeping ordered and unordered semantics. Compare numbering styles, starting values, marker removal, and shorthand resets.

크기와 굵기, 줄 간격이 다른 추상적인 글줄을 비교하는 일러스트

CSS / Reference / content: Generate Pseudo-Element Text and Decoration

Generate strings, attribute labels, counters, and decorative pseudo-elements. Compare none with an empty string and retain important information in real HTML.

크기와 굵기, 줄 간격이 다른 추상적인 글줄을 비교하는 일러스트

CSS / Reference / quotes: Choose Nested Quotation Marks

Choose generated quotation pairs for nested text and distinguish them from literal punctuation. Compare automatic marks, none, and quotation-depth operations.

크기와 굵기, 줄 간격이 다른 추상적인 글줄을 비교하는 일러스트

CSS / Reference / font-variant: Small Capitals and Font Features

Use small capitals without changing the source string and choose specific variant longhands. Compare real font support with synthesized presentation.