목록분류 전체보기 (161)
지영이의 개발 블로그

✔중첩 함수 특정 함수의 내부에 선언된 함수 C나 Java 등에서 사용 불가능, 자바스크립트에서 사용 가능 자바스크립트에서는 외부 함수의 최상위 레벨에만 중첩 함수 작성 가능 함수 안의 if문와 while문 등의 문장 블록 안에는 중첩 함수 작성 불가능 중첩 함수의 참조는 그 중첩 함수를 둘러싼 외부 함수의 지역 변수에 저장 외부 함수의 바깥에서는 읽거나 쓰기 불가능 자신을 둘러싼 외부 함수의 인수와 지역 변수에 접근 가능 외부 함수의 변수 유효 범위가 그 함수의 중첩 함수에 미침 (클로저의 핵심 구성 요소) 간단한 예시 1)의 중첩 함수 sumSquare는 변수 x 사용 변수 x는 외부 함수인 example의 인수 let sum = a => b => { return a + b; }; 이걸 일반 func..
https://tooo1.tistory.com/572 [React] Redux-Persist (새로고침을 해도 데이터 유지) Redux-Persist React의 Redux-Persist를 사용하면 새로고침을 해도 데이터가 지속적으로 유지된다. 이 글에선 Redux-Persist를 Redux-Toolkit과 함께 사용하여 알아볼 예정이다. 먼저 프로젝트를 설치하자 CRA 설.. tooo1.tistory.com

Redux-Persist React의 Redux-Persist를 사용하면 새로고침을 해도 데이터가 지속적으로 유지된다. CRA 설치 # Redux + Plain JS template npx create-react-app my-app --template redux 기존 # NPM npm install @reduxjs/toolkit # Yarn yarn add @reduxjs/toolkit 사용방법 내프로젝트에 적용해보기 🦴store.js import { configureStore } from '@reduxjs/toolkit'; import { createLogger } from 'redux-logger'; import accountsSlice from './accountsSlice'; import user..
구글에 위와 같은 제목으로 오류를 검색하면 다음과 같은 명령을 실행하라고 많이 나온다. npm update npm start yarn upgrade yarn start 하지만 내 경우는 계속해서 같은 오류가 발생했고 다음 명령을 실행하고 해결할 수 있었다. yarn add global react-scripts npm install -g react-scripts react-scripts 은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다 이런 오류가 발생하는 이유는 react-scripts라는 라이브러리(프로그램/명령)을 현재 경로에서 실행시킬수 없는 상황이기 때문이다. 옛날 버전을 받았든 뭐든 어떤 이유로 react-scripts모듈이 제대로 설치되지 않았고 react-sc..
https://juni-official.tistory.com/226

redux로 비동기 통신을 처리해야 하는 과제가 주어졌다 . 하지만 리덕스로 비동기 처리하기 위해선 미들웨어를 설치해야 하는데 나는 리덕스 툴킷에 내장 되어있는 thunk api를 사용해 비동기 통신을 요청해 보고자 하였다. createAsyncThunk는 비동기 작업을 처리하는 action을 만들어줍니다. redux가 아닌 리덕스 툴킷을 사용하고자 하는 이유는 다음과 같다 . - 설정이 어렵다. -미들웨어 설치가 따로 필요하다 -리덕스 툴킷은 더이상 다양한 패키지들를 설치 하지 않아도 됩니다. 리덕스를 사용하면 redux devtool, immer, thunk 등 여러가지 라이브러리를 추가적으로 설치해야 하지만, redux-toolkit 내부에 이미 설치가 되어 있기에 굳이 설치 할 필요가 없습니다. ..

CHAPTER 1 1.3.3 노드 설치하기 노드는 풀스택 애플리케이션을 구축할 수 있는 런타임 환경이다. 노드는 오픈 소스이며 윈도우,맥,리눅스 등의 플랫폼에 설치할 수 있다. 익스프레스 서버를 구축할 때 노드를 사용한다. 리액트를 다루려면 노드를 설치해야 한다 . $ node -v npm 노드를 설치하면 자동으로 노드 패키지 관리자인 npm도 함께 설치된다.자바스크립트 커뮤니ㅌ에서는 같은 일을 하는 프레임 워크나 라이브러리, 도우미 함수드을 중복으로 작성하는 일이 없도록 하기 위해 엔지니어들이 오픈소스를 공유하는데 리액트자체도 유용한 npm 라이브러리의 예이다. 새로운 프로젝트를 밑바닥부터 시작하면서 의존 관계를 포함하고 싶다면 다음 명령을 실행하자. 프로젝트를 초기화 하고 package.json 파일..
옵셔널 체이닝 , 인터섹션 옵저버 참고 : https://velog.io/@xka926/React-IntersectionObserver-github-API React - IntersectionObserver , github API 이번 시간에는 GitHub에서 제공해주는 API를 어떻게 사용하는지 (사실 다는 모름) 또는 IntersectionObserver를 사용한 인피니트 스크롤링은 어떻게 하는지에 대해 경험적으로다가 정리를 한다. GitHub API velog.io 참고 : https://egg-programmer.tistory.com/275 [React] Infinite Scroll과 Skeleton Loading 만들기 [React] Infinite Scroll과 Skeleton Loading ..