당신의 경험에, 당신만의 결을.

쌓아온 경험을,
나답게 엮다.

어떤 일을 하든, 나를 표현하는 방식은 자유롭게.
이력서, 포트폴리오, 나만의 기록을
적은 입력으로 아름답게 완성하는 공간.

나만의 사이트 만들기 완성된 사이트 둘러보기

설치 없이 시작 · 준비됐을 때 공개

나를 소개하는 한 장01

홍길동

프런트엔드 개발자

이메일

john.doe@example.com

전화번호

000-0000-0000 (연결되지 않는 예시)

웹사이트

https://example.com/john-doe

위치

예시로 123, 예시빌딩 101호, 예시시, 예시도, 00000, 대한민국

생년월일

1990.01.01 (예시)

병역

복무 완료 (예시) · 2010.01–2011.12

john-doejohn-doeJohn Doe

사용자의 문제를 발견하고 접근성·성능·유지보수성을 함께 개선하는 개발자. 이 페이지의 이름·연락처·기관·경력·성과는 모두 제품 확인용 가상 자료.

핵심역량

사용자 경험

인터뷰와 사용성 시험을 통해 복잡한 입력 과정을 단순화.

접근성과 성능

키보드 탐색, 명확한 오류 안내, 필요한 코드만 불러오는 화면 구성.

협업과 설계

디자인 시스템·API 계약·자동 시험을 문서로 연결.

경력

2023-01 ~ 현재

예시소프트

선임 프런트엔드 개발자

공통 디자인 시스템과 대시보드 개발 담당.

• 공통 컴포넌트 24종 정리 (예시 수치).
• 초기 화면 표시 시간 3.0초에서 1.8초로 개선 (예시 수치).
• 기획·디자인·백엔드와 함께 API 계약 및 회귀 시험 작성.

2020-03 ~ 2022-12

예시스튜디오

프런트엔드 개발자

기술 블로그와 콘텐츠 편집 화면 개발.

• 모바일·데스크톱 공통 레이아웃 구현.
• 글 작성·미리보기·게시를 분리한 편집 경험 설계.

대표 프로젝트

Atlas

2024-03 ~ 2024-08

장소와 일정을 연결하는 가상 여행 기록 서비스.

Forma

2023-04 ~ 2023-12

제품 팀의 공통 언어를 위한 가상 디자인 시스템.

학력

예시대학교

학사소프트웨어학2016-03 ~ 2020-02GPA 4.10 / 4.50

기술

프런트엔드

TypeScriptReactNext.js

인터페이스

CSS접근성Figma

품질과 협업

PlaywrightVitestGit

커리어 타임라인

PHASE 1

기초와 탐색

소프트웨어 전공과 팀 프로젝트로 개발 기초 학습.

PHASE 2

제품 구현

콘텐츠 플랫폼과 공통 화면 구현.

PHASE 3

경험과 품질

여러 제품에 적용하는 디자인 시스템과 성능 개선.

봉사 활동

예시 디지털 배움터

웹 개발 멘토

2022-03

웹 개발 입문자를 위한 가상 교육 봉사.

수상

예시 서비스 디자인 경진대회

예시 기술 커뮤니티

2024-09-01

키보드만으로 사용할 수 있는 여행 일정 편집기 제안. 실제 수상이 아닌 표시용 자료.

자격증

예시 웹 접근성 과정 수료

예시 교육기관

2023-06-01

출판물

누구나 사용할 수 있는 화면 만들기

예시 기술 저널

2024-02-01

접근 가능한 입력 폼과 오류 안내를 설명하는 가상 기고문.

언어

한국어

원어민 수준 (예시)

영어

업무 소통 가능 (예시)

관심사

디자인 시스템

오픈소스

사진과 기록

Atlas — 일상의 발견을 모으다

흩어진 장소와 기억을 하나의 지도에.

시연 보기 소스 보기

역할프런트엔드 개발 · 화면 설계

팀4명 · 기획 1명; 디자인 1명; 개발 2명

작업 매체웹 · 모바일 웹

사용한 도구TypeScript · React

목표와 문제

흩어진 장소와 일정을 하나의 흐름으로 정리.

담당한 작업

사용자 흐름과 화면 구성
Spring Boot API 연동
접근성·회귀 시험

결과와 근거

입력 단계 5개 → 3개

화면 시연용 가상 수치이며 실제 운영 성과가 아님.

키보드 흐름 구성

탐색·입력·오류 복구 시나리오 포함.

역량과 도구

Frontend

Next.js

역량·도구

지도접근성

대표 이미지

Atlas — 일상의 발견을 모으다 메인 화면 — 실제 서비스가 아닌 화면 구성 예시

프로젝트 기록

문제

저장한 장소가 여러 앱에 흩어져 여행을 준비하는 데 시간이 걸리는 문제.

나의 역할

제품 흐름 설계, 지도 인터랙션, 반응형 웹 구현.

해결

장소를 모으고 일정으로 엮는 경험을 하나의 화면으로 구성.

결과

탐색에서 저장까지의 단계를 줄이고 팀과 함께 사용성 테스트 진행.

함께한 역할

John Doe · 가상 개발자

작은 기록이 모여, 선명한 나의 이야기.

내 이야기는 어떤 모습일까요

이름에 담은 이야기

나의 이력을 엮다.

おりりれきOrireki

織り · Ori · 엮기歴 · Reki · 이력

‘おり’와 ‘りれき(履歴)’가 ‘り’를 나누어 쓰듯, 흩어진 경험을 엮어 나만의 이야기를 만드는 이름이에요.

잘 꾸미는 사람만의 공간이 아닌,
자기 이야기를 가진 모두의 공간.

이력서 · 포트폴리오 · 블로그

어떤 일을 하든, 당신답게

같은 틀에 맞출 필요 없는
나만의 경력 이야기.

교육, 기획, 보건, 디자인, 연구, 개발… 직업을 고를 필요 없이 자유롭게.
아래는 적은 내용으로 만든 가상 예시예요.

이름, 소개, 경험 한 가지 · 가상 자료

홍길동

배움의 즐거움을 나누는 교사

서로의 질문을 통해 함께 성장하는 교실을 만들고 싶습니다.

경력

가상 배움터

교육 프로그램 진행

서로의 이야기를 듣고 함께 만드는 수업을 기획했습니다.

내용은 당신답게, 모습은 자연스럽게.

첫 문장부터,
완성된 모습까지.

보기 좋은 기본값이 있으니까,
당신은 담고 싶은 이야기에 집중하세요.
아래 예시는 실제 개인 사이트와 같은 화면이에요.

01 / 이력서경험의 흐름을 한눈에

홍길동

프런트엔드 개발자

이메일

john.doe@example.com

전화번호

000-0000-0000 (연결되지 않는 예시)

웹사이트

https://example.com/john-doe

위치

예시로 123, 예시빌딩 101호, 예시시, 예시도, 00000, 대한민국

생년월일

1990.01.01 (예시)

병역

복무 완료 (예시) · 2010.01–2011.12

john-doejohn-doeJohn Doe