힘차게, 열심히 공대생

2차프로젝트는 1차에서 개발한 POC기능을 토대로 프로젝트의 완성도를 높히는 걸 목적으로 한다!! 1. 1차 프로젝트에서 리마인드 1차 프로젝트를 진행하면서 아쉬웠던 점, 추가하거나 빼야할 점 들을 정리해 보았다. 적다보니 sns같은 느낌이 난다. 오... 2차 프로젝트에서는 깃 허브 커뮤니케이션의 중심으로 사용하기로 했다. 2. 프로젝트 제목 / 간단 설명 프로젝트 제목 : "강만다 - 강아지를 마나다." 강아지들도 친구가 필요해! 반려견을 통해 사람들이 만나는 커뮤니케이션 사이트 3. 와이어 프레임 1차 페이지 메인페이지 프로필 상세 프로필 수정 게시글 리스트 게시글 상세 페이지 게시글 작성 장소 위치 제공 페이지 (팝업) 2차 페이지 메인페이지 프로필 상세 프로필 수정 게시글 리스트 게시글 상세 페..

RDS란 RDS는 AWS에서 관리 되는 관계형 데이터베이스 서비스 입니다. AWS에서 RDBMS를 자체적으로 관리해 주기 때문에 AWS에 데이터베이스를 맡기고 개발에만 집중할 수 있도록 해주는 서비스입니다. RDS 설치 RDS 검색 데이터베이스 생성 표준생성 Mysql 선택(프리티어라서) 템플릿 프리티어 선택 퍼블릭 액세스 (예) : 로컬에서 디비에 접속하기 위해 마스터 암호 설정(로컬에서 접속하기 위한 비밀번호 계정) rds 보안그룹 새로 생성 프로덕션은 RDS 에서 제공하는 기본적인 설정값을 사용하도록 하는 옵션입니다. 데이터베이스 제품들에 따라 설정하는 옵션값들이 많이 있습니다. 최적화된 옵션을 실제 운영하는 환경이라는 전재하에 제공합니다. 개발/테스트는 개발/테스트에 프리티어는 말그대로 공짜로 경..

1. IAM 권한 추가 EB (Elastic Beanstalk)를 사용해서 깃허브와 연동해 자동배포를 진행하기 위해 사용자(IAM) 에 eb 권한을 추가한다. IAM - 사용자 - 클릭 - AdminstationAcess - AWSElascticBeanstalk 추가 2. Github Action - AWS 백엔드 배포 설정 Flask를 이용해 백엔드 배포를 진행하려 한다. EB 로 배포를 할 때는 application.py로 파일을 만들어야 한다.(디폴트) 1. application.py s3 = boto3.client() : AWS s3를 연결하기 위한 방법(boto3 라이브러리 이용) EB - 환경설정 필요 cors = CORS(application, resul~) : Cloudfront 주소와(프..

🍯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