Jay

비밀번호와 로그인이 너무 붙어있다. 여유롭게 스타일 해주자. 여기서 주의할 점,, style에다가 {} 객체를 집어넣으면 안된다. LoginForm이 리렌더링 될 때마다 아래 LoginForm함수가 통째로 실행이 되는데 객체끼리 비교하면 false가 나온다. // LoginForm.js const LoginForm = () => { const [id, setId] = useState(''); const [password, setPassword] = useState(''); const onChangeId = useCallback((e) => { setId(e.target.value); }, []) const onChangePassword = useCallback((e) => { setPassword(e.t..

antd 사용방법중에 리액트와 연결하는 방법을 알아보자. (참고) Next는 기본적으로 webpack이 들어있는데 webpack이 css를 보는 순간 style 태그로 바꿔서 html에다가 넣어준다. webpack은 이미지 이러한 것들도 따로 처리를 해서 넣어준다. 여러가지 파일들을 확장자 상관없이(loader 필요) 합쳐준다. 모든 페이지에 antd를 쓰기 때문에 pages폴더안에 _app.js를 만들어서 여기안에 넣어준다. 여기서 페이지들의 공통적인 것들을 처리해 준다. props(여기서는 Component)가 있으면 propType를 통해서 점검을 해준다. 서비스의 안정성을 높이기 위해서 이다. // _app.js import React from 'react'; import Head from 'ne..