HTML 제안서, 화면에서 문구를 고치고 링크로 공유하기

HTML로 만든 제안서나 포트폴리오를 다른 사람에게 보여주려면 어떻게 보내야 할까요? NOS Workspace에서는 파일을 가져와 필요한 문구를 고친 뒤, 링크로 전달할 수 있습니다.

저희가 만들고 있는 서비스입니다. 개발자 커뮤니티에는 직접 넣어볼 수 있는 작은 HTML 예시와 사용 방법을 함께 소개하려고 합니다.

HTML 파일 하나로 시작하기

아래 코드를 proposal.html로 저장하거나, NOS 첫 화면의 「내 HTML로 해보기」에 그대로 붙여넣어 보세요. 고객 자료가 없는 예시입니다.

<!doctype html>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>제안서 예시</title>
  <style>
    body { font: 18px/1.6 system-ui, sans-serif; margin: 0; padding: 24px; }
    main { max-width: 640px; margin: auto; }
  </style>
  </head>
<body>
  <main>
    <h1>프로젝트 제안서</h1>
    <p>작업 범위: 소개 페이지 1개</p>
    <p>첫 초안 전달: 10월 16일</p>
  </main>
  </body>
</html>

CSS까지 파일 안에 넣었고 외부 이미지나 스크립트는 쓰지 않았습니다. 위 예시는 일반 브라우저에서도 열 수 있습니다.

화면에서 문구를 고치고 공유하기

NOS에 문서가 나타나면 바꿀 글자를 눌러 수정합니다. 날짜뿐 아니라 제목이나 작업 범위처럼 마지막에 조정할 문구도 같은 방식으로 고칠 수 있습니다. 고친 글자는 원본 HTML에도 반영됩니다.

PC·태블릿·폰 버튼으로 미리보기 크기를 바꿔 작은 화면에서 읽히는지도 살펴볼 수 있습니다. 준비가 되면 「링크로 공유하기」를 누릅니다. 공유하는 사람은 계정이 필요하고, 링크를 받은 사람은 로그인 없이 읽습니다.

붙여넣기·글자 수정·미리보기는 가입 없이 해볼 수 있고, 무료 요금제에는 공유 링크 3개가 포함됩니다.

NOS에서 내 HTML 넣어보기

처음 쓰는 분이 파일을 넣은 다음 어디를 눌러야 수정할 수 있는지 바로 알아볼 수 있는지가 궁금합니다. HTML 문서를 만들어 전달해본 분들의 의견을 듣고 싶습니다.

NOS 팀이 작성한 서비스 소개이며, 글 작성에는 AI의 도움을 받았습니다.