far

Styled-compoents를 몇달간 사용하면서 자주 사용하는 기능만 모아봤다. // 기본 구조 const Elem = styled.div` ... 여기에 css입력 `; // 컴포넌트 스타일링 const Elem = styled(Component)` ... 여기에 css입력 `; // Props 받기 ... ... const Elem = styled.div` color: ${props => props.isColor ? '#fff' : '#000'}; `; // Typescript 사용시 const Elem = styled.div` color: ${props => props.isColor ? '#fff' : '#000'}; `; // styled-components의 css라는 기능 사용해 props받..

이제 블로그의 메인화면을 만들어야 하는데, 그 전에 저번에 만든 Signup과 Login의 디자인을 AppLayout으로 감싸줘야 /login, /signup으로 들어갈 때 네비바가 상단에 보인다. return ( Sign-Up ) Footer도 필요하기 때문에 만들어 준다. // components/footer/footer.styles.tsx import styled from "styled-components"; export const FooterContainer = styled.footer` position: absolute; bottom: 0; left: 0; width: 100%; background-color: #f2f2f2; padding: 1rem; display: flex; justify-..