React

input 태그 안에는 자식을 작성하는 경우, 나타나는 에러이다. 따라서 input태그 안에 작성한 자식을 지우고 실행시키면 잘 동작한다!\----> input 태그 안에 text를 작성하고자 한 경우에는,이런식으로 type을 이용해서만 작성해주도록 한다.

🔷 styled-component에서 애니메이션 주는 방법1) keyframes 이용css 그대로 애니메이션을 이용하는 대신, animation을 지정시 ${}이용마우스를 올려두면 이모지 크기가 커지게 하였다.

Theme은 한 object 안에 모든 색이 다 들어가있어서 사용하기 편리하다. \-> 실행방법: index.js에 import {ThemeProvider} from styled-componenet 작성,App을 ThemeProvider로 감싸주어 작성한 theme o

typescript 연습

styled-component에 원하는 인터페이스를 추가해 styled-component에 활용하고자 하는 경우(1) .d.ts ->styled-component 문서(https://styled-components.com/docs/api(2) .ts -> 위

npx create로 프로젝트 생성시, 자동으로 설정된 React.StrictMode 때문이다. index.js에서 해당 tag를 제거해주면 컴포넌트가 두 번이나 호출되지 않게 된다.StrictMode는 앱 내 잠재적인 문제를 알아낼 수 있는 도구로 사용된다고 한다.

selector -> 데이터를 좀더 체계적 방식으로 접근 가능 -> atom에 데이터 모아두고, selector로 변형시킬 수 있다 -> 쉽고 펴리 -> 여러 atom 가져올수있다. -> key, get Fn: 어떤 것을 반환할지 결정 사용자가 선택한 카테고리 저장

이렇게 설정한 값으로 투두리스트를 만들었을때, "TO_DO", "DOING", "DONE" 카테고리 중 내가 원하는 카테고리를 선택할때마다 해당 투두의 카테고리가 변경되어야 한다.콘솔로 찍어보면서 확인해보면 바꾸고자 하는 target의 경로(인덱스)를 알 수 있다.배열