[Project] 배포 완료, 보안 경고 문제 발생(Opensea clone Project)

부트캠프에서 첫번째로 진행했던 팀 프로젝트를 드디어 배포했다

 

규모는 작지만 NFT와 메타마스크와 관련된 기능이 있기 때문에 배포하기 전에 할 일이 많았다.

 

1. 스마트 컨트랙트 배포

NFT를 민팅하고 조회하는 기능이 있는 컨트랙트를 배포해야 했는데, 분명 프로젝트 때 제대로 작동하던 코드가 에러가 발생했던 것이다.

https://jamesbachini.com/openzeppelin-v5/

이 사이트에서 원인을 찾을 수 있었는데, OpenZeppelin V5가 나오면서 NFT 코드가 변경된 것이었다!

 

contract MyNFTs is ERC721URIStorage, Ownable {
    using Counters for Counters.Counter;
    Counters.Counter private _tokenIds;

    uint256 private _totalSupply = 0;

    constructor() public ERC721("MyNFT", "NFT") Ownable(msg.sender) {}
    // Ownable(msg.sender) 이라는 부분이 추가되었다
}

 

constructor() 부분에 Ownable(msg.sender) 부분을 추가해 주었더니 해결 되었다.

 

2. 프론트 엔드를 vercel에 배포

프론트 엔드에서 로그인 해야 사용할 수 있게 PrivateRouting 기능을 추가한 후 Vercel에서 배포를 했는데 문제가 발생했다.

한 번에 되는 일이 없어도 어쩔 수가 없는 듯

 

 

 

 

 

 

모듈을 찾을 수 없을 때 뜨는 에러인데, 나의 경우 개발 서버에서 잘 동작 했기 때문에 모듈이 없진 않고 경로를 못 읽어서 이다.

대소문자를 깃에서 인식하는 문제로 판단하여 Header.styled.js 인 파일을 header.styled.js로 변경 후 push 했더니 배포에 성공 했다.

 

3. 배포 후 유저 테스트

개인 컴퓨터로 프로젝트가 작동하는 것을 테스트 한 후, 동기들과 모각코 분들에게 테스트를 부탁했다. 

접속부터 안전하지 않은 사이트 경고가 떠서 테스트를 뜨는 문제가 발생.. 나같아도 겁나서 테스트 못해줄 듯

윈도우 앱을 배포했을 떄엔 윈도우에서 보안 경고가 떴는데 웹에선 구글이 보안 경고를 해준다..

 

 

구글 서치 콘솔에서 DNS 레코드 등록도 했는데 문제는 여전했고, 현재는 재검토 요청을 진행중이다

 

제 사이트가 사기성 페이지요??

 



세이프 브라우징에서는 문제가 되는 url은 알려주지만 상세하게 원인은 알려주지 않기 때문에 의심가는걸 하나씩 수정하면서 재검토를 받는 방법 밖에 없는 것 같다. 주변에 도움받을 프론트엔드 시니어 분이 없기 때문에.

 

ChatGPT에게 세이프 브라우징에 문제가 될만한 기능에 대해 물어보았다

 

 

 

 

 

우선 의심되는 부분은 실제 데이터가 아닌 테스트 데이터를 사용한다는 점이다. 나는 포트폴리오 사이트로 올렸지만 아무것도 모르고 유입된 유저면 실제 서비스 중인 사이트로 착각할 수 있을 것 같다.

 

사이트에 대문짝 만하게 개인 포트폴리오용 사이트이고 테스트 데이터를 사용하며 테스트넷의 이더를 사용하여 NFT를 발급한다고 수정하고 재검토를 받아야 겠다