매주 금요일은 동방에서 스터디 공부도 안하고 수업만 듣고 집 온단말이야
시간이 엄청 남아돌아서 잠깐 산책하면서 내가 짠 코드 생각하는데
문제중에 하나가 스타일드 컴포넌트를 각각 조건마다 다르게 넣어주고 있었단 말야 삼항 연산자 중첩으로
근데 내가 봐도 코드가 너무 안이쁜거임.. 무슨 방법 없을까 하면서 걷다가 생각해보니까 그냥 각각 다른 css 효과를 주려고 이런 짓을 하는게 의미가 없잖아? 그냥 클래스네임만 다르게 주면, Wrapper 역할을 해주는 (작은 공간이지만) 스타일드 컴포넌트를 중첩 삼항 연산자로 처리하는 것 보다, 클래스네임을 이걸로 처리해서 하는게 코드도 짧아지고 이뻐지지 않을까?
라고도 생각했는데 글을 쓰고 있는 지금 드는 생각이 그냥 위에서 if else로 값 넣어두고 그걸 className에 넣으면 되겠네? 어?
뭔가 노트북이랑 모니터 앞에서 생각하는거보다 여유롭게 걸으면서 생각하니까 더 잘 되네
하루쯤은 쉬는게 좋다
styled로 백틱 써서 스타일 짜면 그 안에 ${}로 콜백 넣어서 props에 따라 다른 css를 나타낼 수 있음 https://styled-components.com/docs/basics#adapting-based-on-props