---- Contents ----164 리액트 Component & props export => import 를 써주면서 코드를 간결하게 만들 수 있다. 리액트 컴포넌트를 쓰는 이유는 *재사용성. - 해당되는 컴포넌트를 어디든지 가져다가 쓸 수 있음. - 가독성도 좋아진다. (코드가 길어질 수록 컴포넌트로 빼는 것도 좋다.) - 성능 최적화 할 때 좋다. **** 컴포넌트를 사용해야 할 때 주의할 점!!! 중요 부분. (V, i)를 따로 읽지 못한다.(key 값) (상대방 입장도 들어봐야 된다.) => ex) * props를 사용한다. // HTML에서는 Attribute라고 함. { this.props.value.fruit } - { this.props.index } *라고 쓸 수도 있음. { this.props.v.fruit } - { this.props.i } Tip => 탑.. 2019. 10. 11. React requirements - node js, npm , git React requirements download Node js 1. npm -v 버전확인. 2. npm install npx -g 3. npm install -g npm download GIT 4. git 5. version 확인 node --v npm --v npx --v git --version 2019. 10. 11. ` { } ` 사용하기. calculator 예제 const calculator = { caclulate : function(a, b){ return `cheese=${a*b} meet=${a+b} olive=${a-b} powepimantoroff=${a**b} tomato=${a/b} `; } } const result = calculator.caclulate(2, 2); console.log(result); 객체, 프로퍼티, ₩${ } ₩ 사용하기. 2019. 10. 4. prev 1 ··· 32 33 34 35 36 37 38 ··· 55 next