[React] Custom Component-3

과제 - React Custom Component
1.Styled Components를 활용해 다양한 기능의 커스텀 컴포넌트를 구현할 수 있다.

 

1.모든 어드밴스드까지 종료하고 tag, tab, toggle, modal, autocomplete, clicktoedit의 여섯가지 기능을 모두 완료했다.

중간에 늦게 반영되는 문제들이 있었으나 해결 방법도 알아냈고 새로운 기능들을 배워 더 효율적으로 구현할 수 있다.

 

2.리액트에서 useState의 set을 사용한 후 그 데이터를 이용하고 싶다고 하더라도 바로 이용할 수 없다.
그 아래에 위치한 다른 set에 데이터를 입력하고 싶다면 위에 이용한 set1에 넣을 데이터를 set2에도 넣어줘야만 딜레이(한턴 느리게 적용되는 것)현상이 없다.

3.focus와 blur이벤트가 있는데 blur를 이용할 경우 밖을 클릭해서 focus가 사라지면 해당 기능을 작동시킨다. (중요)

4.버블링을 막기 위해 onClick={(e) => e.stopPropagation()}라는 방식으로 만들어줄 수 있다.

 

아직까지 알고리즘에 부족한 부분이 있는 것 같지만 어드밴스드 과제까지 완료했다는 부분에서 만족스럽다.

이제 어드밴스드 과제들도 해결하면서 역량을 키우고 알고리즘도 열심히 풀어야겠다.

 

Advanced까지 npm test 통과한 모습