whatisthis?

🎲 틱택토(Tic Tac Toe) 게임 Ref. 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org index.html style.css body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px; } .board-row:after { clear: both; content: ""; display: table; } .status { margin-bottom: 10px; } .square { background: #fff; border: 1px solid #999; float: lef..

React.js Day 03 React Hooks + WebPack 💾 PART 1 220315 [TIL] Today I Learned 💯 React.js - (1) React.js Day 03 React Hooks + WebPack 1 / React Hooks 리액트에서 추천하는 것 = Hooks의 사용. Class Component를 자제하고, 함수형 프로그래밍을 위한 Hooks를 권고함. 클래스 컴포넌트 class Button extends.. mywebproject.tistory.com * 지금까지의 코드 📃 webpack.config.js const path = require("path"); module.exports = { name: "wordrelay-setting", mode: "devel..

React.js Day 03 React Hooks + WebPack 1 / React Hooks 리액트에서 추천하는 것 = Hooks의 사용. Class Component를 자제하고, 함수형 프로그래밍을 위한 Hooks를 권고함. 클래스 컴포넌트 class Button extends React.Component { // 생략 render () { return ( ) } 함수형 컴포넌트 const Button = () => { // 생략 return } 원래도 함수형 컴포넌트가 있었는데, 그전에는 state나 ref 등을 클래스에서만 쓸 수 있었다. 💡 함수형에서도 state랑 ref를 쓸 수 있게 만든 것 = React Hooks (+ useEffect) useState() React.useState()..