CG Lighting & Shading
조명 및 셰이딩 (Computer Graphics Lighting and Shading) 광원의 종류 (Types of Light Sources) 소개 (Introduction)광원은 3D 씬에서 객체를 비추어 현실감 있는 이미지를 생성하는 데 필수적인 요소입니다. 다양한 종류의 광원이 …
CG Rendering
렌더링 (Rendering) 소개 (Introduction)렌더링은 3D 모델을 2D 이미지로 변환하는 과정입니다. 다양한 기술과 알고리즘을 사용하여 현실감 있는 이미지를 생성합니다. 렌더링은 주로 실시간 렌더링과 오프라인 렌더링으로 나뉩니다. 렌더링 개념과 종류 (Rendering Concepts …
CG 3D Basics
3D 그래픽스 기초 (Basics of 3D Graphics) 3D 좌표계와 변환 (3D Coordinate System and Transformations) 소개 (Introduction)3D 그래픽스는 3차원 공간에서 객체를 표현하고 조작하는 기술입니다. 3D 좌표계와 변환은 이러한 객체들을 정의하고 …
Bootstrap Nav
Bootstrap의 네비게이션 컴포넌트는 웹 사이트의 메뉴나 내비게이션 바를 쉽게 만들 수 있도록 돕습니다. 네비게이션 컴포넌트에는 주로 nav 클래스와 함께 다양한 유틸리티 클래스들을 사용합니다. 네비게이션 바는 주로 상단에 위치하며, 링크, 드롭다운 …
Bootstrap Dropdown
Bootstrap의 드롭다운은 사용자 인터페이스에 메뉴나 선택 항목을 제공하는데 유용한 컴포넌트입니다. 드롭다운은 버튼, 링크 또는 기타 요소와 결합하여 다양한 기능을 수행할 수 있습니다. 기본적인 드롭다운을 만들기 위해서는 dropdown 클래스를 사용합니다. 기본 …
Bootstrap Cards
Bootstrap의 카드 컴포넌트는 콘텐츠를 시각적으로 구분하고 정렬하는 데 유용한 요소입니다. 카드는 일반적으로 이미지, 제목, 본문 텍스트, 링크, 버튼 등을 포함할 수 있습니다. 카드를 생성하기 위해 card 클래스를 사용하며, 이 클래스는 …
Bootstrap Buttons
Bootstrap 버튼에 대해 자세히 설명해드리겠습니다. Bootstrap은 사용하기 쉬운 스타일 및 동작을 제공하는 인기 있는 CSS 프레임워크입니다. 버튼은 사용자 인터페이스에서 가장 기본적이면서도 중요한 요소 중 하나입니다. 기본 버튼 클래스 Bootstrap에서 버튼을 …
CG 2D Basics
2D 그래픽스 기초 (Basics of 2D Graphics) 픽셀과 해상도 (Pixels and Resolution) 소개 (Introduction)픽셀은 컴퓨터 그래픽스의 가장 작은 단위로, 이미지를 구성하는 작은 점입니다. 해상도는 화면이나 이미지에서 가로와 세로 방향으로 얼마나 …
MathJax
HTML에서 벡터와 행렬을 포함한 수식을 렌더링하려면 MathJax 라이브러리를 사용할 수 있습니다. MathJax는 LaTeX 스타일의 수식을 HTML에서 표시할 수 있도록 도와줍니다. 이 코드를 사용하면 인라인 및 디스플레이 형식의 벡터와 행렬 수식을 …