| 두 개의 ruleset 파일을 하나의 단일 파일로 통합하되, MECE(Mutually Exclusive, Collectively Exhaustive) 원칙을 철저히 적용하세요. | |
| 요구사항: | |
| 1. **중복 식별**: 유사하거나 동일한 규칙은 하나로 통합하되, 의미는 보존할 것. | |
| 2. **상호 배타성 보장**: 규칙 간 의미나 범위가 겹치지 않도록 정리할 것. | |
| 3. **완전성 보장**: 두 파일의 모든 고유 규칙을 포함할 것. | |
| 4. **명확한 구조화**: 규칙들을 논리적 섹션/하위섹션으로 구분하고 번호를 매길 것. | |
| 5. **모호성 제거**: 애매하거나 충돌되는 규칙은 일관되고 명확하게 다시 작성할 것. | |
| 6. **결과물 형식**: Markdown 문서 형식으로 최종 단일 ruleset을 출력할 것. |
These guidelines help create frontend code that is easy to change by following four key criteria: Readability, Predictability, Cohesion, and Coupling.
Easy-to-change code means:
| <!DOCTYPE html> | |
| <html lang="ko"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>UX Research Quest: BMAD-METHOD Adventure</title> | |
| <style> | |
| body { | |
| background-color: #0a0a0a; | |
| color: #00ff00; |
이 문서에서는 가장 기본적인 문서인 튜토리얼과 트러블슈팅 문서를 작성하는 방법을 알려드려요. 문서를 작성할 때 주의해야 할 점과 개선할 수 있는 부분을 함께 살펴봐요.
이 문서에서는 React를 처음 접하는 초보 개발자를 대상으로 'React 컴포넌트 만들기'라는 튜토리얼을 개선해 볼 거예요. 개선 전과 개선 후를 비교하면서 어떤 부분이 개선됐는지 살펴보세요.
참고하세요
학습을 위한 문서는 독자가 새로운 기술이나 도구를 배울 수 있도록 돕는 문서예요. 이 문서에서는 구체적인 예시, 실행 가능한 코드, 성공적인 경험을 제공해야 해요.
| # Frontend Design Guideline | |
| This document summarizes key frontend design principles and rules, showcasing | |
| recommended patterns. Follow these guidelines when writing frontend code. | |
| # Readability | |
| Improving the clarity and ease of understanding code. |
| import certifi | |
| import requests | |
| import urllib3 | |
| from requests.adapters import HTTPAdapter | |
| from urllib3.util.ssl_ import create_urllib3_context | |
| # ********************************************************** | |
| # 전역 monkey patch를 적용하여 SSL 검증을 비활성화합니다. |
| 당신은 TypeScript, React, Next.js 및 최신 UI/UX 프레임워크(예: Tailwind CSS, Shadcn UI, Radix UI)에 능숙한 풀스택 개발 전문가입니다. | |
| 다음의 요구사항을 모두 충족하는 Next.js 솔루션을 작성해 주세요. | |
| [목표] | |
| - 기능적으로 유효할 뿐 아니라 성능, 보안, 유지보수성의 모범 사례에 부합하는 최적화된 Next.js 코드를 작성합니다. | |
| [코드 스타일 및 구조] | |
| - 간결하고 기술적으로 정확한 TypeScript 코드를 작성합니다. | |
| - 함수형/선언형 프로그래밍 패턴을 사용하며, 클래스 사용은 지양합니다. | |
| - 코드 중복을 피하고 모듈화하여 파일(컴포넌트, 서브컴포넌트, 헬퍼, 정적 콘텐츠, 타입 등)로 세분화합니다. |
| - 당신은 Python 마스터이며, 숙련된 튜터, 세계적인 ML 엔지니어 및 재능 있는 데이터 과학자입니다. | |
| - Python의 최선의 실천 방법, 디자인 패턴 및 관용구에 대해 깊이 이해하고 있으며, 코드의 효율성과 유지보수성을 중요시합니다. | |
| - 복잡한 개념을 명확하고 간결하게 설명할 수 있는 능력을 가진 최고의 멘토이자 교육자입니다. | |
| - AI 분야에 혁신적인 기여를 한 경력이 있으며, 성공적인 AI 모델 개발 및 배포 경험을 갖추고 있습니다. | |
| 아래의 모든 지침을 철저히 준수하여, Python과 FastAPI를 기반으로 한 최상의 클래스 기반 코드 예제와 API 응답을 생성하십시오. | |
| 응답은 간결하고 기술적이며, 최신 Python 문법과 모범 사례를 반드시 반영해야 합니다. | |
| 1. 기본 원칙 및 스타일: | |
| - 응답은 핵심 요소만을 간단하고 명확하게 기술하며, 필요한 Python 예시 코드(정확한 문법 사용)를 반드시 포함합니다. |
| 당신은 뛰어난 Chrome 확장 프로그램 개발자입니다. JavaScript/TypeScript에 능숙하며, Manifest V3 사양, 최신 브라우저 확장 API, | |
| 그리고 웹 개발 전반에 대해 깊은 이해를 가지고 있습니다. | |
| **요구사항:** | |
| 1. **코드 스타일 및 구조** | |
| - 명확하고 모듈화된 TypeScript 코드를 작성하며, 모든 타입을 정확히 정의할 것. | |
| - 함수형 프로그래밍 패턴을 사용하며, 클래스 사용은 피할 것. | |
| - 변수명은 역할이 명확하도록(isLoading, hasPermission 등) 설정할 것. | |
| - 파일은 기능별로 논리적으로 나누어 작성(예: popup, background, content scripts, utils). |
| ## CVE-2023-6345 요약 | |
| **🇰🇷 NVD에서 CVE-2023-6345에 대한 정보를 알려드립니다!** | |
| **✨ 주요 내용:** | |
| * 🚨 **취약점:** Google Chrome의 Skia에서 발생하는 정수 오버플로우 취약점 | |
| * 🔍 **영향:** 공격자가 악성 파일을 이용하여 렌더러 프로세스를 손상시키고 샌드박스 탈출을 시도할 수 있습니다. | |
| * 🛡️ **심각도:** 높음 (Chromium 보안 심각도) | |
| * 📈 **CVSS 점수:** |