input은 기본적으로 form 태그 안에 있어야 한다. form 안에 있어야 input의 유효성 검사가 작동되고, form 안에 있어야 button을 누르거나 type이 submit인 input을 눌렀을 때 그 form 이 submit 된다. form이 제출되면 자동으로 페이지가 새로고침된다. 그런데 필요한 것은 페이지를 새로고침하는 것이 아니고, input에 입력된 value를 저장하는 것. input으로 들어온 value를 저장한다고 해도 새로고침이 되어버리면 사라진다. 그러기 위해서는 submit이라는 이벤트가 발생하는 것을 아예 막아버리거나 중간에 개입해서 submit이 일어났다는 것을 알아내야함. (submit은 엔터를 누르거나, 버튼을 클릭할 때 발생한다) const loginForm = d..

오늘 차장님께 react에서 module.css의 중요성을 들었다. 책의 내용과 인터넷 검색 결과를 취합하여 나만의 것으로 만들어보고자 한다. -모듈 css란? : css를 불러와서 사용할 때 클래스 이름을 [파일이름]_클래스명_해시값 형태로 자동으로 만들어준다. 앞뒤로 파일명과 해시값이 붙어 자동으로 고유해지기 때문에, 흔한 이름으로 클래스명을 지정해도 괜찮다. (이 스타일을 직접 불러온 컴포넌트 내부에서만 작동하기 때문) * 모듈로 적용한 스타일 명을 여러개 쓰고 싶다면? 또는 (이건 처음알았다. 짱 신기하다) * 모듈 css 안에서, 만약 특정 클래스명이 모든 페이지, 즉 전역적으로 사용되어야 한다면? :global .example { } 이렇게 글로벌 css임을 명시한다. 앞에 global을 붙여..