힘차게, 열심히 공대생

🍯EB(ElasticBeanstalk) 란 ELB + Auto Scaling + EC2 한번에 관리할 수 있는 서비스입니다 AWS 에서는 통합해서 관리할수 있는 서비스인 ElasticBeanstalk 를 제공하고 있습니다. 구글의 앱엔진이라는 서비스와 비슷하게 환경에는 신경쓸 필요없이 간단한 옵션만 조절하고, 어플리케이션만 배포하면 되는 형태입니다. EB - Elastic Beanstalk 사용법 1. 메뉴 선택 2.엎플리케이션 이름 - 플랫폼 선택 (구축하려는 서비스의 언어를 선택) 3. 생성 확인 ELB, EC2, Auto Scaling 을 같이 생성하기 때문에 시간이 걸린다 4. 브라우저 접속 - 제공된 URL을 이용하여 접속

1. EC2 EC2는 AWS의 가장 기본적인 서비스입니다. 하나의 서버 컴퓨터라고 보시면 되고, 서버 컴퓨터를 하나 빌려서 프로그램들을 설치하고 사용하시면 됩니다. https://thalals.tistory.com/122?category=508583 AWS 시작하기 - 서버구매 및 서버 구동하기 ( 배포 ) 1) AWS 서버 구매하기 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.co.. thalals.tistory.com 보통 AWS로 배포..

TIL 1. 1차 프로젝트의 끝 2. 두번째 타임어택 3. aws 에러 오늘 하루 1. 프로젝트 마지막날 오늘은 프로젝트의 마지막으로 마무리작업과 발표준비, 배포까지 할려고 했다 프로젝트의 마무리날이 되니 여기저기 디테일의 부족한 점이 보였다. 쩝,, 그래도 개발하고자했던 주요기능은 확실하게 개발이 됬다고 생각해서 여기서 만족하고 다음 2차 프로젝트때 디테일까지 챙기기로 했다. 2. 2주차 타임어택 내일배움캠프에서 실시하는 2번째 타임어택 테스트, 1주차 타임어택을 인상깊게 봐서 그런지 긴장아닌 긴장을 했었는데, 문제가 쉬웠다. 여유롭게 풀었고, 여롭게 제출했다. 1주차에 비해 플라스크와 자바스크립트에 익숙해진거겠지만, 프로젝트를 한 경험도 크고,문제가 쉬웠다고 생각한다. 3. AWS 배포 에러 프로젝트..

오늘 하루 오늘 컨디션이 정말 좋지않았다. 요며칠 간 잠을 못잤더니 하루종일 피곤하고 머리에 들어오지 않았다. 정말 많은걸 못했다. 2시간의 잠을 줄이고 4시간의 효율을 버렸다는 생각이 든다. 오늘은 일찍 자고 매일매일 루틴을 지켜야겠다는 다짐을 한다. 여담이지만, 나는 자바스크립트와 html css를 정말정말 싫어했다. 지금도 싫어한다. js는 내가 백엔드를 하기로 결심한 이상 억지로라도 하나씩 하나씩 익혀나가고 있다. 하지만 오늘 이런 구절을 읽었다. 너무나 많은 사람이 어떤 분야에 전문가라는 의미가 다른 분야에 대해서는 잘 몰라도 되는 것으로 오해하고 있는것 같다. 극단적인 예지만, 그렇다면 우리 어머니는 윈도우 전문가다. 어머니는 리눅스나 맥 OS를 쓰지 않기 때문이다. ... 깊이가 얕은 전문가..

TIL 1. Iframe, 동적 스크립트 오늘 하루 1. iframe, 동적 스크립트 오늘은 정말 많은시간을, 오류 해결에 썻다. 오늘 직면했던 문제는, 동적 스키립트 and 웹페이지 렌더링과 kakao map api 오류이다. 웹페이지 안에 버튼을 누르면, 모달 팝업창이 나오고, 모달 창안 div 태그 안에 미리 만들어둔 kakao api를 이용하는 html파일을 삽입하고자 했다. 모달 창의 개념을 잘몰라, 찾아보고 div 태그 안에 단순하게 웹페이지를 랜더링하면 되지않을까 생각해 제이쿼리 load() 문법을 사용하였고, 결과적으로는 랜더링이 되긴하여 div 태그안에 삽입은 되지만, html 파일을 코드 전체를 html코드로 삽입되어 js 코드가 읽히지가 않았다. 머리가 굳어 조금 쉬다가, 다시 찬찬히..

Git Action GitHub Action은 간단하게는 서버에 소스를 배포하는 서비스 입니다. Git Action은 Github에서 제공하는 배포 서비스에요. GIthub가 MS에 인수되면서 기존의 소스저장소의 기능에서 DevOps플랫폼으로 으로 발전하고 있어요. 비슷한 서비스로는 Gitlab, Bitbucket등이 있어요. 요즘 트랜드는 CI/CD(지속적 통합/지속적 제공) 의 통합입니다. 소스저장소와 배포시스템을 통합하는 것입니다. 아키텍처의 변화로 작아진 어플리케이션들을 부담없이 자주 배포하기 위함이죠. Git Action 사용법 GitHub 소스 리파지토리에 .github/workflows/main.yml 파일만 추가하면 됩니다. https://docs.github.com/en/actions G..

.attr(attributeName) 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환한다. .attr(attributeName, value) 선택자에 의해 선택된 요소에 하나 이상의 속성을 부여할 수 있다. 여러 속성을 부여할 때, 속성명에 따옴표는 선택사항이다. 단, "class"속성을 세팅할 때는 반드시 따옴표를 사용해야 한다. Internet Explorer는 input이나 button요소의 type속성을 바꾸지 못한다. $('#go-map').attr("src",href) 참고 https://solbel.tistory.com/365

모달창안에 다른 html파일로 구현해 둔, 카카오 맵 api를 이용한 페이지를 불러오려고 했다. 1. 첫시도 ( 동적 스크립트 에러) - jquery.load() 접근 방법 모달 창 안의 안에 map id로 접근해 jquery.load(url)함수로 flask url로 랜더링 시켜줄려고 했다. 모달 창은 웹페이지가 로딩될 때 미리 생성되고 보였다, 안 보였다가 하는 거라고 하길래 doucment.ready를 이용해 주었다. $(document).ready(function () { let id = {{ id }}; //get url 에 id값 전달 -> locate map rendering {#$('#map-body').load('/map?id='+id)#} }); 결과 error code : Failed..

TIL 1. 팀 프로젝트 2. AWS 오늘 하루 1. 팀 프로젝트 팀 프로젝트를 하느라 정신이 없다. 휴 할게 꽤 많다, To do list를 전날에 적었지만 다 하지는 못했다 휘유ㅠ 하지만 하루를 꽉차게 보낸거니까 괜찮다. 팀원들에게 알려주는 시간이 더 많았고, 아직 내 능력이 여기까지라는 걸 알았으니까 나쁘지 않았다고 생각한다. 팀원이 html 모달창에 대해서 알려주었다. 기존의 팝업창으로 진행하려했던 부분을 모달창으로 하니 디자인적으로 더 보기 좋은 것 같다. 2. AWS AWS는 알아갈 때마다 재밌고 어렵다. 오늘은 CloudFront 와 Git Action의 개념정도를 공부했다. Git Action에 익숙해져서 내 프로젝트나 팀 프로젝트에 적용을 한다면 매우 편리한 서비스가 될 것 같다.

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