profile
꾸준히 새로운 것을 알아가는 것을 좋아합니다.

[hooks] useConfirm & usePreventLeave

onConfirm 은 필수적인 사항이고, onCancel 은 필수적인 사항이 아닌 조건이므로 조건문을 추가하여 오류 방지.beforeunload는 window가 닫히기 전에 function이 실행되는 것을 허락한다.

2022년 4월 27일
·
0개의 댓글
·

[React] 페이지별 title 메타태그 설정하기

useEffect를 사용하여 html 안의 title 을 변경할 것이다.또 다른 방법으로는, react에서는 helmet를 사용한다. useEffect 가 mount 될 때, title 은 props으로 전달된 "New Title" 이 되는 것이다.

2022년 4월 21일
·
0개의 댓글
·

[hooks] useTabs

버튼에 따라 노출되는 내용을 변화시킬 수 있는 custom hook인 useTabs 에 대해여 정리해 볼 것이다.우선, tab을 클릭할 때 나타낼 content 배열 객체 형태로 정의하였다.useTabs는 initialTab, allTabs 두 개의 매개 변수를 갖고

2022년 4월 12일
·
0개의 댓글
·

hook & useInput

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는

2022년 4월 11일
·
0개의 댓글
·