자료 · 시각화 · 구현
출처와 크레딧.
실제 작업에서 가져온 자료와, 설명을 위해 만든 장면. 무엇을 사용했고 어디까지를 보여주는지 남깁니다.
Noosphere의 데이터와 공간
Noosphere 장면은 개인 연구 Noosphere의 논문 표본과 좌표 산출물에서 가져왔습니다. 원자료는 OpenAlex의 공개 학술 메타데이터입니다. OpenAlex는 메타데이터를 CC0로 공개합니다 ↗. 논문 원문의 이용 조건까지 같은 뜻은 아닙니다.
Noosphere의 배경 표본 파일에서 행 간격을 일정하게 두고 18,000개 점을 골랐습니다. 기존 2D 유사도 배치를 유지하고 출판 연도를 높이에 대응시킨 뒤, 화면에 맞게 중심과 크기를 조정했습니다. 새로 학습한 3D 임베딩이나 논문 간 인용 관계를 보여주는 장면은 아닙니다.
입체 표면은 8개 분야의 표본 밀도를 평활화한 결과입니다. 정확한 주제 경계나 전체 논문 수를 뜻하지 않습니다. 표면을 닫는 과정에서 표본 영역 밖으로 이어진 부분은 미래 논문이 아니며, 등고선은 연도 높이를 읽기 위한 시각 요소입니다. 분야색도 화면에 맞게 채도를 조정했습니다.
실시간 데이터가 아닌 정적 부분 표본입니다. 표시한 점 수는 사용자 수나 서비스 규모가 아닙니다. 저자명·논문 제목·계정 정보·회사 내부 데이터는 이 장면에 포함하지 않았습니다.
‘지형 나눠보기’는 표시한 8개 분야와 기타 그룹을 나눕니다. 같은 분야의 점과 표면에 동일한 표시용 이동을 적용합니다. 펼친 상태의 분야 간 거리에는 데이터 의미가 없으며, 다시 모으면 원래 좌표 배치로 돌아옵니다. 원본 표본·좌표 파일을 수정하는 동작이 아닙니다.
표본·좌표 변환·생성 조건 기록(JSON)에 원본 해시와 추출 조건을 남겼습니다. Noosphere의 실제 개발 범위와 실험 기록은 별도로 읽을 수 있습니다.
Graphify와 작동 구조
Graphify ↗의 로컬 코드 구조 추출을 사용한 기존 산출물을 실제 소스와 대조하고, 처리 순서·실패 분기를 편집했습니다. 시스템 페이지의 도식은 공개 허용 필드만 남긴 데이터로 구성하며 내부 경로·소스 위치를 담은 원본 그래프는 제공하지 않습니다.
시스템 페이지에서 안심사인의 완료·봉인, 에브리톡의 요청·토큰 등록, Noosphere의 배치 투영·타일 생성 구조를 탐색할 수 있습니다. Noosphere 도식은 현재 3D 조형 자체의 렌더링 구조가 아니며, 에브리톡의 별도 배포 스왑 설명도 Graphify가 추출한 도식으로 표시하지 않습니다.
연결된 경로의 강조는 선택한 단계에 인접한 관계를 보여줍니다. 전체 런타임의 자동 검증, 실시간 서버 상태, 처리 성공을 뜻하지 않습니다. 각 도식의 판정식·검증 경계와 한계는 함께 남겼습니다.
프로젝트 자료와 설명용 조형
안심사인은 예시 인명과 데모 계약서를 사용한 실제 편집 콘솔입니다. 팔자연구소는 실제 모바일 상품 화면이며, Noosphere 상세의 앵커·MLP 이미지는 2D 투영 실험 결과입니다. 에브리톡과 상세 작동도는 소스와 작업 기록을 대조해 다시 그린 구조 요약입니다.
입체 문서 구조와 배포 경로는 공개 사례를 설명하기 위해 이 사이트에서 구성한 3D 조형입니다. 실제 계약서나 운영 서버의 실시간 상태가 아닙니다. 정지 장면과 공유 미리보기에는 같은 3D 장면의 캡처를 씁니다.
프로젝트 소개는 담당 범위를 설명하기 위한 자료입니다. 회사 서비스의 소유권·외부 기술의 저작권을 개인 성과로 주장하지 않습니다. 고객 데이터와 내부 운영 원문은 공개하지 않습니다.
렌더링과 오픈소스
웹사이트는 Next.js·React·TypeScript로 구현했습니다. 3D 장면은 Three.js와 React Three Fiber로 렌더링하고, Drei의 조명·환경 구성 도구를 사용합니다. 세 라이브러리는 MIT 라이선스로 제공됩니다.
사용한 라이브러리·서체의 저작권과 라이선스 원문도 함께 보관합니다. 라이브러리, 이미지 렌더러, 서체와 기존 모델 자산의 이용 조건은 각각 구분했습니다.
화면의 선택·상태 전환에는 Motion을 사용합니다. 공개 사례 색인의 동심원 차트는 Bklit UI의 RingChart·Ring 코드를 이 사이트에 맞게 수정했습니다. 원호 계산은 d3-shape로 처리하며, 정적 SVG·키보드 링크·모션 감소 대안을 제공합니다. Bklit Studio의 비공개 이용 조건이 적용되는 코드는 사용하지 않았습니다.
Bklit UI — 저작권과 MIT 라이선스 원문. 차트의 값은 이 사이트에 공개한 사례 본문을 회사·개인·실험으로 나눈 집계입니다. 작업 시간, 전체 업무량, 능력치나 운영 지표를 표현하지 않습니다.
시스템 연결선과 문서 단계의 짧은 도착 연출에는 Anime.js를 사용합니다. 설명과 상태는 먼저 표시하고, 선택한 경로에만 연출을 적용합니다. 모션 감소 설정이나 화면 밖에서는 연출을 중단합니다.
아이콘은 Lucide ↗를 사용합니다. 오픈소스 라이브러리의 기능과 이 사이트에서 만든 장면·상호작용을 구분합니다.
서체
본문과 제목은 SUIT Variable ↗을 사용합니다. SUNN, SIL Open Font License.
코드 표기에는 Geist Mono ↗를 사용합니다. Vercel, SIL Open Font License. 공유 미리보기의 영문은 이미지 생성기가 제공하는 기본 서체로 표시합니다.
디자인 참고 자료
Lusion v3 ↗의 큰 입체 장면과 읽기 영역의 분리, Bruno’s Portfolio ↗의 공간 탐색과 카메라 구성, Dragonfly Redux ↗의 오브젝트와 화면 프레임을 참고했습니다.
모두 공식 Site of the Day 이력을 확인한 자료입니다. 해당 사이트의 코드·이미지·3D 자산을 복제하지 않았습니다. 공개 문서와 소스에서 구현 원리를 살펴본 일과, 라이브러리를 의존성으로 사용한 일을 구분합니다.
하위 페이지의 편집에서는 Plasticbionic의 큰 산출물과 인접한 설명, basement의 자료·본문 대비, Unseen의 같은 공간 안에서 목적이 달라지는 구도를 참고했습니다. 이미지와 글을 겹치지 않고 연결하는 원리를 취했으며, 이 사이트들의 자산은 사용하지 않았습니다.
AI와의 협업
AI 코딩 도구로 자료 조사, 구현, 리뷰를 나누어 진행했습니다. frontend-design·Impeccable·animate·polish의 지침을 참고해 정보 위계와 상호작용, 모션 감소 대안을 정리했습니다. 프로젝트의 사실과 담당 범위는 기존 작업 기록·소스를 대조한 내용을 유지합니다.
Impeccable ↗. 도구를 사용했다는 사실만으로 구현의 정확성이나 운영 성과를 주장하지 않습니다.