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

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

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

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

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

나를 소개하는 한 장01

홍길동의 이력서

이력서모던 클래식

홍길동

프런트엔드 개발자

이메일

john.doe@example.com

전화번호

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

웹사이트

https://example.com/john-doe

위치

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

생년월일

1990.01.01 (예시)

병역 상태

복무 완료 (예시)

복무 기간

2010.01 – 2011.12

프로필

john-doe john-doe John Doe

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

핵심역량

사용자 경험

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

접근성과 성능

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

협업과 설계

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

경력

2023-01 ~ 현재

예시소프트

선임 프런트엔드 개발자|정규직|예시시 · 혼합 근무

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

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

2020-03 ~ 2022-12

예시스튜디오

프런트엔드 개발자|정규직|예시시

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

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

프로젝트

2024-03 — 2024-08 · 웹 서비스

Atlas

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

화면 설계 · 프런트엔드 개발 · 가상 팀 프로젝트

Next.jsTypeScript지도

검색·저장·일정 편집을 하나의 흐름으로 연결.
모바일 탐색과 키보드 조작 지원.

문제

여러 앱에 흩어진 장소를 한 번에 정리하기 어려운 상황.

해결

저장한 장소와 여행 일정을 같은 화면에서 편집.

프로젝트 기록 보기

2023-04 — 2023-12 · 디자인 시스템

Forma

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

컴포넌트 개발 · 문서 작성 · 가상 사내 프로젝트

ReactCSS접근성

버튼·입력·대화상자의 동작 규칙을 통일.

검증

키보드 탐색과 다양한 화면 크기에 대한 회귀 시험.

프로젝트 기록 보기

학력

예시대학교예시시

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

주요 과목: 자료구조 · 운영체제 · 데이터베이스 · 사용자 인터페이스 설계

기술

프런트엔드

TypeScript숙련React숙련Next.js숙련

인터페이스

CSS숙련접근성실무 활용Figma실무 활용

품질과 협업

Playwright실무 활용Vitest실무 활용Git숙련

커리어 타임라인

PHASE 1

2016-03 ~ 2020-02

기초와 탐색

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

자료구조웹 기초

PHASE 2

2020-03 ~ 2022-12

제품 구현

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

ReactTypeScript

PHASE 3

2023-01 ~ 현재

경험과 품질

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

접근성설계검증

봉사 활동

예시 디지털 배움터

웹 개발 멘토

2022-03 ~ 2022-11

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

• HTML·CSS 기초 실습 자료 작성.
• 팀별 작은 사이트 제작과 코드 리뷰 지원.

수상

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

우수상예시 기술 커뮤니티2024-09-01

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

자격증

예시 웹 접근성 과정 수료

예시 교육기관

2023-06-01

https://example.com/certificate

출판물

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

예시 기술 저널

2024-02-01

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

언어

한국어

원어민 수준 (예시)

영어

업무 소통 가능 (예시)

관심사

디자인 시스템

일관성공통 컴포넌트

오픈소스

문서작은 개선

사진과 기록

일상여행

Atlas — 일상의 발견을 모으다

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

시연 보기 소스 보기

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

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

작업 매체웹 · 모바일 웹

사용한 도구TypeScript · React

목표와 문제

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

담당한 작업

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

결과와 근거

입력 단계 5개 → 3개

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

키보드 흐름 구성

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

역량과 도구

Frontend

Next.js

역량·도구

지도접근성

대표 이미지

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

프로젝트 기록

문제

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

나의 역할

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

해결

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

결과

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

함께한 역할

John Doe · 가상 개발자

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

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

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

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

어떤 일을 하든, 당신답게

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

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

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

홍길동

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

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

경력

가상 배움터

교육 프로그램 진행

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

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

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

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

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