개인 홈페이지 만들기: 소개 페이지까지

개인 홈페이지는 포트폴리오가 아닙니다

포트폴리오는 작업을 팔기 위해 존재합니다. 프로젝트를 앞세우고 그것으로 평가받습니다. 개인 홈페이지는 더 넓은 질문에 답합니다. 대개 방금 내 이름을 들은 사람이 묻는 질문입니다. 이 사람은 누구이고, 무엇에 관심이 있고, 어떻게 연락할 수 있을까? 방문자는 미래의 고용주일 수도, 팟캐스트 진행자나 예전 동료, 이웃일 수도 있습니다. 갤러리를 원하는 사람은 많지 않습니다. 짧고 믿을 만한 한 사람의 모습을 원합니다.

그래서 페이지에 들어갈 내용이 달라집니다. 작업 샘플을 넣을 수는 있지만, 주인공이 아니라 나에 대한 문장을 뒷받침하는 근거로 넣습니다. 작업이 주로 시각적이고 의뢰를 받고 싶다면 포트폴리오 사이트가 더 맞고, 구직 중이라면 이력서 웹사이트가 더 직접적입니다.

무엇을 넣을까

개인 홈페이지의 구성 요소와 각각의 역할
구성 요소	역할	흔한 실수
한 줄 소개	무엇을 누구를 위해 하는지, 소리 내어 말할 때 쓰는 말로 설명하기	슬래시로 이어 붙인 직함 목록
소개 페이지	배경, 지금 하는 일, 관심사 등 더 긴 이야기 들려주기	누가 봐도 본인인데 3인칭으로 쓰기
나를 찾을 수 있는 곳	실제로 꾸준히 관리하는 프로필 두세 개 링크하기	방치한 계정 아이콘을 줄지어 늘어놓기
문의 폼	이메일 주소를 공개하지 않고도 연락받기	아무 데로도 전송되지 않는 폼, 또는 스팸을 부르는 mailto 링크
최근 활동	올해의 강연, 글, 프로젝트, 사진으로 활동 중임을 보여 주기	3년 전에 마지막으로 업데이트한 소식란

빠진 것들에 주목하세요. 쓰지 않을 블로그, 기술 막대그래프, 추천사 슬라이드입니다. 이런 것들은 각각 의무나 주장을 만들어 냅니다. 모든 내용이 사실이고 최신인 작은 사이트가, 절반이 낡은 큰 사이트보다 낫게 읽힙니다.

소개 문장 쓰기

첫 문장이 거의 모든 무게를 집니다. "저는 …을 돕습니다" 또는 "저는 …하는 …입니다"를 완성한 뒤 줄여 보세요. "의약품 이름이 어떻게 지어지는지 글을 쓰는 병원 약사입니다"는 "약사. 작가. 호기심 많은 사람."보다 처음 보는 사람에게 훨씬 많은 것을 알려 줍니다. 사람들이 검색한 것은 이름이니, 페이지 제목과 제목 헤딩에 이름을 넣으세요.

소개 페이지는 짧은 문단 세 개면 대개 충분합니다. 지금 하는 일, 여기까지 온 과정, 그리고 듣고 싶은 이야기입니다. 마지막은 문의 폼과 이어지는 초대로 끝내세요. 예를 들어 "의약품 안전에 관한 행사를 준비하신다면 연락 주세요."

Anticode가 만드는 방식

개인 홈페이지 만들기 도구로서 Anticode는 "의약품 명명에 관해 글을 쓰는 병원 약사 Rosa Lind의 개인 사이트. 소개 페이지와 문의 폼 포함" 같은 문장에서 시작합니다. Architect가 짧은 계획으로 답하고, 결과를 바꾸는 질문 몇 가지를 할 수 있습니다. 예를 들어 소개 페이지를 따로 둘지 긴 한 페이지로 할지, 어떤 분위기가 어울리는지입니다. 제안된 답을 누르거나 직접 써도 됩니다.

페이지. 디자인 엔진은 홈 외에 소개, 연락처 같은 별도 페이지를 추가할 수 있어서, 한 줄 소개는 짧게 두고 긴 이야기는 따로 공간을 줄 수 있습니다.
분위기. 사이트는 일곱 가지 디자인 시스템 중 하나를 따릅니다. Editorial(Geist)은 작가와 연구자에게, Swiss(Inter Tight)는 차분한 그리드를 원하는 사람에게, Playful(Fredoka)은 가벼운 개성에 어울립니다. 액션 색상과 Light, Dark, Auto 테마를 고릅니다.
문의 폼. 메시지는 대시보드에 저장 시 암호화되어 보관되고 이메일로 받을 수 있어서, 내 주소가 페이지에 노출되지 않습니다.
편집. 비주얼 에디터에서 문구를 바로 고치거나, "소개 페이지를 짧게 줄이고 강연 목록을 위로 올려 줘" 같은 한 문장으로 수정을 요청하세요.

내 도메인

개인 홈페이지는 수십 년간 내가 관리할 수 있는 주소, 보통 내 이름으로 된 주소에 있을 때 가장 쓸모 있습니다. 무료 <name>.anticode.dev 주소로 바로 게시하고, 나중에 유료 요금제에서 내 도메인을 연결할 수 있습니다. Anticode가 CNAME 또는 TXT 레코드로 도메인을 확인하고 인증서도 직접 발급합니다. 무료 사이트에는 작은 "Made with Anticode" 배지가 표시되며, 유료 요금제에서는 사라집니다. DNS 설정 단계는 커스텀 도메인 연결하기를, 요금제는 /pricing을 참고하세요.

Anticode가 하지 않는 것

완전한 블로그 엔진은 없습니다. CMS 컬렉션에 글을 둘 수는 있지만 댓글, RSS 피드, 예약 게시는 없습니다. 글쓰기가 사이트의 핵심이라면 전용 블로그 도구가 더 맞을 수 있습니다.
영어로만 제공됩니다. 빌더와 생성되는 페이지는 영어이며, 사이트의 다른 언어 버전은 없습니다.
피드를 삽입할 수 없습니다. 게시된 페이지에는 스크립트가 없어서 실시간 소셜 피드나 외부 위젯은 작동하지 않습니다. 대신 프로필로 링크하세요.
내 이야기는 모릅니다. 모델은 내가 알려 준 내용으로 초안을 씁니다. 모든 문장을 읽고 남의 이야기처럼 들리는 부분은 바꾸세요.

자주 묻는 질문

LinkedIn이 있는데 개인 홈페이지가 필요할까요?

꼭 그렇지는 않지만, 다른 회사 플랫폼의 프로필은 그 회사의 레이아웃, 규칙, 검색을 따릅니다. 개인 홈페이지에서는 사람들이 먼저 볼 것을 직접 정할 수 있고, 어떤 서비스를 떠나도 바뀌지 않는 주소가 생깁니다.

계정을 만들기 전에 써 볼 수 있나요?

네. 페이지 미리보기 빌드는 계정 없이 브라우저에서 실행됩니다. 저장, 게시, 모델이 작성하는 빌드에는 계정이 필요합니다.

제 이메일 주소가 보이나요?

직접 넣지 않는 한 보이지 않습니다. 문의 폼은 주소를 페이지에 표시하지 않고 메시지를 대시보드로, 원하면 메일함으로도 전달합니다.

제 사진을 넣을 수 있나요?

네. 빌드에 사진을 올리면 모델이 사진을 보고 배치합니다. 대체 텍스트가 정확하도록 사진에 대한 짧은 설명을 적어 주세요.