react (2) 썸네일형 리스트형 Zustand로 전역상태관리 해보기#1 말로만 듣던 쉽고 편하다는 zustand를 프로젝트에 적용하기 위해 사용 해 보았다. # 이하 예제에서 할것 state를 true로 만들기 state를 토글로 관리 count +1 및 초기화 1 . 먼저 create-react-app으로 만든 프로젝트에 아래 경로처럼 store를 관리할 파일을 만듬. => src\store\store.js를 만들어 줌 //store.js // zustand의 create를 사용하여 store를 생성. import {create} from 'zustand' //create 안에는 기본값을 갖는 state를 설정 , 함수명 형식으로 변경할 state에 대해 작성. //set()은 상태를 변경하는 메서드 // state를 false => true로 바꿔주고자 할때 export.. 리액트에서 자주 쓰이는 자바스크립트 문법 3가지 1. object shorhand 문법 객체 리터럴 선언시에 key로 선언된 값이 존재한다면, value 를 생략해도 자동으로 매칭시켜준다. 일반적으로 쓰는 JS문법 let name = "홍길동"; let age = 20; const person = { name:name, age:age } object shorhand 사용 예시 let name = "홍길동"; let age = 20; //key:value 형식이 아닌 key값만 선언한 형태 const person = { name, age } console.log(person) //result : {name: '홍길동', age: 20} 2.Destructuring (구조분해, 비구조화 할당) Destructuring은 구조화된 배열 또는 객체를 Dest.. 이전 1 다음
