일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 리액트기초
- 클래스컴포넌트
- 리액트
- 리액트스타디
- React Component
- npm명령어
- express-generator
- mongoose
- 시퀄라이즈
- sementicversion
- NoSQL
- NPM
- sequelize
- 시퀄라이즈공부
- component
- nodejs교과서
- mongo
- React
- 리액트컴포넌트
- MongoDB
- nodeJS
- node
- 제로초예제
- Today
- Total
목록분류 전체보기 (115)
개발노트
틱택토(삼목게임) 만들기 TicTacToe > Table > Tr > Td const Tictactoe = () =>{ const [winner, setWinner] = useState(''); const [turn, setTurn] = useState('o'); const [tableData, setTableData] = useState([ ['','',''],['','',''],['','',''] ]); } 실제 이벤트 발생하는 곳이 Td컴포넌트 인데, tictactoe 에서 state들을 td로 보내려면 두번이나 거쳐서 Td로 가는 문제점이발생 state 갯수를 줄일수 있는 useReducer const [state, dispatch] = useReducer( reducer, initialState..
useState, useRef 로 변경 import React, { useState , useRef , useEffect} from 'react'; import Ball from './Ball'; function getPickNumbers(){ console.log('pickNum START'); const numArray = Array(45).fill().map( (v,i) => i + 1 ); const shuffle = []; while( numArray.length>0 ){ shuffle.push( numArray.splice( Math.floor( Math.random() * numArray.length ) ,1)[0] ); } const bonusNumber = shuffle[shuffle.l..
1~45까지 숫자만들어서 섞어서 7개 반환하는 함수 function getPickNumbers(){ console.log('pickNum START'); const numArray = Array(45).fill().map( (v,i) => i + 1 ); // 1~45정수 배열 만듬. const shuffle = []; while( numArray.length>0 ){ //1~45를 랜덤하게 섞기 위해서 shuffle.push( numArray.splice( Math.floor( Math.random() * numArray.length ) ,1)[0] ); // (1~10랜덤) * 45 한다음 45,44 랭스 바뀌게 이렇게 그숫자 하나씩 제거 (곱하는건왜하는건지? 알고리즘인데,) //그숫자 push } ..
우선 훅스에는 라이프사이클없으니까 제외한 나머지를 훅스로 변경 import React, { useState , useRef } from 'react'; const rpsCoords = { rock:'0px', scissor: '-142px', paper: '-284px', }; const score = { scissor: 1, //가위 rock:0, //바위 paper:-1 //보 } //컴퓨터가 어떤손 내는지 판단 const computerChoice = (imgLocation)=>{ return Object.entries(rpsCoords).find( function(v){ return v[1] === imgLocation; })[0]; } const RPS =()=> { const [ result,..