본문 바로가기
반응형

전체 글125

Amchart5 - Stacked Column Chart (스택형 막대차트) AmChart5 Sample - Stack Charts //ajax로 DB데이터 가져오는 파라미터 //svcId, returnData, errCd, msgTp, msgCd, msgText function fn_renderStackChart(data){ var root6 = am5.Root.new("chartdiv6"); //chart 삭제 후 재선언 root6.dispose(); // 삭제 root6 = am5.Root.new("chartdiv6"); // 재선언 // Set themes root6.setThemes([am5themes_Animated.new(root6)]); // Create chart // https://www.amcharts.com/docs/v5/charts/xy-chart/ var.. 2022. 10. 13.
Amchart5 - radar chart / gauge chart AmChart5 Sample - Gauge chart 공식 사이트에서 데모 차트와 소스코드를 참고하자! https://www.amcharts.com/demos/#gauges 2022. 10. 12.
Amchart5 - 파이차트 그리기 Amchart5 Document 헷갈려서 나만의 언어?로 정리하기 AmChart5 Sample - Pie chart 만약 series2를 설정하면 아래와 같이 중첩 파이차트가 생성된다. 2022. 10. 11.
AWS (VPC) Bastion Host 만들기(SSH 접속방법) 인터넷 내에 있는 사용자(관리자)가 Private subnet 내에 접근하기 위한 방법이다. public subnet 내에서 private subnet 과의 통신을 위한 대리인 = bastion host 1. 실습 순서 1) Public EC2(Bastion Host) 만들기 2) Private EC2 만들기 3) Bastion Host를 통해 Private EC2로 접근하기 2. Public EC2 (Bastion Host) 만들기 이름 : bastion_Host 키페어 : public-ec2-keypair 생성 네트워크 설정 - VPC : 사전에 생성해 놓은 VPC 선택 - subnet : 사전에 생성해 놓은 public subnet 선택 - 퍼블릭 IP 자동 할당 : 활성화 - 보안그룹 생성 > p.. 2022. 10. 11.
(VPC) NACL 설정하기(stateless와 stateful) 1. NACL 인스턴스에 대한 보안 설정 방법이 2가지 있다. NACL - stateless Security Group - stateful * stateless와 stateful이란? 클라이언트 - 클라이언트 통신을 할 때 source와 target의 IP와 포트가 각각 존재한다. 그리고 request를 보내는 포트(Outbound)와 response를 받는 포트(Inbound)는 다르다. 보통 outbound 포트는 1025~65535 임시 포트를 사용한다. - stateful 이란 EC2를 inbound : 80 / Outbound : none 인 Security Group 으로 감싼다면 outbound 포트는 허용은 안 했지만 방금 들어온 request 트래픽의 source와 target 정보는 기.. 2022. 10. 7.
(VPC) Internet Gateway와 라우팅 테이블생성 퍼블릭 서브넷과 프라이빗 서브넷을 규정하는 가장 큰 포인트는 라우팅 테이블이라고 할 수 있다. 1. Internet Gateway만들기 왼쪽의 인터넷 게이트웨이 탭에 들어가면 처음 AWS를 생성할 때 만들어주는 기본 인터넷게이트웨이 1개만 존재한다. name : - 생성하고 나면 상태가 Detached 인 인터넷 게이트웨이가 생성된 것을 확인할 수 있다. Detached는 어떤 VPC 에도 연결이 되지 않았다는 의미이다! VPC에 연결해보면 생성한 fastcampus-vpc 에 연결을 해주면 상태가 Attached로 바뀐다. VPC와 인터넷 게이트웨이 연결전 VPC와 인터넷 게이트웨이 연결 후 2. 라우팅 테이블 설정하기 VPC를 만들면 라우팅테이블을 자동으로 생성해주는데 그 내용을 보면 10.0.0.0.. 2022. 10. 7.
VPC와 Private, Public Subnet 만들기 1. VPC 만들기 왼쪽 VPC 탭에 들어가면 Name : - 인 VPC 가 한 개 생성되어있다. (AWS 계정을 생성하면 자동적으로 생성하는 VPC = default VPC) 새로 만들 VPC 를 custom VPC라고 한다. 테넌시 -> 전용 으로 설정하게 되면 개인 hw에서 실행하게 되어 비용이 많이 나온다고 한다. VPC를 생성후 Subnet 탭으로 이동하여 확인해보면 방금 만든 VPC 의 서브넷은 아직 없는 것을 확인할 수 있다. AWS에서는 VPC 를 만들었다고 해서 자동적으로 서브넷을 생성해주지는 않는다 라우팅 테이블은 기본으로 만들어주고 인터넷 게이트웨이는 안만들어준다. 네트워크 ACL 은 만들어준다. (* 왼쪽의 탭 한 번씩 눌러 확인해보기!) 2. Subnet 생성하기 서브넷 생성하기에.. 2022. 10. 7.
[Javascript] let, const, var 사용하기 (fundamental - part.1) const 는 ES6에 명시된 modern javascript 라면 var 는 오래됨 1. let reassigning가능한 변수로 mutable variable (변경가능한) let age = 30; age = 31; 2. const 정의한 이후 어떤 시점에도 변경이 불가능한 변수 선언할 때 정의하지 않으면 안됨! ex) const birth; -> Missing initializer in const declaration 에러 발생 const birth = 1991; birth = 1990; 3. var 낡은,, 방법 값 변경은 가능하다. -> 이제 var 쓰지 말아랏 4. let 과 var 의 차이 let 은 block scope var 은 function scope * 자바스크립트는 2022. 10. 5.
[Javascript] 데이터 타입 (fundamental - part.1) 1. Value 자바스크립트에서 모든 value 는 Object 와 Primitive 로 나뉜다. 2. Primitive number string(문자열) boolean(true/false) undefined(선언만 하고, 아직 정의되지 않음, empty value) (ex let children;) -> typeof 결과도 undefined null(empty value) symbol(잘안씀, 변경되지 않는 데이터) BigInt( number 타입으로 표현할 수 없는 큰 수) * 자바스크립트는 변수를 선언할 때 데이터 타입을 명시할 필요 없다. => dynamic typing (다른 언어는 표기해야 하는 경우가 多) * 처음에는 number 로 사용하다가 나중에 string 으로 값을 변경해서 사용할 .. 2022. 10. 5.
AWS 기초와 VPC 1. 클라우드 컴퓨팅 장점 - 언제 어디서든 접근 가능 - 원하면 언제든지 컴퓨터 자원을 늘릴 수 있음 - 사용한 만큼만 지불하면 된다. (사용량 기반 과금) - 초기 비용이 적게 든다. - 몇 분 만에 전 세계에 서비스 런칭할 수 있다. 단점 - 관리를 위해선 고급 전문 지식이 필요. - 파악하기 힘든 광범위한 서비스 2. AWS의 주요 서비스 소개 1) 컴퓨팅 서비스 AWS EC2 - 사양과 크기를 조절할 수 있는 컴퓨팅 서비스 AWS LightSail - 가상화 프라이빗 서버 AWS Auto Scaling - 서버의 특정 조건에 따라 서버를 추가/삭제할 수 있게하는 서비스 (사용자가 갑자기 증가하면 하나의 ec2 서버에 몰빵이 아니라 자동 트래픽 분산) AWS Workspaces - 사내 pc를 가.. 2022. 10. 4.
728x90
반응형

티스토리툴바