export와 export default는 무엇이 다를까?
결론적으로는 큰 차이가 없는 것 같다.
export default로 내보냈다면
import LoginForm from './LoginForm'export로 내보냈다면
import { LoginForm } from './LoginForm'export로 하면 {}를 사용해 여러개를 가져올수있는것이 장점인 것 같다. react나 react-router-dom 같은 패키지의 경우에도 그렇다. 다만 최대한 기능을 작은 단위로 쪼개 컴포넌트를 만든다면 export default가 더 적합할 것 같다.
패키지와 라이브러리차이 : https://aliencoder.tistory.com/20
input type=button, button의 차이 그리고 form태그를 사용하는 이유
Html을 쓰다가 문득 어디서 들어봤는데 기억이 안나서 구글링해서 정리를 해본다.
초창기엔 button 태그가 없고, input 태그만 있었기때문에 input type="button" 이 있었다고 한다. 그리고 이후에 버튼 태그가 나왔을때, button이라는 type이 있는데도 기본 type이 submit으로 설정되어서 불편함을 주었다고 한다. 그래서 버튼으로 폼 전송을 피하려면 type="button"을 써야한다고 한다. 아니면 preventDefault 같은 메소드를 써야할 것 같다.
즉,
<input type="submit">와<button>는 같다. 다만 디자인하기엔 버튼 태그가 좀 더 용이하다고 한다.
그리고 form태그도 초창기엔 get 이외의 메소드 요청을 보내기위해 필수였다고 한다. 하지만 요새는 필수는 아니지만 프로젝트를 하다보면 onSubmit 같은 이벤트를 잡을때 유용하더라..!
버튼 태그 참고 : https://blogpack.tistory.com/1086, https://webdir.tistory.com/421
폼 태그 참고 : https://jsdev.kr/t/form/5468
신입 개발자