워로디스

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일반적인 애플리케이션 프로젝트를 만든다.주로 직접 실행하는 프로그램, 스크립트, 서비스 등..

1. 기본 인덱싱: 정수 인덱싱특정 위치 하나를 직접 지정하는 방식입니다.a = np.array([10, 20, 30, 40])a[2]# 302차원 배열에서는 보통 [행, 열] 구조입니다.A = np.array([ [10, 11, 12], [20, 21, 22], [30, 31, 32],])A[1, 2]# 22해석:A[1, 2] 1 -> 1번 행 2 -> 2번 열즉 좌표로 보면 (1, 2) 위치의 값을 가져오는 것입니다.2. 슬라이스 인덱싱:를 이용해서 범위를 선택하는 방식입니다.a[1:3]은 내부적으로 대략:a[slice(1, 3, None)]과 비슷합니다.예:a = np.array([10, 20, 30, 40])a[1:3]# array([20, 30])stop은 포함되지 않으므로 1:..

1. 요약Python에서 :는 단순한 기호가 아니라 슬라이스 표기법이다. 이 표기법은 내부적으로 slice 객체로 변환되어 리스트, 튜플, 문자열, NumPy 배열 등에서 범위 선택에 사용된다.seq[start:stop:step]의 의미는 다음과 같다.start 이상부터 시작해서stop 전까지 선택하고step 간격으로 이동한다중요한 점은 stop 위치의 원소는 포함되지 않는다는 것이다.2. :는 표기법이고, slice는 객체다코드에 보이는 :는 파이썬 문법의 일부다.a[1:4]이 표기는 내부적으로 대략 다음과 비슷하게 처리된다.a.__getitem__(slice(1, 4, None))즉 다음처럼 이해하면 정확하다.코드에 보이는 : -> 슬라이스 표기법내부적으로 만들어지는 것 -> slice ..

이 문서는 2D 그래픽스에서 쓰는 affine 변환 행렬을 기준으로 합니다.이 행렬로 표현할 수 있는 변환은 다음입니다.이동, translation스케일, scale회전, rotation기울임, shear/skew반사/뒤집기, reflection/flip위 변환들의 조합특정 점을 기준으로 한 회전/스케일좌표계 변환, local ↔ world, screen ↔ local단, 다음은 일반적인 2D affine 행렬의 범위를 벗어납니다.원근 변환, perspective/projective transform곡선형 왜곡, nonlinear warp클리핑, 마스크, opacity, blur 같은 렌더링 효과1. 기준 행렬 형태이 문서는 열벡터 기준입니다.점은 다음처럼 본다고 가정합니다.p = [x, y, 1]^T변..

최종 코드import java.io.IOExceptionimport java.nio.ByteBufferimport java.nio.channels.FileChannelprivate const val MAX_ZERO_WRITE_RETRIES = 16/** * [sourceBuffer]의 현재 position부터 limit까지 남아 있는 데이터를 모두 [fileChannel]에 쓴다. * * 단, [FileChannel.write]에 너무 큰 ByteBuffer 범위를 한 번에 넘기지 않도록, * 최대 [maxChunkBytes] 크기의 slice view로 나누어 순차적으로 쓴다. * * 이 함수는 chunk 데이터를 복사하지 않는다. * 각 chunk는 [sourceBuffer]의 데이터를 공유하는 sl..

기본 구성프로젝트가 있다고 가정합니다.uv init --python 3.12 my-projectcd my-project필요한 패키지는 uv로 프로젝트에 추가합니다.uv add pandas numpy matplotlibJupyter kernel용으로 ipykernel을 dev dependency로 추가합니다.uv add --dev ipykernel그 다음 Jupyter Lab을 실행합니다.uv run --with jupyter jupyter labuv run --with jupyter jupyter lab은 Jupyter 자체를 별도 환경에서 실행하면서도, 프로젝트의 가상환경을 사용할 수 있게 해줍니다. (Astral Docs)기본 구성된 프로젝트를 VS Code 에서 작업할 경우VS Code에서 노트북을..