개발하는 루루언니

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 ' 이됨

OnClick 에 함수 대입하기 💜 '함수'를 온클릭에 대입해서 쓰기 function 함수 (){ --내용 -- } onClick= { 함수 } -------------------------------------------- 또는 바로 기재 하기 onClick={ ()=>{ --- 내용--- }} = > 화살표 함수