표현 블록

링크·상품 같은 연결 콘텐츠가 아니라, 글·역량·구성으로 보여주는 블록이에요. 편집 화면 ＋ 블록 추가 › 표현에서 골라요.

모든 블록 공통

제목(라벨용) · 공개/숨김 · 복제 · 탭 이동 · 삭제 · 강조(별, 페이지당 1개) · 왼쪽 세로 드래그로 순서. 노출 예약(오픈·종료·카운트다운)은 Pro.

텍스트

공지·소개 같은 글을 보여주는 블록이에요. 대표문구(제목)·상세문구(본문)를 넣고, 기본·카드·접기(토글) 모드와 정렬·크기를 골라요.

대표문구 · 상세문구 · 도형 레이아웃

대표문구(굵게, 크기 px 직접 입력)와 상세문구(비율로 자동 축소)를 넣고, 레이아웃(기본 + 도형 리본·트럼프·편지·대문)·정렬(아이콘)을 골라요. 도형은 원본 비율 그대로 얹혀요.

대표문구 · 굵게 · 크기 px 직접

큰 제목을 입력하세요

17px

상세문구 · 비율로 자동 축소

상세 내용을 입력하세요

레이아웃

기본

리본

트럼프

편지

대문

정렬

공개 미리보기

큰 제목상세 내용이 이어져요

스킬 / 역량

포트폴리오 역량을 %로 시각화하는 블록이에요.

스킬 — 역량을 %로 시각화

항목마다 이름 · % · 색상을 정하고, 가로 바 · 세로 바 · 원형 3가지 표시 방식 중 골라요. 원형은 자동 배치돼요(5개면 3 + 2 가운데). 포트폴리오 역량을 한눈에 보여줄 때 좋아요.

React88%

Next.js82%

TypeScript90%

Node.js74%

Figma66%

타임라인 / 연혁

연도별 경력·연혁을 정리하는 블록이에요.

스타일 · 항목(연도·월·타이틀·상세·링크)

스타일 3종(클래식·카드·컴팩트) 중 골라요. 항목마다 연도·월·타이틀·상세(2줄)와 관련 링크(선택)를 넣고 ＋ 항목 추가로 늘려요. → 미리보기는 클래식 기준이고, 항목마다 링크도 함께 보여요.

스타일

클래식

카드

컴팩트

2024

3월

타이틀

상세 내용 (2줄까지)

구분선 / 여백

블록과 블록 사이를 나누는 선·여백이에요. 연결선(세로 실) 로 위아래 블록을 잇고, 이어진 블록을 살짝 기울일 수도 있어요.

구분선 스타일 · 여백

선 없음 + 다양한 스타일(직선·이중선·점선·물결·장식 등) 중 골라요. 선 색상과 여백(0~160px)도 조절할 수 있어요. → 미리보기처럼 블록과 블록 사이를 깔끔하게 나눠줘요.

구분선

여백 조정

24 px

선 색상

공개 미리보기

큰 제목이 여기 보여요

텍스트 블록의 상세 내용이에요.

가을 신상 니트

20%19,900원

프라모델

러너(부품) 프레임 위에 사진·이미지 5개를 자유롭게 배치하는 블록이에요. 프라모델 부품처럼 프레임에서 하나씩 떼어내는 느낌을 줘요.

프라모델 — 러너 프레임 위에 이미지 5개를 자유 배치

부품을 프레임에서 떼어내듯, 이미지를 끌어 옮기고 · 크기 · 회전해요. 아래 번호대로 따라 해보세요.

프레임·외곽선 색

5 / 5

이미지 링크 · 비우면 링크 없음

https://…

12345

1자유 배치 — 이미지를 끌어 옮기고, 눌러서 크기 · 회전을 직접 조절해요(스티커와 같은 조작).
2다이컷 스티커 — 배경 없는 PNG는 모양을 따라 외곽선이 둘려 진짜 스티커처럼 떠 보여요.
3색 변경 — 프레임 색과 다이컷 외곽선 색을 함께 바꿔요(같은 색으로 반영).
4완성 기준 — 이미지 5개를 채우면 공개 페이지에 표시돼요.
5이미지별 링크 — 이미지마다 링크를 걸면 공개 페이지에서 그 이미지를 눌러 이동해요(비우면 링크 없음).

텍스트​

스킬 / 역량​

타임라인 / 연혁​

구분선 / 여백​

프라모델​

텍스트

스킬 / 역량

타임라인 / 연혁

구분선 / 여백

프라모델