ESG 진단 웹앱 배포·연동

지금 막혀 있는 지점은 기능이 아니라 연결이라고 봤습니다. 진단 로직은 이미 완성돼 있는데, 인증 메일 링크가 담당자 PC 주소를 가리키면 파일럿 기관 어디에서도 계정이 열리지 않습니다. 그래서 새로 만들지 않고 끊긴 연결만 잇는 것으로 범위를 잡았습니다.

기술 선택부터 말씀드립니다. 화면은 완성된 HTML·JavaScript를 그대로 씁니다. 다시 만들면 진단 결과값이 달라질 위험이 있고 일정도 밀립니다. 로그인과 데이터는 이미 쓰고 계신 Supabase를 유지합니다. 계정마다 자기 데이터만 열리게 하는 규칙(RLS)을 데이터 보관소 자체에 걸 수 있어, 화면에서 감추는 방식보다 안전합니다. 배포는 Netlify를 그대로 두고 계정은 발주사 명의를 유지합니다. 리포트 PDF는 별도 서버 없이 브라우저 인쇄 기능으로 만들어 운영비가 늘지 않습니다.

완료 기준은 이렇게 봅니다. 처음 보는 담당자가 직접 가입해 인증 메일을 받고, 진단을 끝내 리포트를 PDF로 저장하고, 다음 회차에 지난 결과와 비교하는 것까지 도움 없이 되면 끝난 것입니다. 여기에 두 가지를 더합니다. 주소를 바꿔 들어가도 남의 진단 결과가 나오지 않을 것, 그리고 개발자 없이도 다시 배포하고 열쇠를 바꿀 수 있게 화면 캡처 기준 매뉴얼이 남을 것.

진행은 네 단계로 나눕니다. 먼저 인수 진단으로 지금 상태를 확인하고, 가입과 인증 메일을 정상화한 뒤, 진단 결과 저장과 이력 비교, 계정별 접근 제한을 붙입니다. 마지막으로 실제 주소로 공개하고 가입부터 리포트 출력까지 전 구간을 점검표로 확인합니다. 검수용 주소를 따로 두어 운영에 반영하기 전에 먼저 눌러 보실 수 있게 하겠습니다.

아직 정하지 않으셨다는 확장 범위는 나누기를 권합니다. 목표 시점이 보고서 제출과 묶여 있어 조정이 어려우니, 필수 범위를 먼저 끝내고 도메인 연결·디자인 재세팅은 오픈 뒤 2단계로 붙이는 편이 안전합니다. 다만 도메인만 지금 연결해 두면 나중에 확장할 때 주소를 바꾸지 않아도 됩니다. 확장 범위 견적은 필수 범위와 구분해 따로 드리겠습니다. 지금 확인이 필요한 것은 저장소·계정 접근 권한, 인증 메일 발송에 쓸 주소, 파일럿 참여 기관 수 세 가지입니다.

보안은 비밀유지계약(NDA) 체결 후 착수합니다. 접근 계정은 작업자 최소 인원으로 제한하고 종료 당일 회수하며, 특허 준비 자료는 사본을 남기지 않습니다. 착수 3일 안에 지금의 코드·데이터·배포 설정을 점검한 인수 진단 리포트를 먼저 드리는데, 코드에 박혀 있는 접속 열쇠를 찾아 회수하고 재발급하는 일도 여기에 포함합니다.

수행 이력은 검증할 수 있는 범위로만 적겠습니다. 운영 실적 수치 대신, 이 공고를 읽고 만든 제안서와 스토리보드, 직접 눌러 보는 데모를 먼저 보시고 판단해 주시면 좋겠습니다.
https://wishket-158330-esg-deploy.pages.dev/

지원완료 댓글 공고 댓글란에 작성할 짧은 정중 멘트

지원 내용에 적은 제안서·스토리보드·데모를 한 곳에 모아 두었습니다. 링크를 열면 바로 보실 수 있고, 데모는 지금 막혀 있는 인증 단계부터 리포트 비교까지 직접 눌러 확인하실 수 있습니다.
개발자가 사내에 안 계신 상황을 고려해 화면 캡처 기준으로 설명을 붙였습니다. 확인이 필요하다고 적어 둔 세 가지(저장소·계정 접근 권한, 인증 메일 발송 주소, 파일럿 참여 기관 수)는 미팅에서 여쭙겠습니다.
https://wishket-158330-esg-deploy.pages.dev/

포트폴리오 1: 제안서 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
[제안서] ESG 진단 웹앱 배포·연동 — 완성된 웹앱을 실서비스로 마무리하는 전략

[포트폴리오 설명]
사회적기업·공공기관이 쓰는 ESG·사회적가치 진단 웹앱을, 새로 만들지 않고 끊긴 연결만 이어 실서비스로 마무리하는 제안서입니다.

지금 막힌 지점(인증 메일 링크가 담당자 PC를 가리켜 아무도 가입하지 못함)부터 정리하고, 왜 기존 HTML·JavaScript 화면을 그대로 두는지, 왜 계정별 접근 제한을 화면이 아니라 데이터 보관소에 거는지, 접속 열쇠를 어떻게 코드에서 분리하는지를 비개발자가 읽을 수 있는 말로 설명합니다.

착수 3일 안의 인수 진단 리포트, 가입부터 리포트 출력까지의 전 구간 점검표, 개발자 없이도 다시 배포할 수 있는 화면 캡처 기준 매뉴얼까지 무엇을 넘겨받게 되는지 8장으로 정리했습니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.
https://wishket-158330-esg-deploy.pages.dev/

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

포트폴리오 2: 스토리보드 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
[스토리보드] ESG 진단 웹앱 — 가입부터 재진단 비교까지 화면 흐름 설계

[포트폴리오 설명]
스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다.

기업 담당자 흐름으로 회원가입·이메일 인증, 진단 항목 입력, 결과 리포트와 PDF 저장·이력 비교 화면을 담았고, 발주사 운영자 흐름으로 계정별 데이터 권한, 배포 상태와 환경변수 관리, 인수 진단 리포트와 인계 자료 화면을 담았습니다. 각 화면은 가입 신청부터 재진단 비교까지의 여정 순서로 배치했고, 화면마다 무엇을 하는 자리인지와 어떤 기술로 처리하는지를 함께 적었습니다.

마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려지실 것입니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.
https://wishket-158330-esg-deploy.pages.dev/

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

PDF → 이미지 변환 명령어 터미널에 입력하여 PDF를 고해상도 이미지로 일괄 분할 변환 (ImageMagick)

magick -density 300 proposal.pdf -quality 100 proposal_page_%02d.png