drexqq

Stateless Widget state가 없는 위젯이다. state를 변경할 필요가 없고 이벤트에 의해서 값이 바뀌지 않는다. static한 데이터를 넣은 위젯을 만들때 StatelessWidget으로 만들면 된다.lifecycle - Constructor -> Build ​ Statefull Widget state가 있는 위젯이다. state를 변경하거나 상호작용에 의해서 값이 바뀐다. 데이터가 변경되는 위젯을 만들때 StatefulWidget으로 만들면 된다. lifecycle - Constructor -> createState -> initState -> didChangeDependencies -> Build Stateful Widget이 Stateless Widget에 비해 성능이 떨어지는 부분..

다니는 회사에서 사용할 일이 생겨 플러터를 설치하는 과정부터 포스팅을 해보려합니다 ! 1. 아래 주소에서 자신의 개발 환경에 맞는 Flutter SDK를 다운로드 해줍니다. https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 저는 맥북 에어 m2를 사용하고 있기 때문에 Appli Silicon 을 다운받았습니다. 압축을 해제한 후에 환경변수를 등록해줍니다. export PATH="$PATH:`pwd`/flutter/bin" 영구적으로..

PWA로 간단한 토이프로젝트를 하나 진행하는 과정에서 AWS의 amplify를 사용해보았습니다. 제가 AWS amplify를 선택한 이유는 CI/CD가 기본적으로 적용 되어있다. 풀스택 애플리케이션을 구축할 수 있다. SSL인증서 적용과 Domain설정이 간편하다 크게 위 세가지의 이유입니다. 기존에는 ec2 인스턴스를 이용하여 서버에 직접 호스팅하는 방법을 사용해왔습니다. 그렇기 때문에 인스턴스를 만들고 세팅하고 배포 과정을 자동화시키는 과정이 조금 번거로웠는데 amplify는 그러한 과정을 간단히 줄여줄 수 있다는 것이 큰 매력으로 다가왔습니다. 아래부터는 amplify로 프론트엔드 애플리케이션을 배포하는 과정에서 일어난 일들에 대해 일자별로 트러블 슈팅한 내용을 작성해 두겠습니다. 2022-09-1..

진행중인 프로젝트에 오토스케일링을 적용해보았다. 사용이유는 특정 상황, 특정 시간에 갑자기 많은 트래픽이 몰리고 서버에 부하가 걸리는 일이 많이 있어서 해당 부분을 해소하기위해 서버의 스펙을 올리는 scale up보다는 오토스케일링을 적용시켜 scale out으로 해결하기 위해서이다. scale up을 선택하지 않고 scale out을 선택한 이유는 sclae up을 한다면 지속적으로 많은 비용이 나가지만 scale out을 적용하면 필요할때만 늘리고 줄이는 방식으로 유연하게 트래픽에 대한 대처가 가능하기 때문이다. 이제 방법을 보자면 크게 총 5가지로 나뉘는 것 같다. AMI 생성 -> 시작템플릿(TG) 생성 -> 대상그룹(TG) 생성 -> 로드밸런서(LB) 생성 -> 오토스케일링그룹(ASG) 생성 (..

https://drexpp.tistory.com/entry/Python-Flask-Gunicorn-Nginx%EB%A1%9C-EC2%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0 [Python] Flask, Gunicorn, Nginx로 EC2배포하기[1] 업무중에 새롭게 서버를 만들어야할 일이 있어서 기존에 사용하던 apahce를 버리고 Nginx를 사용하기로 했다. 지금까지의 구성은 EC2(ubuntu 20.04), nginx(1.18.0), python3(3.8.10)를 서버에 올려서 사용하였고 drexpp.tistory.com 이 전글에서 쓴것처럼 route53과 elb를 사용해서 호스팅과 ssl인증을 했던 방법을 작성해보겠다. 일단 route53에서 호스팅하기위해서는 도메인이 ..