첫 프로젝트: 나만의 소개 페이지
한 페이지로 작게 시작하고, 직접 확인하면서 완성하는 실습입니다.
첫 프로젝트는 소개 페이지로
소개 페이지는 데이터베이스나 로그인 없이도 완성할 수 있습니다. 제목과 본문, 링크를 다루고 모바일 화면을 확인하는 연습에 적합해요.
완성 기준은 소개가 읽히고, 프로젝트 링크가 열리고, 작은 화면에서 가로 스크롤이 생기지 않는 것으로 정합니다.
세 구역으로 나누세요
- 소개: 이름 또는 닉네임, 하고 싶은 일 한 문장.
- 프로젝트: 이름, 짧은 설명, 실제로 열리는 링크.
- 연락: 공개해도 되는 이메일 또는 프로필 링크.
아직 프로젝트가 없다면 “준비 중”이라고 솔직하게 적으세요. 가상의 경력이나 방문자 수를 넣을 필요는 없습니다.
AI에게 요청할 첫 문장
처음 만드는 개인 소개 페이지야.
상단 소개, 프로젝트 목록, 하단 연락 링크로 구성해줘.
프로젝트가 없을 때도 자연스러운 안내를 보여줘.
버튼과 링크는 키보드로 이동할 수 있어야 해.
모바일에서 가로 스크롤이 생기지 않게 해줘.
외부 분석 도구나 로그인 기능은 넣지 말아줘.
첫 결과를 받은 다음에는 전체를 다시 만들기보다 한 가지씩 수정해보세요. “소개 글을 두 문장으로 줄여줘”, “프로젝트 제목을 더 크게 해줘”처럼 요청하면 변화를 확인하기 쉽습니다.
완료 체크리스트
- 휴대폰 너비에서 제목과 문장이 잘리지 않나요?
- 키보드의 Tab 키로 링크에 접근할 수 있나요?
- 연락처는 공개해도 되는 정보인가요?
- 링크를 눌렀을 때 올바른 목적지가 열리나요?
- 브라우저 새로고침 후에도 화면이 열리나요?
완성했다면 프로젝트 자랑 게시판에 어떤 것을 배웠는지 함께 남겨보세요. 아직 로컬에서만 실행된다면 공개 링크 대신 작업 과정을 설명해도 좋아요.