meepin 클래스와 인터페이스 관계를 한 장으로 빠르게 다시 보기 위해 옮겨둔 다이어그램 메모입니다.
tagged architecture
ECharts Core ↓ EChartsGL (최상위 레이어) ↓ LayerGL (WebGL 렌더링 레이어) ↓ ViewGL (장면, 카메라, 뷰포트 관리) ↓ ClayGL (저수준 WebGL 라이브러리)
아래 문서는 그동안 논의·개선한 내용을 처음부터 끝까지 정리한 최종 보고서입니다. React Native + Unistyles v3 환경을 전제로 하며, 하이픈( )은 사용하지 않고 언더바( )만 사용 , BEM 개념을 간결하게 차용 한 스타일 네이밍 규칙을 확정합니다.
글자 계층에 대해 정리한 글입니다.
컴포넌트 만들때 스타일링에 대해 정리한 글입니다.
📘 구축 프로젝트를 위한 컴포넌트 & 스타일 설계 전략서
접근 차단에 대해 정리한 글입니다.
storybook addon figma Embed Figma designs in a storybook panel. figma api demo This project contains demo apps using the Figma API. Figma.js A simple JS wrapper
deploy.sh에 대해 정리한 글입니다.
예를 들어, 아래와 같이 그룹핑하여 설정할 수 있습니다:
dev, stage, prod 환경을 분리하여 구성하는 방법과, 이를 위해 사용하는 dotenv와 cross env의 역할 및 설정 방법을 자세히 설명합니다.
Stackflow Activity vs Step 완벽 가이드
https://arc.net/folder/C440CD99 59D9 43B7 8E44 C31293E55D11
🎯 전제 스타일은 직접 제어 해야 함 → Headless / 커스터마이징 친화도 중요 DOM 기반 라이브러리는 배제 Expo 호환성 고려
| 기능 | 권장 라이브러리 / API (Expo 우선) | iOS/Android 권한 & 설정 | 주요 주의사항 / 한계 | 난이도 | 오프라인/백그라운드 | | | | | | :| | | 카메라 촬영 | expo camera | iOS: NSCameraUsageDescription
1. 기본 인프라 expo : RN 앱 런타임/빌드 환경 react / react native : Expo SDK에 맞춘 버전 typescript : 언어 지원 zustand : 상태 관리 (웹에서 사용하던 것 유지) @tanstack/react query : 서버 상태 관리 (웹에서
0) 상위 의사결정 트리 | 주제 | 결정 포인트 | 권장안 | 리스크/대안 | | | | | | | 프로젝트 타입 | Expo Managed vs Dev Client vs Bare | Managed 로 시작 → 네이티브 요구 생기면 Dev Client | TLS Pinning/고급 B
// 리마 인스턴스 생성 및 실행 // 도커 탬플릿으로 생성 limactl create name=docker template://docker limactl start docker
아래는 제공된 Dockerfile 및 Compose 파일들의 역할과 기능, 그리고 이를 바탕으로 현재 프로젝트 세팅에서 변경해야 할 사항, 마지막으로 외주 프로젝트에서 EC2에 소스를 배포할 때 Git Clone 방식과 파일 직접 전송 방식의 장단점에 대해 설명한 내용입니다.
아래는 여러분의 Next.js 프로젝트를 로컬에서 빌드 후 EC2(또는 원격)와 내 로컬 Docker 환경에서 각각 배포할 수 있도록 준비한 파일 구성 및 배포 프로세스 예시입니다.
아래는 제공된 자바 애플리케이션 배포 방식에 대한 상세 설명과 그 원리를 정리한 내용입니다.
아래는 기존에 영문과 공백만 허용하던 정규식을 영문 + 공백 + 일부 특수문자를 허용하도록 확장한 예시입니다. 어떤 특수문자를 허용할지에 따라 정규식의 문자 클래스([]) 안에 포함시킬 기호를 자유롭게 추가·제거하시면 됩니다.
@ https://www.joshwcomeau.com/css
코어 모듈 관계트리 ECharts <br/ | echarts.init() 차트 초기화 <br/ | | ZRender 2D 렌더링 엔진 <br/ | SeriesModel 시리즈 데이터 및 옵션 관리 <br/ | | List 데이터 구조 <br/ | CoordinateSystem 좌표계 관
목차 1. 라이브러리 구조 분석 2. 렌더링 파이프라인 분석
목차 1. 소개 2. ECharts GL 아키텍처 개요 3. 렌더링 파이프라인 4. cone3D 차트 렌더링 과정 5. 내부 작동 메커니즘 6. ClayGL과의 통합 7. 결론
프로젝트 개요 wafermap poc는 반도체 웨이퍼의 결함 정보를 시각화하는 React 기반 프로젝트입니다. KLARF(KLA Tencor's defect reporting file format) 포맷의 데이터를 입력받아 ECharts 기반의 인터랙티브한 2D 웨이퍼맵을 생성합니다.
Three.js를 사용한 완전히 새로운 3D 웨이퍼맵 시각화 시스템을 설계합니다. 기존 2D 웨이퍼맵과는 독립적으로 개발되며, 3차원 웨이퍼 데이터를 전용으로 처리하는 Shot Mode와 Focus Spot Mode를 지원하는 고성능 3D 시각화 솔루션입니다.
핸드쉐이크 과정 신원확인용 인증서 교환, 비대칭 암호화 [RSA Rivest Shamir Adleman], [ECDHE Elliptic Curve Diffie Hellman Ephemeral]
목적: 가독성 , 일관성 , 성능(무리렌더 업데이트) , 확장성 을 보장하는 팀 표준.