워로디스

파일이나 바이너리 데이터를 내용 기반 식별자(Content ID) 로 만들고 싶다면 다음 구조가 가장 단순하고 실용적이다.Uint8Array ↓SHA-256 ↓앞 16바이트 사용 (128bit) ↓hex 또는 base64url 문자열1. 해시 알고리즘: SHA-256브라우저나 Web Crypto API를 사용할 수 있는 환경이라면 SHA-256이 무난하다.const digest = new Uint8Array( await crypto.subtle.digest("SHA-256", data));digest는 32바이트, 즉 256비트의 Uint8Array다.SHA-1도 단순 파일 식별 용도로는 우연 충돌 가능성이 충분히 낮을 수 있지만, 이미 암호학적 충돌 저항성이 깨진 알고리즘이다. 새 시스템이라면 ..

증상Unreal Editor를 사용할 때 화면이 깜박이는 문제가 발생했다.특이했던 점은 Unreal Editor 내부만 깜박이는 것이 아니라, Unreal에서 특정 작업을 할 때 다른 프로그램의 창까지 함께 깜박였다는 것이다.즉, 단순한 Unreal Viewport 렌더링 문제라기보다 Unreal Editor가 GPU/디스플레이 동작에 영향을 주면서 Windows의 화면 출력 전체에 문제가 생기는 형태였다.최종적으로 효과가 있었던 해결 방법NVIDIA Control Panel에서 UnrealEditor.exe에 대해서만 G-SYNC/가변 주사율 대신 Fixed Refresh를 사용하도록 설정했다.설정 경로:NVIDIA Control Panel 실행Manage 3D SettingsProgram Settin..

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변..