| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- redux 사용방법
- 콜백함수
- React onClick
- toString
- useEffect
- sort
- 인라인블럭
- Redux
- react
- react redux
- JavaScript
- 자바스크립트
- 6주포트폴리오
- db.json
- redux toolkit
- line-through
- Redux store
- javascript React
- couchcoding
- React state
- useParams
- useSearchParams
- 자바스크립트배포
- first-child
- javascript코딩테스트
- foreach
- JSON
- 협업프로젝트
- 블럭요소
- 카우치코딩
- Today
- Total
목록react (6)
개발하는 루루언니
Redux의 기본구조를 알아야 할 수 있는 내용이다. 모르면 기본구조 부터 공부해야 한다. 구현할 프로젝트: 증가 버튼을 누르면 5씩 증가 , 감소버튼을 누르면 5 씩 감소 💙이해하기 쉽게 내가 사용한 함수를 정리해보자 💙 1. dispatch 를 사용하면 == action의 값과 동일하다. 2. dispatch 는 2개의 매개변수를 가질 수 있는데 type 과 payload 3. type 은 이름이고 payload는 내가 원하는 값을 넘겨주는 함수의 매개변수라 생각하면 된다. 4. dispatch ( { type : "이름" , payload :{num:5} } ) 이렇게 중괄호 안에 사용해야 하며 payload는 넘겨줄 값을 쓸때도 {} 안에 키 값과 출력값을 작성한다. 1. u..
잊지말긔 공식..💜 1. array 자료 갯수만큼 함수안의 코드 실행해줌 2. 함수의 파라미터는 array안에 있던 자료임 3. return에 뭐 적으면 array로 담아줌 4. map(function(a,i ) 두번째 i는 반복문이 돌때마다 0부터 1씩 증가하는 정수임 콘솔창에 실행결과 💜 1. array안에 담긴 3개의 숫자만큼 5가 출력된걸 확인 [1,2,3].map(function(){ console.log(5) 2. 함수 파라미터 안에 a 값을 콘솔로 찍어보면 1 , 2 , 3 = 즉 어레이 자료를 그대로 찍어줌 [1,2,3].map(function(a) { console.log(a) }) 3. return문을 이용해서 숫자를 찍으면 어레이에 있는 숫자 갯수만큼 출력됨 4. map(funtion..
State 변경함수 적용하기 💜 state [ 기본값 , 변경함수 ] = useState(초기값) -> 이 공식만 기억 해보자 예시코드) 1번 let [good,setGood]=useState(0); 2번 { Title[0]} { setGood(1) }}> ❤ {good} 💜코드 설명💜 하트 값을 눌렀을때 1이 되었으면 좋겠어요. 1번해석 useState 값중 기본값은 good , 변경함수는 setGood 그리고 내가 초기설정값은 0 이다. 2번해석 여기서 우리는 1로 증가 하게 변경하는거니까 변경 함수인 setGood을 써주고 함수이기 때문에 () 괄호를 넣어준다. 괄호안에는 내가 숫자1이 되었음 하는 숫자 ' 1 ' 을 넣어주면 클릭했을때 ' 1 ' 이됨