배포4 [React] console, warning, error 메세지 제거 개발을 하다보면 어쩔 수 없이 개발자도구 안에 콘솔에 warning과 console.log 메세지가 수도 없이 많을 수 있다. 배포 하기 전에 한 번쯤은 신경써야할 내용에 대해 써보겠습니다! 방법은 매우 간단하다 ㅋㅋ,,, App.js 에 아래와 같은 코드를 추가하면 된다..! 원리는 모든 console 메세지에 대해 빈 함수로 대체하여 재정의 하는 것이다. if (1+1 === 2) { window.console = { log: function () {}, warn: function () {}, error: function () {}, }; } 2023. 10. 5. [React] 웹 배포하기 전 Index.html에 콘텐츠 설명(OG 태그) 넣어주기. 흔히 우리가 웹사이트 링크를 다른 사람들에게 공유하다보면 아래 사진과 같은 해당 링크에 대한 제목, 설명과, 썸네일 사진을 확인할 수 있을 것이다. 이러한 내용들 또한 배포하기 직전 웹에서 오픈 그래프를직접 설정해줘야한다! 오픈 그래프(Open Graph)란? 오픈 그래프(Open Graph, 이하 OG)는 웹사이트가 소셜 미디어 플랫폼에서 공유될 때 메타데이터를 제공하는 프로토콜이다. OG는 페이스북(Facebook)에서 처음 도입되었으며, 웹사이트의 콘텐츠가 소셜 미디어에서 미리보기로 제공되는 정보를 제어하기 위해 사용되고 있다. OG는 웹사이트의 만약 배포에 있어 개발자 도구 콘솔창을 관리하고 싶다면 아래 페이지로! https://quddkflty.tistory.com/39 [React] 배포 전 .. 2023. 6. 7. 웹사이트 스위그(SWYG)로 배포하기 2탄 드디어! 웹사이트가 스위그(SWYG) 배포가 됐다. 배포 신청 하루만에 배포가 됐다는 메일이 오른쪽 사진처럼 왔다! 사진과 같은 메일을 확인했다면 배포에 성공한 것이다....! 프로젝트 업데이트 방법 : 배포 후 수정 내용이나 업데이트 내용이 있을 경우에는 프로젝트 코드 수정과 GIt push 한 후에 해당 스위그 프로젝트 페이지에서 배포 신청하기 버튼을 클릭하여 신청하면 된다. 광고 : 스위그에서는 배포한 웹사이트에 광고를 첨부할 수 있는데 원하는 광고 규격 크기에 맞는 광고 첨부 코드를 Body에 입력하여 업데이트한 후에 배포하여 활용할 수 있다. 2023. 6. 7. 웹사이트 스위그(SWYG)로 배포하기 PARD에서 숏커톤 결과물에 대해 배포하게되면서 SWYG라는 좋은 플랫폼에 대해 알게 되었고, 사용 방법에 대해 나누고자 한다. 스위그(SWYG)? 스위그(SWYG)란 메타 콘텐츠 공유 및 호스팅 플랫폼이다. 웹 호스팅과 도메인을 제공해주며, 깃허브 연동으로 쉽고 빠른 출시를 할 수 있다는 장점이 있으며, 프로젝트를 배포한 후에도 플랫폼 내부에서 콘텐츠들을 홍보해주며 콘텐츠 제작자들과 개발자들의 네트워킹 기회를 제공해주고 있다. SWYG 이용가이드에 대해서는 아래 링크에 자세히 나와있으니 참고하면 된다. https://swygbro.notion.site/SWYG-4673dcfd50024f45af908bd80e44d5dd 아래는 내가 배포하면서 겪은 순서이다. 스위그에 웹 서비스 배포하기 프로젝트 개요 입.. 2023. 6. 7. 이전 1 다음
