일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- indexOf()
- Eventlitener
- useEffect()
- jsx반복문
- sort()
- includes()
- 교집합
- isNaN()
- charAt()
- getday()
- React
- Math.floor()
- repeat()
- substring()
- Number()
- setDate
- filter()
- toUpperCase()
- new Date()
- 3진수
- useState()
- Math.sqrt()
- 항해99솔직후기 #항해99장점 #항해99단점 #부트캠프추천
- parseInt()
- map()
- useRef()
- 차집합
- reat if문
- 소수점 올림내림
- slice()
- Today
- Total
목록React (2)
개발자로 전향중
자바스크립트 반복문을 통해 DOM에 JSX을 렌더링하고 싶을 때 function App() { const weekArr = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; return ...; } 아래처럼 컴포넌트 return문 안에서 for문은 못씁니다. // wrong function App() { const weekArr = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; return ( { for ( let i = 0; i < weekArr.length; i++) { {weekArr(i)} } } ) } 방법은 두가지 1. return문에서 JSX를 반환하는 함수 호출 (JSX 루프 렌더링 시에 반드시 key값을..
setState() - 함수 기반 상태 관리 React Hooks에서 제공하는 useState() 함수를 사용해서 위의 클래스 기반 컴포넌트를 함수 기반으로 재작성해보았습니다. setState() 함수는 배열을 리턴하는데 첫 번째 원소는 상태 값을 저장할 변수이고 두번 째 원소는 해당 상태 값을 갱신할 때 사용할 수 있는 함수입니다. 그리고 setState() 함수에 인자로 해당 상태의 초기 값을 넘길 수 있습니다. const [, ] = useState(); import React from "react"; // BucketList 컴포넌트를 import 해옵니다. // import [컴포넌트 명] from [컴포넌트가 있는 파일경로]; import BucketList from "./BucketList"..