meepin 아래는 기존에 영문과 공백만 허용하던 정규식을 영문 + 공백 + 일부 특수문자를 허용하도록 확장한 예시입니다. 어떤 특수문자를 허용할지에 따라 정규식의 문자 클래스([]) 안에 포함시킬 기호를 자유롭게 추가·제거하시면 됩니다.
recent
감지 조건 및 화면에서의 역할 • currentPosition 이 값은 window.scrollY + offset + 1로 계산되며, 이는 뷰포트 상단에서 offset(예를 들어 헤더 높이 80px)을 더한 위치입니다. 즉, 화면 상단에 고정된 헤더 아래 부분(약 81px 위치)을 기준
아래는 로컬에서 컨테이너를 올려서 테스트할 때 자주 사용하는 Docker 및 Docker Compose 명령어와 그 사용 예시입니다.
@ https://www.joshwcomeau.com/css
디자이너가 디자인 토큰을 관리하지 않는 상태에서 개발자 주도로 토큰화를 시작하는 경우, 어떤 토큰을 언제, 어떻게, 어떤 수준까지 관리해야 하는지, 유지보수성과 협업 일관성을 확보하기 위한 전략적 판단 기준과 작성 가이드라인이 필요합니다. 특히 6년 이상 장기 프로젝트 또는 운영 시스템
목차 1. 좌표계란 무엇인가? 2. 웨이퍼맵에서 좌표계가 필요한 이유 3. 데이터 좌표계 (Data Coordinate System) 4. 웨이퍼 로컬 좌표계 (Wafer Local Coordinate System) 5. Three.js 월드 좌표계 (World Coordinate Sy
이 문서는 단일 <Wafermap3D/ 컴포넌트로 모든 내부 파싱과 처리를 담당하는 3D 웨이퍼맵 시스템의 구현 청사진입니다. 상호작용(interaction)과 데이터 관리(data management), 최적화는 우선 배제하고 핵심 렌더링 기능에 집중합니다.
1. 전체 아키텍처 분석 echarts 및 echartsGL 의 아키텍처와 렌더링 프로세스 이해
코어 모듈 관계트리 ECharts <br/ | echarts.init() 차트 초기화 <br/ | | ZRender 2D 렌더링 엔진 <br/ | SeriesModel 시리즈 데이터 및 옵션 관리 <br/ | | List 데이터 구조 <br/ | CoordinateSystem 좌표계 관
목차 1. 라이브러리 구조 분석 2. 렌더링 파이프라인 분석
목차 1. 3D 관련 컴포넌트 분석 2. 시리즈 렌더링 메커니즘
WebGL 기반 3D 시각화는 강력한 표현력을 제공하지만, 성능 이슈가 발생할 수 있습니다. ECharts GL의 성능을 분석하고 최적화하기 위한 프로파일링 방법을 살펴보겠습니다.
목차 1. 이벤트 메커니즘 2. 3D 공간에서 상호작용
1. GL (Graphics Library)란? GL 은 Graphics Library 의 약어로, 컴퓨터 그래픽을 그리는 데 필요한 기능들을 제공하는 라이브러리입니다. 특히 OpenGL 은 2D 및 3D 그래픽 렌더링을 위해 널리 사용되는 표준 API입니다.
목차 1. 소개 2. ECharts GL 아키텍처 개요 3. 렌더링 파이프라인 4. cone3D 차트 렌더링 과정 5. 내부 작동 메커니즘 6. ClayGL과의 통합 7. 결론
목차 1. GL 레이어 구조 개요 2. GL 컴포넌트 상세 분석 3. 컴포넌트 간 의존 관계 4. Geometry 클래스 생성 패턴 5. 좌표계와 GL 컴포넌트 통합
1. [echarts.init] 1. 차트 인스턴스 생성 2. 내부 [ZRender] 초기화 후 반환 3. [charts gl] 확장 [echarts.registerPostInit()] 콜백 [LayerGL], [ZRTextureAtlasSurface] 생성 GL 전용 레이어, 텍스처
WebGL 은 웹 브라우저 내에서 플러그인 없이 2D 및 3D 그래픽을 구현할 수 있도록 하는 JavaScript 기반 API입니다. <br/ OpenGL ES를 토대로 하여 GPU의 하드웨어 가속을 활용, 웹에서 고성능 그래픽 처리를 가능하게 합니다.
프로젝트 개요 wafermap poc는 반도체 웨이퍼의 결함 정보를 시각화하는 React 기반 프로젝트입니다. KLARF(KLA Tencor's defect reporting file format) 포맷의 데이터를 입력받아 ECharts 기반의 인터랙티브한 2D 웨이퍼맵을 생성합니다.
이 문서는 웨이퍼맵 3D 시스템의 핵심 4단계 프로세스와 100 1000개 Shot 렌더링 최적화를 위한 완전한 구현 가이드입니다.
Three.js를 사용한 완전히 새로운 3D 웨이퍼맵 시각화 시스템을 설계합니다. 기존 2D 웨이퍼맵과는 독립적으로 개발되며, 3차원 웨이퍼 데이터를 전용으로 처리하는 Shot Mode와 Focus Spot Mode를 지원하는 고성능 3D 시각화 솔루션입니다.
핸드쉐이크 과정 신원확인용 인증서 교환, 비대칭 암호화 [RSA Rivest Shamir Adleman], [ECDHE Elliptic Curve Diffie Hellman Ephemeral]
정의 클라이언트의 요청을 받아 내부에 있는 [WAS]나 다른 서버로 전달 후, 응답을 클라이언트에 전달
목적: 가독성 , 일관성 , 성능(무리렌더 업데이트) , 확장성 을 보장하는 팀 표준.
import type { ComponentProps } from \"react\"; import { View } from \"react native\"; import styles, { type UiBoxVariants } from \"./ui box.style\";
Expo Router Forum App — Scaffold v2 (layout first, @folder: aliases, f/ )
프로젝트 개요 일정 : 2025년 7월 1일 하이닉스(분당) 미팅 목표 : POC 개발 추가 확인사항 : 7월 1일 화요일 답변 예정
AWS SES를 붙여서 인증번호 메일, 이메일 찾기, 비밀번호 재설정 메일을 보내는 흐름을 한 번에 정리한 글입니다.
1. 백엔드 아키텍처 설계 | 사용 사례 | 예시 요청 | | | | | 데이터베이스 스키마 설계 | \"e 커머스 플랫폼을 위한 효율적인 데이터베이스 스키마를 설계해 주세요.\" | | 마이크로서비스 아키텍처 설계 | \"확장 가능한 소셜 미디어 앱을 위한 마이크로서비스 아키텍처를 제안해
Baklava 디자인 시스템, Figma API, Storybook 연계 자료를 한 군데 모아둔 참고 메모입니다.