COCSOS - guitar, computer, etc

1. 1 / 4 / 5 도 구성 2. dom 7으로만 이루어져 있다. A 키라면 A7,D7, E7 3. 셔플 리듬 - 12마디 블루스 패턴 A7 A7 A7 A7 D7 D7 A7 A7 E7 E7 D7 D7 A7 A7 A7 A7 (E7 , E7, ...E7) 마이너 펜타토닉과 메이저 펜타토닉을 병용할 수 있는 것이 블루스의 특징이다.

* 조건부 렌더링 때에 따라 좋은 코드가 있다. // 여러가지 경우가 있는데, 때에 따라서 적절히 사용하자. function Greeting( {isLogin, name, cash}){ // 1. if문 사용 if (isLogin){ return `${name} 하이` }else{ return 권한이 없소 } // 2. 삼항 연산자 return {isLogin ? `${name} 하이` : '권한이 없소'} // 3-1 null 리턴할 때는 엠퍼센드 && return {isLogin && `${name} 하이`} // 3-2 삼항연산자로는 조금 길다. return {isLogin ? `${name} 하이` : null} // 아래는 그리지 않는다. // {false} // {null} // '' 결과는 ..

* PropTypes에서 속성값 타입을 입력할 수 있다 는것은 무슨 소리란 말이요? import PropTypes from 'prop-types'; User.propTypes = {...}; // prop-types 패키지가 있다. 속성값의 타입정보를 정의할 때 사용하는 리액트 공식 패키지 왜 타입이 필요한가? js는 동적 타입, 실수 등 에러 발생 가능하기 때문. 아래를 보고 한눈에 무슨 타입인지 알고, 코딩할 때 실수안할걸 확신하면 동적 타입 쓰셈. // propTypes가 없는 경우 /** * * 코드를 읽어야 타입을 알 수 있다 * 그러나 읽고나서도 명확하지 않음 */ export default function User({type,age,male,onChangeName,onChangeTitle})..