워로디스

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. 개요본 문서는 텐서플로 2.x 환경에서 딥러닝 모델을 학습시킬 때 필수적으로 사용되는 학습 루프(Training Loop)의 동작 원리와 내부 메커니즘을 정리한 문서입니다. 모델의 가중치가 업데이트되는 과정, 프레임워크가 제공하는 자동 미분 도구의 역할, 그리고 이를 추상화하는 고수준 API의 적용 방법까지 단계별로 분석합니다.2. tf.GradientTape와 연산 기록의 원리텐서플로 2.x는 코드가 즉시 실행되는 '즉시 실행 모드(Eager Execution)'를 기본으로 채택하고 있습니다. 따라서 역전파를 수행하기 위해서는 순방향 연산 과정을 기억해 둘 별도의 장치가 필요하며, 이 역할을 tf.GradientTape가 수행합니다.2.1. 파이썬 with 문의 컨텍스트 관리작동 방식: 파이썬의 ..

1. 신경망은 층마다 다른 수준의 특징을 학습하는가?1.1 기본 답변: 대체로 그렇다깊은 신경망에서는 입력 데이터가 여러 층을 거치면서 점점 더 추상적인 표현으로 변환되는 경향이 있다. 특히 이미지 모델, 그중에서도 CNN에서는 이 현상이 비교적 직관적으로 관찰된다.1.2 이미지 모델에서의 예시층의 위치주로 학습되는 특징의 예초반 레이어선, 모서리, 색 대비, 질감, 방향성중간 레이어눈, 바퀴, 창문, 털, 물체의 부분 구조후반 레이어얼굴, 자동차, 동물, 장면, 클래스 수준의 의미초반층은 수직선, 대각선, 색 경계 같은 단순한 시각 패턴에 민감할 수 있고, 후반층은 “개 얼굴”, “자동차 형태”, “사람의 얼굴”처럼 더 의미적인 구조에 반응할 수 있다.1.3 주의할 점이것은 절대적인 규칙은 아니다. 모..

1. 전체 코드def remove_outliers_iqr(df, cols=None, k=1.5): """ IQR 기준으로 이상치를 제거하는 함수 df : pandas DataFrame cols : 이상치를 검사할 컬럼 목록. None이면 모든 수치형 컬럼에 적용 k : IQR에 곱할 계수. 일반적으로 1.5 사용 """ if cols is None: cols = df.select_dtypes(include="number").columns Q1 = df[cols].quantile(0.25) Q3 = df[cols].quantile(0.75) IQR = Q3 - Q1 lower = Q1 - k * IQR upper = Q3..

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