반응형 전체 글23 redux란? nextjs에서 redux 시작하기, 사용법 redux란? 중앙데이터 저장소 라고 보면 될듯. 컴포넌트나눠서 부모자식간에 일일이 계속 전달하고 그런게 귀찮으니까 한꺼번에 중앙에서 관리하는거. 그래서 컴포넌트가 필요로 할때 부분적으로 가져다 쓰거나 전체적으로 가져다가 쓸 수 있게. 중앙 데이터 저장소 (유사: Mobx(초보가아니거나 생산성 위하면 괜춘) 나 contextapi(앱이 작을때 가볍게) 등등) redux 장점 원리가 간단, 확실하고 에러가 날일이 별로 없고 에러가 나도 추적이 가능함 = 앱이 안정적이어짐\ redux 단점 but, 코드량이 많아짐 왜? 사람들은 redux를 택하나? 중앙저장소는 서버에서 데이터를 받아옴. 서버에서 데이터를 받아오는 것은 항상 비동기임. 이말은 즉슨, 서버에서 데이터 요청할때마다 100% 성공의 확률로 주지 .. 2022. 7. 31. 리액트 주소창 높이 인식해서 vh 정하기 const handleResize = () => { const vh = window.innerHeight * 0.01; document.documentElement.style.setProperty("--vh", `${vh}px`); }; useEffect(() => { handleResize(); return () => window.removeEventListener("resize", handleResize); }, []); 후에 style에서 height: calc(var(--vh)*100); 2022. 7. 15. var, let , const 차이 변수만들때 let, const, var차이 let 재선언 금지, 재할당 가능 const 재선언 금지, 재할당 금지 var 재선언 가능, 재할당 가능 let a = b; let a = c; //재선언 금지 let a = b; a = c; //재할당은 가능 const a = b; const a = c; //재선언 금지 const a = b; a = c; //재할당 금지 var a = b; var a = c; a = d; //재선언, 재할당 가능 2022. 6. 2. vue.js nuxt.js 에서 swiper 사용하기 1. npm 또는 yarn 으로 터미널로 swiper, vue-awesome-swiper설치 버전 꼭 확인 !!!!!! $ npm install swiper@5.3.7 vue-awesome-swiper@4.1.0 $ yarn add swiper@5.3.7 vue-awesome-swiper@4.1.0 “swiper”: “^5.3.7”, “vue-awesome-swiper”: “^4.1.0”, 2.작업 폴더 > plugins 폴더에 vue-awesome-swiper.js 추가(이름은 자유) 안에 아래 내용입력 import Vue from 'vue'; import VueAwesomeSwiper from 'vue-awesome-swiper'; // import custom style 자기꺼에 맞게 경로 입력 (.. 2022. 5. 12. 이전 1 2 3 4 ··· 6 다음 반응형