본문 바로가기

분류 전체보기

 (265)
[React] Json-server 제이슨 서버 사이트 https://www.npmjs.com/package/json-server json-server Get a full fake REST API with zero coding in less than 30 seconds. Latest version: 0.17.0, last published: 9 months ago. Start using json-server in your project by running `npm i json-server`. There are 284 other projects in the npm registry using json-ser www.npmjs.com 1. 터미널에 작성하여 설치 npm install -g json-server 2. 사이트 참고하여 아래 5005으로 작성함(데이터파..
[2022.07.11] 이미지 불러오기 경로 오류 디자인 작업 후 코딩 시작 footer 작업중 에러 사항 import React from 'react'; import styled from 'styled-components'; import LogoImg from './../../../img/zetaplan_splite.png' const Footer = () => { return ( {/* */} ); }; const FooterBox = styled.div` background: #1C1C1C; color:#fff; font-size:1.8rem; `; const FooterSns=styled.li` background: url('./../../../img/zetaplan_splite.png') no-repeat -13px -10px; width: 4..
[Redux] redux-persist (새로고침해도 데이터값 그대로 유지할 때)-장바구니 개수유지 https://www.npmjs.com/package/redux-persist redux-persist persist and rehydrate redux stores. Latest version: 6.0.0, last published: 3 years ago. Start using redux-persist in your project by running `npm i redux-persist`. There are 873 other projects in the npm registry using redux-persist. www.npmjs.com 1. 터미널에 사이트를 참고하여 작성해 설치한다. npm install redux-persist 2. 사이트를 참고하여 코드를 작성 (내 파일 src>store>in..
[Redux] 리덕스란 https://ko.redux.js.org/introduction/getting-started/ Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org Redux : 전역상태를 관리하는 라이브러리 리덕스에서는 전역상태를 저장하고 있는 스토어가 있고, 컴포넌트에서는 스토어에서 필요한 state값을 구독해서 사용한다. 상태를 변경시켜야 할 때 어떻게 변경시킬지에 대한 정보를 담아서 액션이라는 객체를 만든다. 그리고 그 액션을 디스패치(처리될 작업을 실행시키는 것, 보내는 것)해서 리듀서(함수)에게 넘겨 준다. 리듀서는 액션의 정보를 보고 state를 정해진 규칙에 따라 변경한다. 최종적으로 전역스테이트가 변경되고, 해당하는 스테이트를 구독하고..
[Git] VS code 확장프로그램 설치 - Git Graph 1. git graph 설치 2. git graph 확인 방법
[Git] fatal: not a git repository (or any of the parent directories): .git fatal: not a git repository (or any of the parent directories): .git 원인 현재 폴더에 git에 대한 정보를 담은 파일이 없기 때문에 발생하는 에러 해결 $ git init 수행후 다시 add 명령어 실행
[react] Debounce -lodash.com 사이트 이용 방법 debounce 디바운스 이벤트를 그룹화하여 특정시간이 지난 후 하나의 이벤트만 발생하도록 하는 기술 콘솔에 글자 하나칠때마다 함수 호출되는것말고 텀사이(띄어쓰기)를 그룹으로 묶어서 호출한다. [사이트 이용 방법] https://lodash.com Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.InstallationIn lodash.com 1. ..
[react] 스토리지 (Web Storage , Local Storage, Session Storage) * Web Storage * Local Storage -Key와 Value의 쌍으로 데이터 저장하고 조회할 수 있는 저장소 -서버에 전달되지 않는다. -지우지 않는 이상, 브라우저의 탭을 닫거나 다시 열어도 유지됨 -크롬 콘솔에 위에 코드 치고 application>storage>localstorage>해당호스트링크 보면 값이 들어가 있음 -문자열만 저장 가능: 문자열, 숫자, 오브젝트 다 가능하지만 로컬스토리지를 거치고 나면 String 이 되어버림. Object를 그대로 가져오려면? >JSON형태로 바꿔서 저장하고 : JSON.stringfy(); >JSON형태로 바꿔서 가져오기 : JSON.parse(); (JSON.stringfy 오브젝트, 객체, 배열 ..JSON 문자열로 반환 JSON.pars..

티스토리툴바