본문 바로가기

Redux란 Redux란 웹 어플리케이션의 상태 관리를 위한 오픈소스다. Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org 리액트에선 컴포넌트간 property 전달을 줄이기 위해 사용된다. react-redux React Redux | React Redux Official React bindings for Redux react-redux.js.org Redux 동작 방식 Redux는 상태 관리를 위해 사용된다. 즉 상태를 관리하며, 업데이트 하고 상태에 접근하는데 사용되는 프레임워크다. Redux는 다음과 같은 방식으로 진행된다. 앱.. 더보기
React란 React란 웹의 View를 위한 라이브러리로써, 웹의 DOM을 가상화 하여 DOM 랜더링을 최대한 줄여 자원 낭비를 최소화 한다. https://reactjs.org React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org React 설치 React는 npm을 통해 설치하게 된다. npm install -g create-react-app 첫번째 React 앱 만들기 React 앱은 다음 명령어를 통해 만들 수 있다. npx create-react-app {앱 이름(디렉토리 이름)} 기본 설정이 끝난 후 해당 디렉토리로 들어가 아래 명령어를 통해 r.. 더보기
Git 기본 개념 Git이란?? Git은 분산 버전 관리 시스템 으로 각소스의 버전들을 로컬, 서버등 다양한 곳에 분산하여 저장한다. 떄문에 한곳에서 장애가 일어나더라도 빠르게 복구할 수 있는 장점이 있다. 버전 관리 파일의 변화를 기록해 나중에 특정 시점의 버전을 볼 수 있는 시스템이다. 버전관리 시스템VCS(Version Control System)을 사용한다. VCS로 각 파일을 이전 상태로 되돌릴 수 있고, 프로젝트를 통째로 되돌릴 수 있고 시간에 따른 수정 내용을 비교해 볼 수 있다. 분산 버전 관리 DVCS 에서 클라이언트는 단순히 마지막 버전을 사용하지 않고 저장소를 히스토리와 더불어 전부 복제한다. 만약 서버에 문제가 생가면 복제물로 다시 작업을 시작할 수 있다. Clone 는 모든 데이터를 가진 진정한 백.. 더보기
쿠버네티스란 (이전 완료) 컨테이너 오케스트레이션 컨테이너 오케스트레이션은 컨테이너의 배포, 관리, 확장, 네트워킹을 자동화합니다. 컨테이너 오케스트레이션이란? 컨테이너 오케스트레이션은 컨테이너의 배포, 관리, 확장, 네트워킹을 자동화합니다. www.redhat.com 컨테이너는 프로세스 격리를 통해 애플리케이션의 독립적인 수행을 가능하게 해줬다. 이는 기존 VM방식보다 적은 리소스로 높은 효율을 낼 수 있게 되었다. 하지만 이런 컨테이너가 많아짐에 따라 컨테이너를 관리할 서비스가 필요로 하게 되었고 이를 지원해주는 서비스가 컨테이너 오케스트레이션이다. 오케스트레이션의 기능은 다양하지만, 크게 다음과 같은 기능들을 가진다 배치 및 스케일링 장애 복구 dns 네트워크 로드밸런싱, 단일 진입점 제공 이러한 오케스트레이션에는 쿠버네티스.. 더보기
Docker 란 (이전 완료) 1. Docker Docker는 컨테이너 기반의 가상화 플랫폼이다. 기존 host OS위에 가상 OS를 띄워 OS 기반으로 어플리케이션을 서비스 하는 방식에서 좀 더 가벼운 컨테이너 기반으로 프로세스 격리를 통해 가상화를 가능하게 해주어 자원 낭비를 최소화 하였다. 그림에서 보다시피 기존 VM방식은 호스트위 가상 OS를 띄워 해당 OS위에서 서비스를 제공해주는 방식이였다면, Docker의 경우 Docker 미들웨어를 두고 컨테이너를 통해 서비스를 제공해준다. 이러한 방식의 장점으로는 빠르게 컨테이너 단위로 실행 및 파괴가 가능하기 때문에 더욱 쉽게 자원 관리를 할 수 있게 된다. 또한 하나의 서비스를 제공하기 위해 필요한 단위가 작아지므로 같은 자원 대비 더욱 많은 서비스 제공이 가능해지게 된다. 2. .. 더보기
Github Actions 맛보기 (이전 완료) git hub actions는 github에서 제공해주는 CI/CD 툴이다. 이를 이용하여 파이프라인등을 설계하여 CI / CD 환경을 구축할 수 있다. 1. 설정 방법 설정을 위해서는 github 레포지토리의 .github/workflows/ 디렉토리에 .yml 파일을 추가해주면 된다. 2. 구성 요소 2.1 workflows workflow는 한 레포지토리 내에서 이루어지는 모든 일의 흐름이며 최상위 단위이다. workflow는 하나의 yml파일 단위이며 하나의 레포지토리는 여러개의 workflow를 가질 수 있고 하나의 workflow는 여러개의 job을 가질 수 있다. 2.2 jobs job은 파이프라인의 기본적인 구성요소로써 그림1의 API_Test, DB_Test등의 요소들이 각각 하나의 jo.. 더보기