주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 반복문을 돌릴때 key값을 필수로 입력해줘야한다. 성능최적화의 문제 따라서 key값은 단순히 index값이 아닌 유니크한 값이어야한다. i + 1과 같이 예제로 쓴 것도 좋지않다고한다. 추후에 성능최적화와 관련된 공부를 해야겠다. (수정 없이 추가만 단순히 할 경우 index만 넣어도 된다고한다) return ( {test.map((v, i) => { return ( ); })} );

require const React = require('react'); const Example; = () => {}; module.export = Example; import import React from'react'; const Example; = () => {}; export default Example; require는 노드 문법이고 import는 ES6문법이다. 두개를 섞어쓰면 당연히 에러가난다.

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 전체적은 Example.js의 코드를 하나하나 뜯으면서 Hooks로 변경해보겠다. const React = require('react'); const { Component } = React; class Example extends Component{ state = { value : '' } onSubmit = () => { // ... }; onChange = () => { // ... }; inputEl; onRefInput = (c) => { this.inputEl = c; }; render(){ return( {this.state..

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 여기서 필요한건 react-hot-loader, webpack-dev-server 모듈이다. webpack-dev-server 모듈은 webpack.config.json을 읽어 빌드하고 서버로 유지해주는 역할이라고 한다. 로컬에서 서버를 돌릴 수 있다. react-hot-loader는 실시간으로 변경된 것을 확인할 수 있게 해준다. 모듈 install // cmd npm i -D react-hot-loader npm i -D webpack-dev-server 제로초님 강의에 서버가 공포감을 줄 수 있다고 한다. 나역시도 그랬던 것 같다..