클라우드 클라우드 vs 온프레미스 클라우드 비용:쓴 만큼 지불 확장성: 좋음 구축에 걸리는 시간:빠름 온프레미스 비용: 고정비용 확장성:용이하지 않음 구축에 걸리는 시간:직접 구축 컨테이너:EC2 instance -> VM(CPU, memory 늘어나는 걸 보고, 80% 넘긴다)-> EC2 증설 이미지:VM 에다가 운영체제 바로 까는 것? image(ubuntu,AMI linux, windows) docker 웹앱을 바로 배포가능한 상태로 만들기 이미지를 바탕으로 컨테이너를 만드는 프로그램 내가 나의 앱을 담아서 이미지를 만들면, 즉시 배포 가능 내 앱이 깔린 이미지(내 앱) 노드 깔린 이미지(v15) 운영체제 이미지(alpine linux) 장점: 환경에 구애를 받지 않는다. 장점 환경에 구애를 받지 ..

클라우드 클라우드 서비스사의 서버를 이용해서 자원을 이용하는 것이다 그 서버의 자원에 데이터를 저장할 수 있다 build 코드를 압축시켜 배포할 수 있게 하는 것 release 최초 개발하는 것 deploy 프로그램과 기계에 설치하여 테스트하여 작동가능하게 한다 distribute 사용자에게 배포 AWS S3 (Simple Storage Service) 아마존에서 제공하는 데이터를 저장하고 추출하게 해주는 스토리지 웹 서비스 EC2 (Elastic Compute Cloud) 컴퓨터를 임대해주는 것 보안을 위해서 다른 컴퓨터 사용이 필요한데 EC2 서비스를 이용해서 임대 컴퓨터로 서비스를 제공하는 것 RDS (Relational Database Service) 아마존에서 제공하는 데이터베이스

리덕스가 필요한 이유 상태관리의 필요성 리액트 등의 기존의 것들은 서로가 영향을 줘서 한가지를 바꿀 경우 다른 것들을 신경써야함 트리구조로 되어있음 스토어라는 전역 자바스크립트 변수를 통해 상태를 관리한다. 리덕스는 독립된 형태로 스토어라는 디스패치된 것을 통해서 각각의 컴포넌트를 관리를 한다 규모가 큰 애플리케이션은 특히, 리덕스가 좋다 필요성 정리 데이터가 바뀌었다는 각각의 데이터를 스토어에 저장한다. 따라서 각각의 부품들은 각각의 데이터로 독립되어있어서 변경된다 따라서 상태가 변경될 때 필요한 로직은 상태가 바뀌었을 때 알려주는 것과 자기가 변하는 로직 2개가 필요하다 time traveling 을 가지고 상태의 버전관리로 redux tool을 통해 상태변화 확인이 가능하다 리덕스 동작방법 stor..

설치 npx create-react-app {네임} npm start 깃허브 레포지토리 만들기 git remote add origin {URL} git add. git commit -m'~' git push origin master prop-types 특징 PropTypes 는 받은 데이터가 유효한 지 확인하는 데 사용할 수 있는 유효성 검사기의 범위를 내보냅니다. 이 예제에서는 PropTypes.string 을 사용합니다. prop에 유효하지않은 값이 전달되면 자바스크립트 콘솔에 경고가 노출됩니다. 성능상의 이유로 propTypes 는 개발 모드에서만 체크합니다. 개발 오류를 줄이기 위해 타입체크를 하는 것 설치방법 npm i prop-types component life cycle Axious 설치 ..