전체 글
TIL | AWS EC2
AWS EC2 인스턴스 생성 EC2(AWS Elastic Compute Cloud) 확장 가능한 컴퓨터 용량을 제공하는 AWS의 클라우드 서비스이다. 하드웨어에 선투자할 필요 없이 빠르게 애플리케이션을 개발하고 배포할 수 있는 환경을 제공하고 있다. 쉽게 말해서, 가상의 컴퓨터를 제공하며 주로 서버 운영을 위해 사용한다. 인스턴스 생성 AWS EC2가 제공하는 가상 컴퓨팅 환경을 인스턴스라고 하며 이러한 인스턴스를 생성하는 과정은 다음과 같다. (연습 및 테스트삼아 생성했기 때문에 세부 옵션에 대한 자세한 설명이 없다는 것을 참고) 1. 운영체제 선택하기 (AMI 선택) 사용자가 원하는 운영체제를 선택하여 사용할 수 있다. 여기서 프리티어란, 무료로 체험할 수 있는 일종의 평가판이다. 나의 경우 18.0..
TIL | Axios
간단한 토이프로젝트를 진행하면서 사용해보았던, Axios에 대해 정리하고자 쓴 글입니다. Axios Axios란 브라우저, Node.js를 위한 HTTP 비동기 통신 라이브러리이다. Promise 기반이며 async, await 사용이 가능하다. JS 비동기통신 내장라이브러리인 fetch와 다르게, 설치를 통해 사용이 가능하다. 구버전의 브라우저와 호환이 되며 데이터를 JSON 형태로 자동 변환할 수 있다. 설치 방법 node.js 환경에서는 npm install axios or yarn add axios를 통해 설치가 가능하다. 브라우저의 환경에서 사용할 경우 공식문서에서 제공하는 script src를 통해 설치할 수 있다. 기본 요청 방식 일반적인 요청 방식은 다음과 같다. import axios f..
TIL | Redux
Redux 리덕스란? 전역으로 상태를 관리하는 서드파티 라이브러리 도입 배경 Flux 구조가 등장하기 전, 프론트엔드에서 데이터 흐름을 관리하는 방식은 MVC패턴이었다. Model: 데이터의 구조 View: 코드가 사용자에게 보여지는 부분 Controller: 데이터 관리(View에서의 이벤트로 변경되는 데이터를 Model과 View에 업데이트 해준다. ) 하지만 이러한 데이터 구조는 애플리케이션의 규모가 커지면서 모델과 뷰의 양방향성 데이터 흐름으로 인해, 디버깅과 데이터 흐름을 추적하기가 점점 어려워지게 되었다. 이를 개선하고자 Flux 구조라는 아키텍처 및 단방향 데이터 흐름 개념이 도입되었다. view 에서 특정 이벤트는, 액션이라는 객체를 발생시킨다. 이러한 액션 객체는 반드시 리듀서 및 디스패..