React

✔ 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리✔✔ UI를 표기하고 Event에 반응함 = Components를 만든다.❓ 컴포넌트 나누는 기준1\. 재사용성(버튼 등)2\. 단일책임(재사용성이 적어도 많은 일을 한다면 나눈다.)✔ 웹이나 모바일 앱을 손쉽게

2023.03.31

2023.03.31

✔ 성능을 측정해보고 문제되는 경우에 적용컴포넌트 안에서 무거운 일을 하는데 매번 호출하지 않고 처음에만 호출 UI 컴포넌트의 re-rendering 방지(props가 들어가면 re-rendering됨)props로 전달받은 함수를 실행해서, 그 결과값을 보존deps =

✔ 외부의 이름 충돌을 걱정하지 않고 해당 component의 클래스 이름을 작성하면 PostCss가 컴포넌트 이름과 고유한 id를 붙여줌✔ 파일별로 모듈성이 부여css 파일 확장자를 '이름.module.css'로 지음설치 yarn add styled-component

onAdd

단축키rfc: jsx 기본 형식si: style importcn: className import

가입https://www.netlify.com/CD(지속적인 배포)새로운 branch feature-a를 만듦git checkout -b feature-a변경사항 커밋git cad -> tig -> git push깃허브 페이지 이동 -> compare & pu

✔ 네트워크에서 가져온 데이터를 상태관리 할 수 있게 도와주는 라이브러리 중 가장 많이 쓰임