모드에 따라 로고 다르게 렌더링 하기

들어가며 이번에는 로고 컴포넌트를 만들었다. 원래는 필요한 곳에 로고 이미지를 삽입해서 사용하거나 Banner 컴포넌트를 사용했는데 아무래도 로고다 보니 재사용성을 고려해 만드는 게 좋겠다는 생각이 들었다. 기존 방식의 문제점과 개선 방향, 그리고 이 과정에서 styled-components의 as prop은 어떻게 사용했는지 풀어볼 것이다. 배경설명 로고는 두 종류가 있다. 밝은 배경에는 다크 버전을, 어두운 배경에는 라이트 버전을 사용한다...