COCSOS - guitar, computer, etc

가독성 생산성을 고려한 컴포넌트 작성법 * 상단에는 속성값의 타입을 정의하기 MyComponent.propTypes = { // ... } -> 속성값 타입정보를 위에 작성하는 이유? 사용자 입장에서 컴포넌트 타입 정보 확인이 편함 (타입스크립트로는 propTypes 정의할 필요는 없다) export default function 함수이름을작성하기(){ return }-> 디버깅 시 함수 이름에서 확인가능 * 컴포넌트 arg는 명명된 매개변수를 넣기 // XXX 번거로움 function f1(props){ props.prop1; props.prop2; } // OOO function f2({prop1, prop2}) { prop1; prop2; } * 컴포넌트의 변수, 함수는 파일 하단에 작성 변수명은 ..

훅 사용 시 반드시 지킬것 1. 하나의 컴포넌트에서는 같은 순서로 훅을 호출한다. * if, for 문 안에서 훅을 사용하면 안된다. * 함수안에서도 훅을 사용하면 안된다. 항상 호출될수 알 수 없음 * 실수 방지를 위해 return 문 이후에 훅 사용금지 function CompoEx1(){ const [value,setValue] = useState(0); if (value === 0){ const [v1,setV1] = useState(0); }else{ const [v2,setV2] = useState(0); } if (1){ return null } const [] = useState(); return 하지 말랬지! } useState()의 인자는 초기값뿐임. 그래서 여러개 사용시 useStat..