워로디스

CSS 변수는 스타일시트에서 반복해서 사용하는 값을 이름으로 정의하고 재사용할 수 있게 해주는 표준 CSS 기능입니다.일반적으로 “CSS 변수”라고 부르지만, 공식 명칭은 CSS 커스텀 속성(Custom Properties) 입니다. 별도의 라이브러리나 Sass 같은 전처리기 없이 브라우저에서 직접 사용할 수 있습니다.1. CSS 변수 선언하기CSS 변수의 이름은 반드시 --로 시작해야 합니다.:root { --main-color: #333; --content-padding: 20px;}위 코드에서는 두 개의 CSS 변수를 선언했습니다.--main-color: 기본 색상--content-padding: 기본 여백CSS 변수에는 색상, 크기, 간격, 글꼴, 그림자 등 일반적인 CSS 속성값을 저장할 수..

CSS 중앙 정렬은 무엇을 정렬하는지에 따라 적절한 방법이 달라집니다.1. Grid를 이용한 가로·세로 중앙 정렬자식 요소 하나를 가로와 세로 중앙에 배치할 때 가장 간결한 방법입니다..container { display: grid; place-items: center; min-height: 200px;} 중앙에 정렬됨place-items: center는 다음 두 속성을 한 번에 지정합니다.align-items: center;justify-items: center;단일 요소를 중앙에 배치하는 경우 Grid 방식이 간결하고 읽기 쉽습니다.2. Flex를 이용한 가로·세로 중앙 정렬여러 요소를 한 방향으로 배치하거나 정렬해야 할 때 적합합니다..container { display: flex; ju..

1. 개요여러 Python 프로젝트에서 공통으로 사용할 코드를 별도 라이브러리로 분리하려면, 해당 코드를 단순한 .py 파일로 보관하기보다 Python 패키지 형태로 구성하고 각 프로젝트의 의존성으로 등록하는 방식이 좋다.uv를 사용하는 경우 다음 흐름으로 구성할 수 있다.uv init --lib로 라이브러리 프로젝트 생성재사용할 코드를 src// 아래에 작성외부에 공개할 함수나 클래스를 __init__.py에서 노출사용하는 프로젝트에서 uv add --editable 실행일반 Python 패키지처럼 import하여 사용2. uv init, --package, --lib의 차이일반 프로젝트uv init my-app일반적인 애플리케이션 프로젝트를 만든다.주로 직접 실행하는 프로그램, 스크립트, 서비스 등..