리액트 프로젝트
https://www.daleseo.com/react-forms-with-hooks/
양식(form) UI에 React Hook 적용하기
Engineering Blog by Dale Seo
www.daleseo.com
//use form 커스텀 훅
- react-router-dom v6 -
https://velog.io/@velopert/react-router-v6-tutorial#1-%EB%9D%BC%EC%9A%B0%ED%8C%85%EC%9D%B4%EB%9E%80
React Router v6 튜토리얼
리액트 라우터 v6를 새로 접하시는 분들을 위한 튜토리얼을 작성했습니다. 리액트 라우터 v6 의 기본적인 사용법, 그리고 이 라이브러리에서 제공하는 다양한 유용한 기능들에 대해서 알아봅시
velog.io
classnames
npm install classnames
리덕스 툴킷 참고
https://www.youtube.com/watch?v=ewXczSMeS9w
대메뉴가 드롭다운으로 나온다음에 클릭하면 탭으로 가는 형식이라 드롭다운 메뉴 훅
https://letsbuildui.dev/articles/building-a-dropdown-menu-component-with-react-hooks
Building a Dropdown Menu Component With React Hooks
We'll create a dropdown menu using React Hooks.
letsbuildui.dev
[React] 드롭다운 메뉴 만들기 (feat. useRef, useState)
오늘은 커스텀 훅을 사용해 드롭다운 메뉴를 만들어 보도록 하겠다. 드롭다운 메뉴의 종류가 여러 개 있지만 이 포스트에서는 그냥 평범하게 어떤 버튼을 클릭했을 때 아래와 같이 메뉴/옵션이
mingeesuh.tistory.com
위에꺼 참고해서 아래꺼가 만든것같다
https://codesandbox.io/s/styling-with-css-module-forked-3dbzow?file=/src/components/CheckBox.js
styling-with-css-module (forked) - CodeSandbox
styling-with-css-module (forked) using react, react-dom, react-icons, react-scripts
codesandbox.io
checkbox 컴포넌트
https://space-rumi.tistory.com/20
[React] 리액트 버튼 컴포넌트 만들기 (타입스크립트)
공용으로 사용할 커스텀 버튼 컴포넌트를 만들어보자. CustomButton.tsx (컴포넌트) import React from 'react'; type ButtonTypes = React.DetailedHTMLProps , HTMLButtonElement>; export interface ButtonProp..
space-rumi.tistory.com
버튼 컴포넌트
https://www.youtube.com/watch?v=7L3C_y7L120
테이블 컴포넌트
npm install react-daum-postcode//다음 주소 API 설치
https://velog.io/@junghyeonsu/React-useForm