분류 전체보기 476

[AWS] CloudFront CDN서비스를 이용해서 Front 구성하기

CloudFront CDN 서비스 S3의 버킷은 생성할때 리전이 정해져있습니다. 서울리전에 있는 버킷을 호스팅 기능을 이용해서 미국에 서비스 한다고 하면 엄청나게 사이트가 늦게 뜰겁니다 그러면 똑같은 S3 버킷을 서비스하는 나라의 가까운 리전 마다 생성해줘야 할까요? 그럼 비용이 더 들겠죠 이럴 때 CloudFront를 사용합니다. CDN - Content delivery network (컨텐츠 전송 네트워크) CDN 서비스 - 정적파일들을 캐싱해주는 서비스 캐싱을 하는 이유 - 세계 각지 어디에서 접속을 해도 리전 위치와 접속 위치에 상관없이 속도를 빠르게 하기 위해서 CloudFront를 사용하지 않고 글로벌 서비스를 사용하기 위해서는 S3를 이용하여 세계 각지의 리즌마다 파일을 업로드 해주어야 합니..

Infra/AWS 2021.09.27

AWS IAM(내 AWS 계정에 접근하기 - 로컬에서 AWS 접속)

IAM - Identity and Access Management IAM은 AWS 내의 계정을 관리하는 서비스 입니다. IAM을 이용하여 사용자 계정을 만들어, 이 사용자 계정을 통해 프로그램에서 AWS에 접근할 수 있도록 합니다. 1. Aws와 프로그램 연동을 위한 계정 만들기 사용자 메뉴 클릭 - 사용자 추가(액세스 유형 - 프로그래밍 방식 엑세스) 2. 사용자 권한 부여 생성하는 사용자에게 권한을 부여합니다. 기존 그룹에 추가하는 방법, 기존 사용자 권한 복사, 기존 정책 직접 연결하는 방법이 존재합니다. 처음에는 사용자가 없기때문에 정의되어 있는 저액에 직접 연결하는 방법을 사용합니다. S3를 위한 사용자이기 때문에 AmazoneS3FullAcess 권한을 부여합니다. 키확인 로컬 PC에서 접속을..

Infra/AWS 2021.09.27

aws s3 ( AWS 파일 업로드 저장소 )

아마존 S3 - Simple Storage Service 아마존 s3는 아마존 웹서비스에서 제공하는 온라인 스토리지 웹 서비스이다. (파일 저장소) s3는 인터페이스를 통해 스토리지를 제공하기 때문에 시각적으로 파일을 관리할 수 있다. 버킷(Bucket) bucket - 파일 저장 장소를 나누는, 폴더링 도구 버킷은 S3에서 파일을 저장하는 폴더라고 생각할 수 있습니다. 컴퓨터를 사용할 때 폴더 안에 파일을 저장하는 것 처럼, S3에서 버킷 안에 파일을 저장합니다. buket 만들기 1. 버킷 이름은 고유한 이름으로 설정 2. 액세스 차단 설정 액세스 차단 설정은 버킷에 저장한 파일의 권한을 설정하는 기능 퍼블릭 액세스 : 버킷이 생성되면 고유한 URL이 부여, 이 URL로 저장된 버킷 저장소에 접근 가..

Infra/AWS 2021.09.27

[WIL] 2주차 - 9.21~9.26

WIL 저번주는 Problem 으로 현재 내 몸, 오래 앉아있어서 허리와 손목이 아팠다. 이 문제를 해결해야겟다고 생각해 책상을 바꾸고 저렴한 세미 버터컬마우스를 구매했다. 책상은 나름 좋은 것 같다. 마우스는 저렴한 만큼 그저 그렇지만 손목통증은 조금 줄어든 것 같다. 나에 대한 투자로 문제를 해결할 수 있다면, 투자를 하는게 옳은 것 같다. 저번 주의 Try로 다른 사람에게 많이 알려주자고 했었다. 내가 아는 것을 타인에게 알려줌으로써 또 다른 점, 혹은 더 자세히 알아가는 과정이라고 생각한다. 오늘은 너무 피곤하다... 여기까지만 쓸래 다음주는 연휴가 끝나고 본격적으로 다시시작한다는 마음으로 집중해서 밀도있는 하루를 살자

[Django Map] Folium polygon

hex point 와 Cost를 Key 와 Value로 가지고 있는 딕셔너리를 이용하여 Folium map 에 polygon 과 그 안에 툴팁(팝업 ?, 설명?) 을 추가 하려 한다. 방법은 folium.polygon 플러그인을 사용한다. 1. 딕셔너리를 리스트로 예를 들어 딕셔너리는 {Hex(q=1,r=-4) : 1} -> type : hex, cost 를 가진다. hex 좌표의 각 모서리 (정육각형의 모서리)를 Point 좌표로 변환하고, 리스트에 담느다. Folium Polygon 플러그인을 이용할 때 좌표의 모음을 리스트 형시으로 알려주어야한다. 리스트 안에 좌표는(위도lat, 경도lon) 순서로 보내야한다. for hex, cost in Hexlist.items() : hexPointlist =..

[TIL] 9.23 -스파르타 내일배움캠프 11일차 (프로젝트)

TIL 1. 프로젝트 2. MYP, POC 3. AWS 오늘 하루 1. 프로젝트 오늘은 2번째 주의 시작으로 첫 프로젝트에 대한 발제를 했다. 팀원들과 주제를 정하고 주어진 가이드라인에 맞추어 프로젝트 설계를 했다. 협업을 하면서 팀리더였던적은 처음이다. 항상 따라가는 입장에서 어찌됬건 팀장이 되어서 진행하는 입장이 되니 임하는 자세가 달라지는 것 같다. 내가 잘 하고있는지 모르겠고, 혹시 팀원들에게 상처가 되는 말을 할까바 무섭다. 그래도 화이텡! 오늘은 힘들었어도 끝까지 잘 설계를 마무리한 것 같아서 기분이 좋다 2. MYP, POC MYP - Minimum Viable Product 최소 기능 제품 이라고 한다. 최소한의 핵심 기능을 만드는 것을 의미하는 것 같다. POC - Proof of Con..

[내일배움캠프] 1차 프로젝트(POC) - "강만다(강아지를 만나다)" / S.A(Starting Assignment)

1차 프로젝트 시작! 1. 아이디어 브레인스토밍 프로젝트를 들어가기전에 뭐든 아이디어를 주르륵 뽑아보았다. 최종적으로 뽑힌 아이디어 2개 ( 최종 결정은 강아지 메이트!!) 1. 강아지 메이트 2. 카페 음료 꿀조합 2. 프로젝트 제목 / 간단 설명 프로젝트 제목 : "강만다 - 강아지를 마나다." 강아지들도 친구가 필요해! 반려견을 통해 사람들이 만나는 커뮤니케이션 사이트 3. 와이어 프레임 페이지 메인페이지 프로필 상세 프로필 수정 게시글 리스트 게시글 상세 페이지 게시글 작성 장소 위치 제공 페이지 (팝업) 4. API 설계 화면 기능 method url request response 메인 페이지 main GET / 프로필 리스트 프로필등록페이지 프로필 등록 POST /profile/create 사..

Mysql 중복 데이터 제거(같은 테이블 유사 데이터 제거)

db데이터를 조회했을 때 데이터가 중복으로 잘못 들어갔을 때 정말 화가난다. ㅂㄷㅂㄷ 중복된 행을 지우기 전에 먼저 중복이 존재하는지 알아야한다. Select 중복 데이터 조회 select * from CCTV a, CCTV b where a.name > b.name and a.lat = b.lat and a.lon = b.lon; 나는 lat 과 lon이라는 컬럼을 가지는 테이블 중에 중복된 데이터를 지우고자 한다. 간단하게 설명하면 a.name > b.name 은 auto_increment 속성을 가지는 ID이다. 나중에 들어온 값만 지우기 위한 조건 문이다. 뒤에는 and 연산자를 이용해 sql 다중 조건 연산을 해주었다. Delete 중복 데이터 삭제 delete a from AllTimeShop..

DataBase/Mysql 2021.09.23

AWS Region vs Az(zone) - 리전과 존이란,

Aws는 여러나라에 데이터센터를 가지고 있다고 합니다. 이런 데이터센터를 가지고 있는 나라를 리전 (Region)이라하고 리전 내의 데이터 센터 위치를 존(AZ)이라고 합니다. ex) 만약에 서울에 데이터 센터가 영등포, 강남, 도봉에 위치하고 있으면 서울리전에 영등포 존, 강남 존, 도봉 존 이라고 불리어지는 것입니다. Region vs AZ(zone) 리전과 존을 나누는 이유 리전 안에 여러개의 존이 존재하는데 굳이 리전과 존의 개념을 나누는 이유는, AWS 는 글러벌 서비스를 지향하기 때문에, 하나의 데이터 센터(AZ)가 사용 불가한 상황이 왔을 때 다른 데이터센터(AZ)를 사용할 수 있도록 리전 안에 여러개의 존을 배치한다고 합니다. 리전 과 존 이 중요한 이유는 AWS 사용하여 인프라를 구성할때..

Infra/AWS 2021.09.22

템플릿 리터럴

1. 템플릿 리터럴 타임어택 과제를 다시 해보다가, Jquery 로 자바스크립트 매개변수안에 변수값을 전달해주기위해 템플릿 변수를 사용하였다. 하지만 자꾸 매겨변수로 들어가는 문자열 코드 ex) 005975 가 앞에 0을 다 지워버린다. 알고보니 템플릿 리터럴은 들어오는 변수를 모두 문자열로 변화시키는데, 이때 정수로 인식해서 앞의 0을 없애버린것 같다. onclick="function('${code}')" 이렇게 매겨변수 값 자체를 문자열로 감싸주어 전달하니 해결했다 (ㄷㄷ ) 도와주신 내일배움 캠퍼 동민님 감사합니다.

JavaScript 2021.09.21