Recent Posts

입력 트레이에서 처리 장치를 거쳐 출력되는 블록

Python Tutorial / Build a First Program with Variables, Input and Output

Read expense input, convert text to an integer and format a result. Understand assignment, comments, f-strings and the source of common conversion errors.

유리 용기마다 분리해 담은 폴더와 블록

Python Tutorial / Create Virtual Environments and Manage Packages with pip

Use venv and python -m pip to separate projects, record dependencies and troubleshoot interpreter, package and activation problems.

같은 풍경이 여러 크기와 비율의 이미지·동영상 프레임에 맞춰 표시된 일러스트

CSS / Reference / aspect-ratio: Preferred Ratios, Natural Images, and Constraints

Use preferred aspect ratios with automatic sizing and inspect competing constraints. Distinguish a replaced image’s natural ratio from its CSS box and object-fit behavior.

편집기 화면과 키보드가 놓인 작업 공간

Python Tutorial / Write and Run Python in VS Code

Choose a virtual-environment interpreter in VS Code, run a complete Python script and use a breakpoint to check values while diagnosing environment mismatches.

빈 화면의 노트북 두 대와 서로 다른 색의 폴더

Python Tutorial / Set Up Python on macOS and Ubuntu

Prepare a Python development environment on macOS or Ubuntu without replacing system Python. Verify paths, create a virtual environment and test execution.

초점 윤곽선이 뚜렷한 입력창과 체크 상태를 보여주는 폼 일러스트

CSS / Reference / accent-color: Native Control Accents and Accessible States

Request native-control accent colors without replacing their behavior. Compare selected and disabled states, accessible names, and browser-dependent contrast treatments.

설치 상자와 톱니바퀴·완료 표시가 있는 컴퓨터

Python Tutorial / Install Python on Windows and Verify the Interpreter

Set up Python on Windows with the official Install Manager, create a project environment, and verify command resolution, versions and executable paths.

얇은 테두리, 둥근 모서리, 그림자가 있는 카드 세 개를 비교한 일러스트

CSS / Reference / border-width: Side Widths, Shorthand Order, and Box Size

Set border widths using valid lengths and shorthand ordering. Inspect none, box-sizing, and hover changes without treating keyword widths as fixed pixels.

빈 화면의 노트북과 데이터 블록이 놓인 실습 책상

Python Tutorial / What Is Python? Features and Practical Uses

Understand Python’s role, distinguish source files from the interpreter and terminal, and run a complete expense-total example with a small follow-up experiment.

Flexbox 카드들이 간격을 두고 두 줄로 감기며 크기를 나누는 일러스트

CSS / Reference / align-content: Flex Lines, Grid Tracks, and Available Space

Distribute available space in flex, grid, and supported block layouts. Compare wrap with nowrap, fixed with auto tracks, and content-group alignment with item alignment.