차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- wiki:glossary:web_technologies:css [2025/07/28 06:20] – 만듦 - 바깥 편집 127.0.0.1
+++ wiki:glossary:web_technologies:css [2025/07/30 06:43] (현재) – 바깥 편집 127.0.0.1
@@ 줄 11: / 줄 11: @@
 **핵심 기능**:
-* **색상 및 배경**: 글자색, 배경색, 그라디언트 효과
+  * **색상 및 배경**: 글자색, 배경색, 그라디언트 효과
-* **글꼴 및 텍스트**: 폰트 종류, 크기, 굵기, 정렬
+  * **글꼴 및 텍스트**: 폰트 종류, 크기, 굵기, 정렬
-* **레이아웃**: 요소의 위치, 크기, 간격 조정
+  * **레이아웃**: 요소의 위치, 크기, 간격 조정
-* **애니메이션**: 호버 효과, 전환 효과, 키프레임 애니메이션
+  * **애니메이션**: 호버 효과, 전환 효과, 키프레임 애니메이션
 ----
@@ 줄 21: / 줄 21: @@
 ==== Dream of E&C 프로젝트에서의 활용 ====
-* **반응형 디자인**: 다양한 화면 크기에 맞는 레이아웃
+  * **반응형 디자인**: 다양한 화면 크기에 맞는 레이아웃
-* **사용자 경험**: 버튼 호버 효과, 부드러운 전환
+  * **사용자 경험**: 버튼 호버 효과, 부드러운 전환
-* **브랜딩**: 일관된 색상 체계와 폰트 사용
+  * **브랜딩**: 일관된 색상 체계와 폰트 사용
-* **접근성**: 명확한 대비와 읽기 쉬운 디자인
+  * **접근성**: 명확한 대비와 읽기 쉬운 디자인
 ==== 기본 문법 예시 ====
@@ 줄 49: / 줄 49: @@
 === 🔧 관련 기술 ===
-* **HTML**: CSS가 스타일을 적용하는 마크업 언어
+  * **HTML**: CSS가 스타일을 적용하는 마크업 언어
-* **[[wiki:glossary:web_technologies:javascript|JavaScript]]**: 동적 스타일 변경 및 인터랙션
+  * **[[wiki:glossary:web_technologies:javascript|JavaScript]]**: 동적 스타일 변경 및 인터랙션
-* **Sass/SCSS**: CSS 전처리기로 더 효율적인 스타일 작성
+  * **Sass/SCSS**: CSS 전처리기로 더 효율적인 스타일 작성
-* **Bootstrap**: CSS 프레임워크
+  * **Bootstrap**: CSS 프레임워크
-* **[[wiki:glossary:game_development:phaser|Phaser.js]]**: 게임 엔진에서 UI 스타일링
+  * **[[wiki:glossary:game_development:phaser|Phaser.js]]**: 게임 엔진에서 UI 스타일링
-* **[[wiki:glossary:server_operations:nodejs|Node.js]]**: 서버 사이드 렌더링에서 CSS 처리
+  * **[[wiki:glossary:server_operations:nodejs|Node.js]]**: 서버 사이드 렌더링에서 CSS 처리
 ----
@@ 줄 61: / 줄 61: @@
 ==== 주요 개념 ====
-* **선택자**: 스타일을 적용할 HTML 요소 지정
+  * **선택자**: 스타일을 적용할 HTML 요소 지정
-* **박스 모델**: margin, border, padding, content
+  * **박스 모델**: margin, border, padding, content
-* **Flexbox**: 유연한 레이아웃 시스템
+  * **Flexbox**: 유연한 레이아웃 시스템
-* **Grid**: 2차원 레이아웃 시스템
+  * **Grid**: 2차원 레이아웃 시스템
 ==== 실무 팁 ====
-* **클래스 네이밍**: BEM 방법론 활용
+  * **클래스 네이밍**: BEM 방법론 활용
-* **성능 최적화**: CSS 파일 압축, 불필요한 스타일 제거
+  * **성능 최적화**: CSS 파일 압축, 불필요한 스타일 제거
-* **브라우저 호환성**: vendor prefix 사용
+  * **브라우저 호환성**: vendor prefix 사용
-* **유지보수**: 모듈화된 CSS 구조
+  * **유지보수**: 모듈화된 CSS 구조
 //''웹의 시각적 아름다움을 만들어내는 핵심 기술입니다.''//