목록Frontend (3)

Moong

SVG 크기 조정이 안될 때

아래와 같이 svg 크기 조정을 할 때 svg의 내부 path의 크기가 함께 변하지 않고 잘리는 현상이 발생한다면, Solution : Viewbox 속성 설정하기 원본 svg 크기에 맞게 viewbox 속성을 설정해주면 됩니다. ... 크기 줄이기 성공! 🙌
Frontend 2023. 5. 4. 11:59
배포할 때 console 로그 막기 / 비우기

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

종종 웹사이트를 보다가 콘솔창을 켜보면 알록달록하고 예쁜 글자들이 보일 때가 있습니다 보통 개발자들밖에 콘솔창을 확인하지 않기는 하지만, 저는 제 서비스에 관심을 가져주는 개발자 분들에게 잘 보이기 위해 콘솔창을 꾸미는 편입니다! 하하 😺 오늘은 콘솔창을 어떻게 꾸미는지 한번 알아볼게요! 글자를 ASCII로 변환하기 일반 텍스트로 꾸밀 수도 있겠지만, 더욱 돋보이는 글자를 만들기 위해 ascii로 변환해보겠습니다. 📎 Text to ASCII 위 웹사이트에서 손쉽게 아스키 코드로 변환할 수 있습니다. 글자를 입력하고 Test All 버튼을 누르면 모든 폰트 스타일 예시들을 한번에 볼 수 있습니다 저는 ANSI Shadow 폰트를 선택했어요! Select & Copy 버튼을 눌러 복사해줍니다. 스타일 설정..
Frontend 2023. 3. 31. 21:14
Prev 1 Next