공통 컴포넌트

공통 컴포넌트는
src / commons / 안에 공통컴포넌트 폴더를 만들고 관리한다

src/commons/buttons/01/Button01.tsx
src/commons/inputs/01/Input01.tsx

---

많이 쓰이는 태그를 쓴다고 했을때 , 기존방식에선 일일이
필요한곳에 적어줬다면 , 공통 컴포넌트 방식을 이용해서 태그를 적용시키면
한곳에 만들어놓으면 어디든지 가져다 쓸 수 있는 장점이 있다.

그리고 유지보수에도 좋은게, 만약 많이쓰는 태그를 공통 컴포넌트로
안 만들고 일일이 필요한데다가 다 적어줘서 적용시켜줬다면
전체적으로 태그의 스타일을 바꿔줘야 할때 일일이 다 바꿔줘야한다.(굉장히 비효율적임)

하지만 공통 컴포넌트로 많이 쓰는 태그를 만들어놓고 적용시켜놓으면
태그의 전체 스타일을 바꿀때 하나만 바꿔도 되니까 유지보수에 좋다.

Container에서 실행되야할 함수를 처리하고 , presenter에서
필요한 값을 내려준다.

Presenter에서 Input01 , Button01 공통컴포넌트 폴더에서 불러왔고,
각 태그에 props로 받아온 데이터를 필요한 속성에 전달해준 모습이다.

Button01 , Input01 공통 컴포넌트다.
위에 Presenter에서 각각의 태그에 props로 데이터를 내려줬기 때문에
여기서 진짜 실행될 부분을 적어준다.