27. 공개 전 확인할 정보·권한·작동 상태
누가 볼 것인지 다시 정합니다
만들 때는 예시로 적어 둔 내용이라도 공개 전에 한 번 더 읽습니다. 실제 이름과 연락처가 섞이지 않았는지, 소개 문장이 사실인지, 다른 사람에게 보여 줘도 되는 사진인지 확인합니다. 혼자 보던 화면과 누구나 열 수 있는 화면의 기준은 같지 않을 수 있습니다.
페이지를 공개할지, 주소를 아는 사람에게만 안내할지, 로그인한 사람에게만 보여 줄지 구분합니다. 단순히 주소를 널리 알리지 않았다는 것이 기술적인 접근 제한은 아닙니다. 공개 범위가 중요하다면 실제 보호 설정과 접속 결과를 확인해야 합니다.
보이는 내용 밖에도 자료가 있습니다
페이지에 사용하지 않는 파일이 프로젝트 폴더에 남아 있을 수 있습니다. 개인 메모나 원본 사진을 함께 올리지 않도록 공개에 필요한 파일을 구분합니다. 코드 안에 비밀번호나 비밀키가 있는지도 살핍니다. 이 책의 실습은 외부 서비스 비밀키가 필요 없는 범위입니다.
비밀번호가 노출되었다면 화면에서 지우는 것만으로 끝내지 않습니다. 이미 복사되거나 기록에 남았을 수 있으므로 해당 서비스에서 값을 바꾸거나 폐기해야 합니다. 처음부터 예시 자료만 사용하면 이런 확인의 범위도 줄어듭니다.
중요한 동작을 다시 확인하기
소개 페이지는 글, 링크, 작은 화면을 중심으로 봅니다. 링크 모음은 항목 추가, 검색, 빈 입력 안내, 잘못된 주소 처리, 새로고침 뒤 보관을 확인합니다. 기능을 고친 뒤에는 다른 부분이 그대로인지도 살핍니다. 글을 바꾸다가 링크 주소까지 바뀌었을 수 있기 때문입니다.
완료 기준은 구체적인 행동으로 남겨 둡니다. ‘잘 됨’보다 ‘검색어를 지우면 전체 목록이 다시 보임’이 나중에 다시 확인하기 좋습니다. 직접 시험하지 못한 항목은 별도로 남깁니다. 배포 성공 표시를 모든 기능의 시험 결과로 바꾸어 적지 않습니다.
권한과 비용의 마지막 확인
공개 서비스에 연결할 저장소가 연습용 저장소인지, 어느 계정과 팀에 프로젝트가 생기는지 확인합니다. 이미 운영하는 사이트를 고르는 실수를 피하려면 이름을 분명하게 붙입니다. 무료 요금제의 용도와 사용량 조건도 공개 시점의 안내로 확인합니다.
개인 연습 페이지라면 별도의 도메인을 바로 살 필요는 없습니다. 도메인은 사람이 읽기 쉬운 사이트 이름을 뜻하며, 서비스가 제공하는 주소로 먼저 확인할 수 있습니다. 주소를 꾸미는 일보다 공개할 내용과 기능이 준비되었는지가 우선입니다.
다른 사람에게 보여 주기 전의 읽기
만든 사람은 화면의 구조를 알고 있기 때문에 설명이 부족해도 지나칠 수 있습니다. 처음 보는 사람의 입장에서 제목만 보고 목적을 알 수 있는지, 링크 문구만 보고 어디로 갈지 예상할 수 있는지 읽어 봅니다. 가능하다면 개인정보가 없는 예시 화면을 다른 사람에게 보여 주고 어떤 페이지로 이해했는지 들어 볼 수 있습니다.
이때 질문을 유도하지 않는 편이 도움이 됩니다. “여기 누르면 되겠지?”보다 “모임 정보를 보려면 어디를 누를 것 같아?”라고 묻습니다. 원하는 답이 나오지 않았다면 독자의 잘못으로 보지 않고 화면의 안내를 살핍니다. 공개 전 확인은 오류를 찾는 일뿐 아니라, 설명을 처음 접하는 사람이 무엇을 이해하는지 확인하는 일도 포함합니다.
저장소 공개와 사이트 공개를 따로 보기
저장소를 Private으로 만들었다고 사이트도 반드시 비공개가 되는 것은 아닙니다. 반대로 사이트 접근을 보호해도 코드 저장소의 공개 범위는 별도로 정할 수 있습니다. 두 서비스에서 무엇을 공개하는지 각각 확인해야 합니다. 하나의 설정이 모든 자료를 대신 보호한다고 생각하지 않습니다.
이때 화면에 숨겨 둔 값도 살펴봅니다. 브라우저로 전달되는 코드 안에 비밀값을 넣어 두고 화면에서 안 보이게 하는 것은 비밀 보관 방법이 아닙니다. 첫 실습에는 그런 값을 필요로 하는 기능이 없으므로, 있다면 왜 들어갔는지 확인하고 공개 전에 정리해야 합니다.
공개 전 임시 자료를 확인할 때
임시 자료가 실제 안내처럼 보이는 경우
예시 주소를 넣고 링크 문구를 ‘신청하기’로 두면 방문자는 실제 신청이 가능하다고 기대할 수 있습니다. 아직 연결이 준비되지 않았다면 예시라는 점을 드러내거나 해당 행동을 제공하지 않도록 해야 합니다. 화면이 완성된 것처럼 보이게 하는 일과 실제 기능을 제공하는 일은 구분합니다.
가짜 고객 후기나 임의의 숫자도 같은 방식으로 살펴봅니다. AI가 빈 공간을 채우며 넣은 내용일 수 있습니다. 공개 전에 사실을 확인하고 불필요한 내용은 뺍니다. 첫 페이지는 적은 내용으로도 목적을 이룰 수 있으므로, 화면을 채우기 위해 확인되지 않은 정보를 남길 필요는 없습니다.
공개 전 확인 기록의 예
‘소개 두 문장 사실 확인, 예시 링크임을 표시, 사진 없음, 좁은 화면 확인, 링크 이동 확인’처럼 적을 수 있습니다. 기능이 적은 페이지라면 기록도 짧습니다. 링크 모음이라면 여기에 추가·검색·저장과 불러오기 확인을 더할 수 있습니다. 기능의 범위와 기록의 범위를 맞춥니다.
확인하지 못한 항목은 빈칸으로 두거나 미확인이라고 적습니다. 다른 기기가 없어서 휴대전화에서 못 봤다면 그 사실을 남길 수 있습니다. 실제로 확인하지 않은 결과를 채워 넣는 것보다 남은 확인이 보이는 편이 이후 작업에 도움이 됩니다.
공개하지 않기로 결정해도 남는 것
내용이나 권한을 아직 정하지 못했다면 파일 보관까지만 하고 공개를 미룰 수 있습니다. 이 경우 공개 실습을 완료했다고 말하지 않으면 됩니다. 만든 결과를 다시 열고 수정할 수 있다면 이어 갈 기반은 남아 있습니다. 화면이 예쁘다고 공개할 준비가 된 건 아닙니다.
연습용 예시 자료로 별도 공개를 진행하는 방법도 있습니다. 실제 프로젝트의 자료를 그대로 공개해야만 배포 과정을 배울 수 있는 것은 아닙니다. 학습 목적과 실제 운영 목적을 구분하면 필요한 범위에서 절차를 익힐 수 있습니다.
“연습용 사이트인데 공개 점검이 꼭 필요한가요?”
연습용이라는 이름은 내가 붙인 목적입니다. 인터넷에서 누구나 볼 수 있게 제공한다면 그 안의 내용은 실제로 다른 사람에게 전달될 수 있습니다. 그래서 진짜 연락처나 비밀값이 들어 있지 않은지, 예시가 실제 안내처럼 보이지 않는지 확인합니다. 확인 항목은 페이지의 작은 범위에 맞게 정하면 됩니다.
예시 자료만 있는 한 페이지라면 긴 검토 문서가 필요하지 않을 수 있습니다. 글과 링크, 필요한 파일, 접근 범위를 짧게 확인할 수 있습니다. 실제 사용자 정보를 받거나 결제를 처리하는 사이트와 같은 수준의 복잡한 항목을 모두 가져올 필요는 없습니다.
연습에서 얻을 것은 공개 전 한 번 멈춰 자료와 동작을 보는 습관입니다. 그 습관이 나중에 더 큰 프로젝트에서 필요한 질문을 떠올리는 데 도움이 됩니다. 공개 버튼을 누를 수 있다는 사실과 공개할 준비가 되었다는 판단을 구분합니다.
꼭 기억하세요
공개 전에는 내용·자료·동작·접근 범위를 확인합니다. 공개할 대상과 사용할 계정도 함께 확인합니다.