직접 만드는
포트폴리오 웹사이트
페이지를 만들고, 블럭을 배치하고, 내용을 채운 뒤 발행하세요.
01
페이지와 블럭을
직접 조합하세요
원하는 순서로 페이지를 만들고, 작업물 · 주요 지표 · 경력 · 이미지 블럭을 배치하세요
페이지 ＋
HOME
WORK
ABOUT
＋ 페이지 추가
문서
＋ 문서 추가
블럭
☰ 작업 · 리스트
▤ 지표
🗂 경력
✎ 글쓰기
A 텍스트
🖼 이미지
🔗 링크
— 구분선
N
Notioner
개인 플랜
커버
Frontend Engineer
@ Layerlab
빠르게 만드는 것보다 오래 고칠 수 있게 만드는 데 관심이 있습니다.
ReactTypeScriptNext.js웹 성능🔗
작업 · 리스트
작업
2025›
디자인 시스템 패키지
사내 5개 서비스가 쓰는 React 컴포넌트 라이브러리. 번들 42KB
2024›
커머스 프론트 재작성
SPA → Next.js App Router 이관. LCP 4.1s → 1.3s
2023›
실시간 대시보드
WebSocket 기반 지표 화면. 1만 행 가상 스크롤
＋
블럭 설정페이지 설정
블럭 유형
☰ 작업 · 리스트 ▾
레이아웃
표시 항목
☑ 연도
☑ 요약
☑ 태그
☐ 링크
정렬
최신순오래된순
페이지당 항목 수
5개 ▾
블럭 삭제
02
페이지 흐름도
직접 정리하세요
소개 페이지에서 프로젝트 상세, 글쓰기, 연락처까지 원하는 구조로 연결할 수 있어요
＋ 페이지 추가▤ 그룹 추가
－ 100% ＋✦ 자동 정렬
⌂ Home⋯
안녕하세요,
이준혁입니다
이준혁입니다
🗀 Projects⋯
프로젝트
▤ Case Study⋯
프로젝트 상세
✎ Writing⋯
글쓰기
✉ Contact⋯
연락처
03
다양한 테마와
디테일을 선택하세요
레이아웃, 정렬, 색상, 여백을 바꿔도 항상 정돈된 상태를 유지해요
블럭 변형
원하는 레이아웃을 선택해 보세요.
작업 · 리스트+태그
2025›
디자인 시스템 패키지
사내 5개 서비스가 쓰는 React 컴포넌트 라이브러리. 번들 42KB
카드 열어 케이스 스터디 쓰기 ↗
테마 색상
포트폴리오에 어울리는 테마 색상을 선택하세요.
테라코타
세이지
잉크 블루
버건디
미리보기
2025
디자인 시스템 패키지
사내 5개 서비스가 쓰는 React 컴포넌트 라이브러리. 번들 42KB
카드 열어 케이스 스터디 쓰기 ↗
2024
커머스 프론트 재작성
SPA → Next.js App Router 이관. LCP 4.1s → 1.3s
콘텐츠 설정
콘텐츠 구성과 스타일을 세부적으로 설정하세요.
제목
디자인 시스템 패키지
설명
사내 5개 서비스가 쓰는 React 컴포넌트 라이브러리.
번들 42KB
번들 42KB
버튼 표시
여백
SML
정렬
≡≣≡
미리보기
2025
디자인 시스템 패키지›
사내 5개 서비스가 쓰는 React 컴포넌트 라이브러리. 번들 42KB
카드 열어 케이스 스터디 쓰기 ↗
직접 제작한
나만의 포폴을 발행하세요
초안을 만들고, 블럭을 수정하고, 링크로 공유하세요
◦ Studio
Welcome
to our studio
to our studio
나의 포트폴리오
⇱