이런식으로 컴포넌트 파일을 여러개 만들어서 기능별로 컴포넌트를 분리시켜놨다.
App.jsx 파일
훨씬 깔끔해졌고, 다음에 다시 사용하게 된다면 더 편하게 쓸 수 있게끔 분리시켜놨음
컴포넌트 하나하나에 따로 기능을 넣으니 확실히 수정도 편하게 할수있게됐고 이점이 많은거같다
styled components는
이런식으로 함수 위에 써야했다.
처음에 함수 안에 넣었었는데 input에 텍스트를 입력할때마다 커서가 초기화가 되서 왜 이런거지 하고 오래 생각을 해봤다.
생각만해선 안되겠다 싶어서 이것저것 해보다가 styledcomponents 부분을 함수 위로 빼니까 제대로 적용이 됐다.
공부하면서 알았는데 함수안에넣으면 계속 렌더링이되서 커서가 초기화가 된다는걸 알았다.
'학습' 카테고리의 다른 글
| react (생명주기, DOM 복습) (0) | 2024.02.16 |
|---|---|
| 리액트 타임어택 (0) | 2024.02.06 |
| useContext, memo, useCallback, useMemo, 가상DOM (0) | 2024.01.30 |
| styled Components, useState, useEffect, useRef, html태그 (0) | 2024.01.24 |
| React 기초 1주차 (state, 컴포넌트) (0) | 2024.01.19 |
