🤗 님 오늘 뭐함?

• 인프런 - React로 NodeBird SNS 만들기
  1-1. antd와 styled-components
  1-2. _app.js와 Head
  1-3. 반응형 그리드 사용하기
  1-4. 로그인 폼 만들기
  1-5. 리렌더링 이해하기
  1-6. 더미 데이터로 로그인하기
  

🌱 새롭게 알게 된 점

• 리액트의 children props: 컴포넌트 태그 사이의 내용을 보여줌. https://ko.reactjs.org/docs/composition-vs-inheritance.html 여기 코드펜 예제있음.
• propTypes: 컴포넌트에서 props의 타입을 지정할 때 사용한다. 파일 상단에 import PropTypes from 'prop-types'; 해주고 [컴포넌트이름].propTypes = { [propName]: PropTypes.[type] }; 이렇게 설정해주면 된다.

  대괄호 안에 있는 부분을 본인이 원하는 이름으로 바꿔줘야 함

• 데탑, 모바일 둘 다 반응형으로 지원하려면 모바일부터 개발하는게 낫다고 함.
• xs: 모바일, sm: 태블릿, md: 작은 데스크탑
• a 태그로 href target='_blank' 연결해줄 때 rel='noreferrer noopener'속성도 넣어줘야 보안 위협이 사라진다.
• 컴포넌트에 props로 넘겨주는 함수는 useCallback을 꼭 쓰자!!!!!!!!! 잊지말자.
• styledComponents 쓸 때 inline으로 쓰지말자

✨ 느낀점

어제부터 다시 데탑으로 돌아와서 공부 중인데 확실히 모니터 2개라 편하긴 하다ㅋㅋ
그동안 bootstrap만 알았는데 antd, emotion의 프레임워크를 알게 되었다! 디자인도 깔끔해서 좋다.. 강의 들으면서 모르는 부분은 책 참고하면서 보니까 도움이 많이 된다. 노드버드 강의도 재밌고!!