날아라김지원
article thumbnail
Vue.js 정렬, 데이터보존 [...array]
Vue.js 2023. 4. 1. 19:41

- 정렬, 데이터보존 [...array] 1)배열 데이터 정렬하기 그냥 배열.sort()를 사용해도 정렬은 되지만 문자 정렬이 기본이다. 그래서 아래와 같이 함수를 만들어줘 a,b파라메터를 a-b형태로 써줘야 숫자형 정렬이 된다. var array = [3,5,2]; array.sort(function(a,b){ return a-b // 문자 정렬이 아니라 숫자형 정렬하기 위함 // 음수가 나오면 왼쪽으로 보내는 방식임 외워서 쓰면 됨 }); 2)Object데이터 정렬하기 아래와 같이 만들어진 데이터를 정렬하려고 한다. 정렬 방식은 비슷하지만 약간 다른 방식이 필요하다. [{ id : 0, title: "Sinrim station 30 meters away", image: "https://codingap..

React Redux 2(reducer,dispatch,state수정)
React 2022. 1. 17. 15:19

reducer / dispatch 리덕스 데이터 수정하는법 리덕스에서 state데이터를 수정하는법 reducer 함수를 만들어 수정하는 '방법'을 정의해놓는다 그리고 dispatch()함수를 사용해 reducer에 수정을 요청한다. 정해져있는 방식이니 그대로 사용하자 function Cart(props){ return ( # 상품명 수량 변경 { props.state.map((a,i)=>{ return ( {a.id} {a.name} {a.quan} { ??? }}> + ) }) } ) } props.state로 리덕스에있는 state를 가져와 map반복문을 사용 a는 당연히 안의 값이고 i는 인덱스 값이다. 오류가 나지않게 key 값을 넣어주고 state안의 id,name,quan을 출력하게 만들었다...

article thumbnail
React props 추가
React 2022. 1. 10. 09:52

- 변경 자주하는 내역들 props로 전달하기 컴포넌트안에 props두개 전달 당연히 가능 { modal === true ? // 작명 = {전송할state} 보통 똑같이 쓴다. : null } - map함수 사용하면 첫번째 매개변수말고 index도 가지고 있다. { 글제목.map(function(글, i){ return( {/* 반복문이 돌때 안에 0,1,2가 반복되게 적기 map의 두번째 파라미터*/} { 누른제목변경(i)}} > {글} {따봉바꾸기(i)}}>🥰좋아요! {따봉[i]} {/* 따봉 함수로만들어서 파라매터 여기있는 i 전달해줘서 바꾸면 되겟다 체크 딥카피로 ㅇㅇ 해보쟈 */} 1월 10일 발행 ) }) } - props한 외부 컴포넌트 문법에서 사용하기 function Modal(prop..