경험은 당신의 것.
구성은 자유롭게.

CONCEPT / COMPOSITION / COLOR

다섯 컨셉, 열 가지 구성.

Simple Resume · Journal · Dev · Project · Gallery 안에서 원본의 서로 다른 배치를 복원했습니다. 실제 예제를 크게 열어 스크롤하고 상세를 확인하세요.

• 각 예제 안의 색상 조정에서 원본·추천 조합·직접 지정을 시험하고 색상 확정을 누릅니다. 다른 예제는 바뀌지 않습니다.
• 미확정 변경으로 닫거나 만들기를 누르면 적용/변경 버리기/계속 조정을 선택합니다.
• 편집기 색상 조정은 현재 문서를 대상으로 적용·취소하며 스크롤·내용·부분 서식을 유지합니다. 글꼴은 별도 버튼입니다.
• 블록 93개의 목적·적합한 내용·사용 예시를 비교하고 내 구성에 담으세요.
• 구성 변경 시 데이터·순서·ID를 보존합니다. 이전 문서는 여는 것만으로 새 구성으로 바꾸지 않습니다.

YOUR CONTENT, YOUR NEXT STEP

자료가 있든 처음이든, 같은 편집기로.

기존 PDF·Notion은 홈의 기존 자료 옮기기에서 내용을 항목별로 붙여넣으세요. 저장해 둔 Studio 문서는 프로젝트 JSON 열기로 이어갑니다.

• 바구니의 질문으로 내용 채우기는 담은 배치에 입력한 경험을 연결합니다. 구성 확인에서 항목을 배정할 수 있어요.
• 새 예제와 질문 문서는 내용 항목 관리에서 항목을 골라 추가·복제·수정·삭제합니다. 추가 정보는 펼쳐 작성하세요.
• 기존 자유 서식은 항목 편집용 사본을 만들어 원본을 보관하며 내용을 옮길 수 있습니다.
• 내보내기 전에 가상 예제와 미작성 항목을 확인하세요. HTML은 빈 항목을 생략하고 JSON은 미완성 내용도 보관합니다.
• 다른 회사에 제출할 때는 내 프로젝트에서 복사를 누르고 사본 이름을 입력하세요.

CHOOSE YOUR DIRECTION

먼저 분위기를 고르세요.

첫 화면의 스타일 미리보기와 블록 예제 탭에서 실제 예제를 탐색합니다. 마음에 들었던 05 Executive Brief와 09 Product Showcase를 각 컨셉 안에서 확인할 수 있어요.

• 스타일 ‘전체 보기’에서 완성 페이지를 확인하고 ‘이 스타일 예제로 바로 만들기’로 편집기에 바로 들어갑니다.
• 블록 예제는 좌우로 넘겨 비교합니다. 오른쪽 ‘내 구성’에서 담은 블록과 순서, 탭·카드 항목 수를 확인하세요. 모바일에서는 ‘내 구성 N개 보기’를 누릅니다.
• ‘담은 구성으로 바로 편집’은 선택한 구성만으로 새 예제를 만듭니다. 항목 수를 지정해 가상 예제로 편집을 체험할 수 있습니다.
• ‘포트폴리오 만들기’에서 예제 또는 질문 경로를 고릅니다. 질문은 전체화면에서 이전·다음으로 한 묶음씩 작성합니다.
• ‘예제 포트폴리오로 시작’은 홍길동의 가상 자료를, ‘질문으로 내 구성 찾기’는 입력한 경험만 반영합니다.

편집기에서 스타일을 변경할 때 ‘이 스타일 적용하기’를 누르면 블록 순서와 편집한 내용은 유지됩니다.

COMPOSE THE STORY

필요한 만큼 쌓아 보세요.

소개, 프로젝트, 코드·증거, 경력, 교육, 연락처 등 10개 영역에 각각 10개 구성 패턴이 있습니다. 같은 블록도 여러 번 추가할 수 있습니다.

• ‘블록 추가’에서 검색하고 미리보기 후 추가합니다.
• ‘문서 구조’에서 드래그 또는 ↑↓로 이동합니다.
• 복제한 블록은 서로 독립적으로 수정할 수 있습니다.
• 숨김 블록은 JSON에 남고 HTML에서는 제외됩니다.

프로젝트를 본문에 펼치거나, 탭·드로어·전체화면 상세로 구성해 보세요.

MAKE IT YOURS

모달 속 내용까지 편집하세요.

문서 구조나 미리보기의 ‘편집’을 누르면 오른쪽 편집기가 열립니다. 작은 화면에서는 상단 ‘추가·속성’ 버튼으로 오른쪽 패널을 엽니다. ‘블록’ 패널과 번갈아 열 수 있고, 닫기 버튼이나 Esc로 닫습니다.

• 설정: 목차 이름, 패턴, 표시 여부와 상세 대상.
• 텍스트: 본문·상세 문구와 이미지 대체 텍스트.
• 링크: 웹주소, 이메일, 전화번호와 문서 앵커.
• 이미지: 2MB 이하 PNG/JPEG/WebP/GIF 파일.

문구를 바꾼 뒤 ‘변경 적용’ 또는 Cmd/Ctrl+S로 저장하세요. 같은 문구가 반복되어도 선택한 위치만 바뀝니다. HTML은 실행하지 않고 글자로 표시합니다.

TAKE YOUR WORK WITH YOU

웹페이지와 작업 파일을 따로.

HTML은 제출·공유할 결과물, JSON은 다시 편집하기 위한 백업입니다. 둘 다 내려받아 두는 것을 권장합니다.

• HTML: 사용 이미지·폰트·모달 기능이 포함된 단일 파일.
• 다운로드한 HTML은 서버 없이 더블클릭해 확인합니다.
• JSON: ‘불러오기’로 새 프로젝트로 복원합니다.
• ‘내 프로젝트’에서 여러 문서를 관리할 수 있습니다.

자동 게시하지 않습니다. 공개 전 예제 이름·경력·이메일·코드 출처와 본인의 기여 범위를 반드시 확인하세요.