개발61 [React] Redux-Toolkit 대표적인 API 알아보기 Redux-Toolkit 대표 API 정리 1. configureStore() 리덕스 코어 라이브러리인 createStore()를 추상화한 함수. store를 구성하는 함수이다. 기본 리덕스 미들웨어인 redux-thunk를 내장하고, redux Devtools를 활성화해준다. //기본 사용 예제 import { configureStore } from '@reduxjs/toolkit'; import todoReducer from '../todo/tdooSlice'; export const store = configureStore({ reducer: { todos: todoReducer, }, }); configureStore 전체적인 구성 import logger from 'redux-logger' im.. 2022. 10. 4. 23:55 [React] Redux-Toolkit Quick Start 공식 문서 따라하기 [React] Redux-Toolkit 초기 세팅 이전 포스팅은 Redux=Toolkit 템플릿을 이용하여 RTK 구조가 잡혀있는 설치 방법을 포스팅하였다. 이번에는 Redux 공식 문서에 있는 Counter 예제를 따라하면서 구현해 보도록하자 Store 설정 방법 및 Slice 작성방법을 작성하겠다. 1. CRA 설치 우선 자신이 설치하고자 하는 디렉토리로 가서 cmd 창으로 아래와 같이 입력한다. npx create-react-app [프로젝트명] 2. rtk 모듈, react-redux 설치 설치가 완료되면 해당 디렉토리 ([프로젝트명]) 으로 이동하여 rtk 패키지와 react-redux를 설치해준다. npm install @reduxjs/toolkit react-redux 3. Store 생성 .. 2022. 10. 4. 14:21 로드 밸런서(Load Balancer)의 개념 로드 밸런서(Load Balancer) 로드 밸런서는 많은 사용자의 트래픽이 몰린다는 가정하에 모든 요청을 일관성 있게 응답하기 위하여 등장한 기술이다. 로드 밸런서란 서버에 가해지는 트래픽을 분산 시켜주는 장치 또는 기술을 통칭한다. 이는 한대의 서버나 서비스로 트래픽이 몰리지 않도록 사용자 및 서버가 최적의 환경을 유지하기 위해서 사용한다. 그러나 모든 서비스에서 로드 밸런싱이 필요한 것은 아니다. 사용자 트래픽이 많이 몰릴 환경이나, 거대한 사업의 규모의 경우 로드 밸런싱을 필수로 선택하게 된다. 로드 밸런싱 알고리즘의 종류 1. 라운드 로빈(Round-Robin) 방식 줄여서 RR방식이라고도 한다. 라운드 로빈 방식은 서버에 들어온 요청을 순서대로 돌아가면서 배정하는 방식이다. 여러 대의 서버는 .. 2022. 10. 3. 23:54 서버 인프라 무중단 배포 아키텍쳐 서버 인프라 무중단 배포 아키텍쳐 최근 직장에서 프로젝트를 진행하면서, 사용자에게 배포를 할때, 지금 우리 회사의 방식과 인프라에서는 어떤 배포방식이 더 나은지 생각해 볼 시간이 있었다. 사용자는 어떻게 배포가 된지 모르게 하지만 서비스는 끊기지 않는 무중단 배포 방식을 알아보자. 무중단 배포 무중단 배포는 운영중인 서비스를 중단하지 않고, 새로운 소프트웨어 버전을 배포하는 기술이다. 무중단 배포의 핵심은 서로 다른 IP나 포트를 이용해 인스턴스의 트래픽을 제어하는 것이다. 무중단 배포가 가능하려면 고 가용성의 시스템 인프라가 설정되어야 한다. 무중단 배포의 방식도 여러가지인데 롤링 배포(Rolling Deployment), 블루-그린 배포(Blue-Green Deployment), 카나리 배포(Cana.. 2022. 10. 3. 13:51 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR) 서버사이드 렌더링(SSR) 서버사이드렌더링(Server Side Rendering)은 서버가 사용자에게 보여줄 페이지를 모두 구성 한다음, 사용자에게 페이지를 보여주는 방식. 서버가 완전히 만들어진 HTML 파일을 구성하기 때문에 클라이언트 사이드 렌더링(CSR)보다 페이지 구성시 초기 로딩 속도가 빠르다는 장점이 있다. 하지만 서버를 이용해서 페이지를 구상하는 한계점이 있기때문에 페이지를 이동할 때마다 새로고침이되고, CSR보다 페이지 전환 속도가 느리다는 단점이 있다. 서버사이드 렌더링(SSR) 동작원리 1. 사용자의 페이지 요청시 서버는 리소스를 확인해 페이지내에 있는 스크립트와 HTML컨텐츠를 컴파일 및 준비 2. 컴파일된 HTML을 클라이언트 브라우저로 응답해줌 3. 브라우저는 HTML을 다운로.. 2022. 10. 2. 22:55 [오류 기록] tomcat startup.sh 바로 꺼짐 문제 tomcat startup.sh 바로꺼짐 Address already in use : JVM_Bind 오류 오류내용 톰캣 설치 후 startup.sh 를 실행하고 localhost:8080 으로 접속해도 톰캣 시작페이지가 뜨지 않았다. startup.bat으로 시작해도 구동되다가 순간적으로 오류가 나온다음 바로 꺼져가지고 오류내용도 보기가 힘들었다. 순간적으로 캡쳐를 해보니 Address already in use : JVM_bind 라는 오류가 있었다. 일단 내가 해본 해결방안은 1. JAVA_HOME 환경변수 확인해보기 2. 톰캣 포트 변경해보기 찾아보니 톰캣 설치 폴더 안에 /conf 폴더 안에 server.xml 의 포트를 변경해보았다. 해결 방안 server.xml 안의 톰캣 기본 포트를 우선적.. 2022. 10. 2. 15:08 이전 1 ··· 6 7 8 9 10 11 다음 728x90
