웹 사이트 만들기
준비물
- M2에서 만든 PRD
- M1에서 세팅한 워크스페이스
- Netlify 계정
이렇게 해요
1
페이지 만들기
M2에서 만든 PRD를 건네고, 소개 페이지를 HTML 한 장으로 만들어 달라고 하세요.
클릭하면 복사
내 소개 페이지 PRD를 바탕으로, 나를 소개하는 한 페이지 웹사이트를 HTML 파일 하나로 만들어줘.
복사됐어요
페이지 파일과 브라우저 미리보기가 나옵니다.
2
미리보기·다듬기
브라우저로 열어 PRD 내용이 잘 들어갔는지 보세요. 색·글꼴은 아직 안 건드려도 됩니다.
바꿀 게 있으면 한 번에 하나씩 말하세요. (예: “맨 위 제목을 ○○로 바꿔줘”)
3
공개 주소로 올리기
만든 HTML 파일을 브라우저에서 app.netlify.com/drop(opens in new tab) 에 끌어다 놓으세요. 설치·로그인 없이 공개 주소가 바로 생깁니다.
못생겨도 괜찮습니다. 공개 주소부터 만드는 게 목적입니다.
- 폰 등 다른 기기에서 열어 보기
- 동료 한 명에게 보내 열리는지 확인받기
- 주소를 계속 쓰고 나중에 고쳐 다시 올리려면 지급된 Netlify 계정으로 저장하기 (로그인은 브라우저에서, 계정 정보는 강사에게)
이러면 완료예요
netlify.app 공개 주소가 생겼다
노트북이 아닌 기기에서도 열린다
받은 사람이 열린다고 확인했다
막힐 때는
주소가 안 생기면, HTML 파일 하나만 정확히 끌어다 놓았는지 확인하고 다시 시도하세요.
폰에서 안 열리면, 주소를 정확히 복사했는지와 오타가 없는지 확인하세요.
내용이 PRD와 다르면, 틀린 데만 집어 한 번에 하나씩 고쳐 달라고 하세요.