styled-component

TIL
22/07/23 [모각코] 2일차
react에서는 props로 부모 컴포넌트와 자식 컴포넌트가 서로 정보를 교환할 수 있습니다. // App.jsx function App() { const [color, setColor] = useState(false); const changeBackGroundColor = () => { setColor(true); }; return ( ); } changeBackGroundColor 함수를 만들고 Main component에 props로 넘겨줍니다. // Main.jsx const Main = ({ changeBackGroundColor }) => { const [loadingTimer, setLoadingTimer] = useState(true); useEffect(() => { const timer..
→2022.07.23
TIL
22/07/20 [모각코] 1일차
일년만에 돌아온 모각코입니다. 오늘은 네캔만원 프로젝트 메인 표지화면을 만들었습니다. react를 사용한 페이지이고 styled-component를 사용했습니다. 일단 웹페이지는 모바일 친화적으로 만들었습니다. 나중에는 아예 모바일 앱을 만들어보고 싶은 생각도 있네요. react hook 중 useEffect를 사용해서 2초간 로고화면이 나오도록 설정했습니다. loadingTimer가 false로 바뀌면 삼항연산자를 사용해서 로그인화면이 나오게 했습니다. useEffect(() => { const timer = setTimeout(() => { setLoadingTimer(false); }, 2000); 2초가 지나면 로그인화면이 자동으로 나오게 되며 여기서 회원가입 버튼을 누르면 회원가입 페이지로 이동..
→2022.07.22

• 이전
• 1
• 다음