기능
Foundation이 제공하는 것과 의도적으로 멈추는 지점.
Foundation은 재사용 가능한 웹사이트 기반입니다. 이 페이지의 모든 것은 프로젝트 안에 있고 각 배포에서 구성할 수 있습니다. 아래의 경계도 기능만큼 의도적입니다.
- 여섯 개의 기능군이 있으며 모두 코드가 아니라 구성으로 다룹니다
- 이 페이지의 각 주장 뒤에는 저장소의 증거가 있습니다
- 경계는 빠진 기능이 아니라 아키텍처 범위로 서술합니다
포함되는 것
각 기능군은 비즈니스가 가장 먼저 알아차리는 것, 그것을 만들어내는 기계, 그리고 여러분이 준비할 것을 보여줍니다.
아이덴티티와 콘텐츠
이름, 슬로건, 설명, 내비게이션, 페이지, 컬렉션이 템플릿에 흩어진 코드가 아니라 여러분의 구성과 파일에 있습니다. 변경은 한 곳에서 일어납니다.
내부 동작
엄격하게 검증되는 사이트 구성과 frontmatter가 있는 Markdown 페이지를 콘텐츠 저장소 인터페이스로 읽습니다. 내비게이션 순서와 페이지 존재는 별개의 관심사이므로 메뉴가 페이지를 만들어낼 수 없습니다.
여러분이 준비할 것
아이덴티티 값, 글, 컬렉션, 선택 기능 구성.
표현
디자인, 여백, 타이포그래피 시스템이 이미 있어 사이트가 첫날부터 정돈되어 보입니다. 리브랜딩은 이름이 붙은 시각 역할을 교체하는 작업입니다.
내부 동작
디자인 토큰 기반의 표현 레이어로 라이트와 다크 스킴, 하나의 액센트 값을 갖습니다. 로고, favicon, 소셜 미리보기, 배너, 배경, 그래픽 역할은 구성이며 역할이 없으면 아무것도 그리지 않습니다.
여러분이 준비할 것
브랜드 시각 자료, 액센트 선택, 추가하는 사용자 정의 표현.
국제화
언어 추가는 개발 프로젝트가 아니라 콘텐츠 작업입니다. 사전 파일 하나와 콘텐츠 디렉터리 하나면 되고, 번역이 미완성이어도 사이트가 무너지지 않습니다.
내부 동작
경로 기반 언어와 협상, 언어별 스키마 검증 UI 사전, 페이지 단위로 기본 언어로 돌아가는 콘텐츠 폴백, 실제로 페이지가 있는 언어에만 생성되는 언어 주석.
여러분이 준비할 것
번역과 채택할 언어 구성.
가시성
검색 엔진과 소셜 미리보기가 페이지마다 누군가 기억해 추가하지 않아도 올바른 제목, 정규 주소, 구조화 데이터를 받습니다.
내부 동작
구성과 콘텐츠에서 도출되는 경로별 메타데이터, 콘텐츠 모델과 실제 언어 구성에서 생성되는 사이트맵, 이를 참조하는 robots 출력, Open Graph와 Twitter 카드, 구성에서 구성되는 schema.org 구조화 데이터.
여러분이 준비할 것
도메인, 설명, 추가하는 캠페인이나 분석 메타데이터.
연결
이미 쓰는 서비스는 그대로 둡니다. Foundation은 방문자의 의도를 제시하고 넘깁니다. 제공자 교체는 재구축이 아니라 구성 변경입니다.
내부 동작
기능별 팩토리 뒤의 제공자 중립 연동 지점을 구성에서 선택하고 비활성 상태를 명시합니다. 쓰지 않는 기능은 비용을 만들지 않습니다.
여러분이 준비할 것
그 제공자의 계정과 비용.
엔지니어링 품질
변경이 자동으로 검사되어, 이후의 편집이 아무도 보지 않은 페이지를 조용히 깨뜨릴 가능성이 크게 줄어듭니다.
내부 동작
구성과 사전의 스키마 검증, 테스트로 증명되는 아키텍처 경계, 커밋된 실제 브라우저 검증 매트릭스, 문서화된 토큰 쌍의 자동 대비 검사, 그리고 자산, 타입, lint, 테스트, 빌드 게이트.
여러분이 준비할 것
없습니다. 이 부분은 물려받는 것이며 이 목록의 나머지를 신뢰할 수 있게 합니다.
Foundation이 대체하려 하지 않는 것
Foundation은 비즈니스를 보여주고 방문자의 의도를 기존 시스템으로 넘깁니다. 시스템 자체 앞에서 의도적으로 멈춥니다.
- CRM과 고객 데이터
- 회계와 청구
- 결제 기록과 카드 처리
- 예약 또는 일정 운영 데이터베이스
- 고객 계정과 로그인
- 재고와 더 넓은 운영
이는 결함이 아니라 경계입니다. 모든 것을 겸하려는 웹사이트는 소유하기도, 바꾸기도, 넘기기도 더 어렵습니다.
이 페이지의 주장 출처
위의 각 기능은 여기서 주장하는 대신 저장소에서 확인할 수 있습니다. 이를 뒷받침하는 유지되는 문서를 정리했습니다.
아키텍처
계층, 의존 방향, 테스트가 강제하는 경계.
커스터마이즈
플랫폼 코드를 건드리지 않고 구성, 콘텐츠, 사전, 자산을 바꾸는 방법.
브랜드 자산
이름이 붙은 시각 역할. 아이덴티티 시각 자료 교체가 탐색이 아니라 명확한 작업이 됩니다.
배포
빌드된 사이트를 도입자 자신의 계정과 도메인으로 배포하는 방법.
안내서
Foundation 구하기부터 문제 해결까지의 전체 도입 경로.
이 사이트는 그 문서를 요약하며, 두 번째 사본이 되지 않습니다.
동작하는 모습 보기
서로 다른 두 비즈니스가 이 기반 위에서 운영됩니다. 무엇이 나오는지 보고 요소들이 어떻게 맞물리는지 읽어 보세요.