라이브러리

최권준·2021년 9월 30일

라이브러리 : 타인이 만들어 놓은 기능

- 시간절약, 버그 최소화 가능

-아이콘 사용

  • 아이콘사용시 아이콘크기 및 색상 변경을 필요로 할때 태그를 뭘로 해야될지 모를때

    아이콘 이름을 태그로 사용하면 된다
    -PlusCircleOutLined가 아이콘 이름인데 styled뒤에 괄호를 붙이고 그안에 아이콘이름을 써준것을 볼 수 있다.

-모달(Modal) 사용 : alert와 비슷하지만 보기 좋다

  • state에서 prev사용 : prev는 말그대로 이전의 값이다.

    prev를 이용해 modal창을 열거나 닫을 수 있다.

주소검색 모달 : 다음주소검색 모달을 사용하면 우편번호와 상세주소를 출력할 수 있다.

  • 출력되는 값을 state에 저장해서 필요로하는 곳에 사용할 수 있다.

게시물 등록창에서의 모달 사용

  • 등록하기 버튼을 눌렀을때 모달창이 나타나게 하고싶으면 버튼을 눌렀을때 게시물 상세보기로 이동하는 것이 아니라 모달의 ok버튼을 눌렀을때 이동하도록 해야한다
    (그러지 않으면 모달창은 구경도 못하고 게시물 상세페이지로 이동한다.)

댓글 삭제하기에서 모달 사용

  • 댓글 삭제에는 비밀번호가 필요하다
  • 기존엔 prompt로 비밀번호를 입력받았지만 modal창에서 입력받으려면 입력받은 값을 저장하는 state를 만들어줘야 한다.

0개의 댓글