함수형 컴포넌트는 import로 불러와서 tagname에 입력한다.styled component 역시 tagname에 입력한다컴포넌트 이름은 대문자 Camel (myStyle x -> MyStyle o)
자식 컴포넌트에서 부모컴포넌트에게 데이터를 역행해서 주는 짓은 콜백을 써야한다. 매우 어렵다(아직). 컴포넌트 구조를 잘 짜야한다.useState()를 활용해서 setState와 잘 버무리면 데이터가 변경되는 마술.
react-router-dom은 6버젼부터는 사용법이 많이 바뀌었다. react-router-dom에서 route를 이용하여 path를 설정하고 그 아래 컴포넌트를 넣는다. > 이경우 useHistory나 useParams 등의 메소드를 사용해야한다. 또는 Rou
리덕스는
이벤트 캡쳐 (상위div의 이벤트가 하위div까지 전파되는것)를 해당 컴포넌트에 id를 주고 해당 id일 경우에 이벤트가 발생하도록 설정하여 막음.리덕스를 사용할때 default가 initialstate의 경우의 return이니 잘 활용할것.무조건 재활용한다고 elem
context api를 이용해서 전역상태관리가 가능하다.createContext훅을 통해서 context api를 만들 수 있다.ex)provider를 통해서 value를 바꾸고consumer를 통해서 구독한다.
context api에서 함수를 만들어서 그걸 use state와 결합하여 로그인 인증기능 완성use Effect로 토큰이 있는지 판단하여 상태 유지로그인과 로그아웃 시에는 각각 state를 true, false를 주어 스테이트 변경
컴포넌트 나누는건 역시나 어려움.좋아요기능과 찜기능 구현을 위해서 map을 돌리는 부분을 CardList라는 컴포넌트로,card의 데이터를 받아서 그려주는곳은 Card라는 하위컴포넌트로 만들어서 좋아요 기능구현을 하게됨.현재 input에 초기 value값을 넣어주고 변
CI/CD 작업 중 yarn build 에서 위와 같은 오류 발생. 현재 로컬에서는 yarn build 시 문제 없음.
컴포넌트 기반으로 DOM을 조작할 수 있도록 도와주는 라이브러리 JSX 사용.React !== JSX바벨(https://babeljs.io/repl/- 캡슐화리액트에서는 Class/Function 두가지를 이용해 컴포넌트를 랜더링 할 수 있도록 지원한다.mou