$$config title: react for문 가지고 놀아보기 keywords: - react $$ # react를 이용한 간단한 for문 실습 - for문을 이용해서 콘솔에는 반복되는 횟수를 나오게 하고 - 화면 상에는 총 반복수를 출력하게 해놓았다. ```js import React,{useState,useRef} from 'react'; function ForTest(){ const [index,setIndex] = useState(0); const result = useRef(); const onIndex =(e)=>{ setIndex(e.target.value); } const addIndex=()=>{ for(let i = 1; i<=index; i++){ result.current.innerText=`${i}번째 입니다.`; console.log(i); } } return (

); }; export default ForTest; ``` # react를 이용한 간단한 for 실습2 - 위의 문제에서 처럼 총 몇번째 반복인지 출력이 되고\ - 그 값이 홀수인지 짝수인지 알아낼 수 있다. ```js import React,{useState,useRef} from 'react'; function ForConverter(){ const [cover,setConver] = useState(0); const result = useRef(); const onChange=(e)=>{ setConver(e.target.value); } const Converter = () =>{ for(let i = 1; i<=cover; i++){ result.current.innerText=`${cover} 만큼 반복했고 마지막 수는 ${i % 2===0 ? "짝수": "홀수"}` console.log(i); } } return (

); }; export default ForConverter; ```

게시글 상세