React
1.Children props(props.children)
props.children React에서, props.children이라는 놈이 존재한다. `과 ` 사이에 들어가는 내용물을 Children props라고 한다. 이는 props.children으로 접근할 수 있다. 여기서의 props.children은 문자열 "안녕들하쇼"가 된다. 하지만 문자열 외의 다른 무언가(React Components, R...
2.spread operator and destructing
spread operator와 destructing을 응용한 props 사용법 spread operator, destructing 우선, spread operator...와 destructing을 활용하면 하나의 object에서 원하는 요소만 별도의 object로 구성 가능하다. props에 응용 props.children은 콘텐츠인 "네브바네브바"이...
3.clsx
React 사용시, 각 컴포넌트마다 해당되는 클래스를 수동으로 매겨주는게 좀 번거롭다. (ex) 이 버튼 className에는 button--blue랑 button--small 먹여야지, 저 버튼에는 button--blue이랑 button--big이랑 button--round 먹여야지, 저기에는 ... 이때 사용하는 라이브러리가 clsx 사용법 설치 ...
4.React에서의 onClick
사용법 바닐라 자바스크립트의 경우, React의 경우, 주의사항 onclick이 아닌 onClick으로 case sensitive 대문자, 소문자 여부에 민감하니 잊지말고 lowerCamelCase 준수 함수로 적는걸 잊는 경우, 버튼이 클릭될 때에 콘솔에 찍히는게 아닌 페이지가 로드될 때마다 콘솔에 찍히게 된다. 따라서 onClick={() => ...
5.[React] react-router-dom 새로운 개념들: useNavigate, useLocation
useNavigate와 useLocation에 대해 알아보자
6.React Hooks 정리_useState, useEffect, useRef
useState, useEffect, useRef 박살내기!
7.리액트 공식문서 '문서>주요개념' 정리
리액트 공식문서 '문서>주요개념' 헷갈리는 부분 모음집