React Micro Projects | Sanghwan An

Password Generator (Basic)

길이: 12

대문자 포함 (A-Z)소문자 포함 (a-z)숫자 포함 (0-9)특수문자 포함 (!@#$)

길이: 12

대문자 포함 (A-Z)소문자 포함 (a-z)숫자 포함 (0-9)특수문자 포함 (!@#$)

새로고침 버튼을 추가하면서 onClick에 함수를 즉시 실행 형태로 넣어 무한 리렌더 이슈를 경험했습니다. 이벤트는 반드시 함수 형태로 넘겨야 한다는 것을 다시 한 번 확실히 이해하게 되었습니다.

한 페이지에서 동일한 기능의 컴포넌트를 여러 개 사용할 때 state가 충돌하지 않도록 basic/comp 두 개의 객체로 분리해 관리했습니다. 이 과정에서 “상태 분리의 필요성”을 배우는 중요한 경험이었습니다.