목록배포 (2)

Moong

[React+Typescript] Storybook 자동화 배포하기 - Chromatic, Git Action CI

storybook을 팀원들과 공유하기 위해 배포를 진행해보도록 하겠습니다! 이를 위해 유용한 툴인 Chromatic을 사용해보려고 합니다. Chromatic Storybook을 위한 cloud 기반 도구 체인 chromatic은 크게 다음과 같은 기능을 지원합니다! ▪️ storybook 배포 ▪️ 문서화 - 컴포넌트 라이브러리화 ▪️ 공유 workspace - 팀원들과 UI 리뷰 편리 자세한 건 공식문서를 참고해주세요 ⭐️ 1. 프로젝트에 Chromatic 설정하기 크로마틱 페이지에 접속하여 회원가입을 합니다. https://www.chromatic.com/ Automatically review, test, and document Storybook Chromatic automates visual & i..
React 2023. 5. 5. 15:35
배포할 때 console 로그 막기 / 비우기

보통 콘솔 창은 개발을 할 땐 유용하게 쓰이지만, 실제 배포할 때엔 민감한 정보가 포함되어있을 수 있으므로 보안을 위해서 콘솔창을 비워두는 것이 좋습니다. 하지만 일일이 지우기엔 매우 귀찮고, 에러 메시지의 경우 지우기 힘든 경우도 있습니다. 콘솔창을 한꺼번에 지우거나 비우는 여러 방법이 존재하지만 아주 간편한 기능을 소개해드리겠습니다 JS 기능 이용 javascript 파일의 최상단에서 해당 코드를 추가해주시면 됩니다. console이라는 객체를 초기화 해주는 코드입니다. console.warn과 console.error 도 초기화 해줌으로써 지우기 힘든 메시지들도 보이지 않게 할 수 있습니다. if (process.env.NODE_ENV === "production") { // production에서..
Frontend 2023. 3. 31. 22:06
Prev 1 Next