💽 취향 가득 디자인 아카이빙

✅ AWS 서버와 MongoDB 연결 (app.py) client = MongoClient('15.164.98.36', 27017, username="test", password="test") db = client.dbsparta_plus_week2 로컬에서 개발할 때 AWS 서버에 있는 MongoDB를 바로 연결해서 코딩하면 나중에 배포할 때 DB를 복사해 옮길 필요가 없어 편함.

✅ 영어 사전 API - OWLBOT API를 사용해서 단어, 뜻, 예문 가져와야함. ✅ 영어 사전 Open API Owlbot English Dictionary API Owlbot English Dictionary API owlbot.info ✅ get a token 클릭해서 이메일 작성 후, 이메일로 API 키 받기 ✅ 파이썬으로 API에 요청 보내기 r = requests.get("", headers={"Authorization": "Token [토큰]"}) result = r.json() print(result) ✅ Ajax로 요청 보내기 $.ajax({ type: "GET", url: "", beforeSend: function (xhr) { xhr.setRequestHeader("Authori..

1. Flask 서버를 구동시켜주는 프레임워크 즉, 서버를 구동할 때 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. 2. 패키지 설치 Project Interpreter 가상환경에 필요한 패키지 : flask, requests, pymongo 3. 기본 폴더 구성 static 폴더 : 이미지, css파일 templates : html 파일 app.py 파일 : flask를 작성하는 파이썬 코드 4. Flask 시작코드 (app.py) (템플릿으로 외울 필요 X) from flask import Flask, render_template app = Flask(__name__) @app.route('/') def main(): return render_template("index.html") @app.rou..

1. 기능 파악하기 페이지 기능 분류 속성 메인페이지 배너 메인페이지 검색 단어 목록에 단어가 있으면 단어장 하이라이트 및 단어 위치로 스크롤 단어가 없을 경우, 사전에 있는 단어이면 상세페이지로 이동 사전에 없는 단어이면 '없는 단어' alret 메인페이지 단어 목록 DB에 저장되어 있는 단어의 단어, 뜻을 보여줌 메인페이지 단어 목록 단어 클릭하면 상세페이지로 이동 메인페이지 단어 목록 단어 뜻 상세페이지 단어박스 새 단어 단어 목록에 단어가 없는 새 단어이면 Save 아이콘 표시 클릭 시 단어 DB에 저장하고, Delete 아이콘으로 바뀜 상세페이지 단어박스 기존 단어 단어 목록에 단어가 있는 기존 단어이면 Delete 아이콘 표시 클릭 시 단어 DB에서 삭제하고, Save 아이콘으로 바뀜 상세페에..

🐱 네트워크 1 - VPC, 서브넷, 라우팅 테이블, 인터넷 게이트 웨이 1. 보안그룹 ✅ 보안그룹은 방화벽과 비슷한 역할을 함. ✅ 보안그룹과 연결된 인스턴스들의 접근을 제안. ✅ 보안그룹 메인 ✅ 인바운드 : 어떤 리소스에 접속하려고 할 때 규칙 ✅ 아웃바운드 : 바깥으로 다른 api를 호출할 때 규칙 2. 탄력적 IP ✅ 인스턴스에 고정된 IP를 부여할 수 있게 해줌. ⬇️ EC2에서 기존 IP 부여 예시 더보기 (1) EC2메인 (2) 인스턴스(실행 중) 클릭 -> 인스턴스 시작 -> 키 무시하고 인스턴스 시작함. (3) IP주소 확인 : 15.164.222.223 (4) '인스턴스 상태 : 인스턴스 중지' 로 변경 (5) '인스턴스 상태 : 인스턴스 시작' 으로 다시 변경 (6) IP 주소 확인..

🐱 GitHub Action 1. GitHub Action ✅ GitHub Action은 Github에서 제공하는 배포 서비스. ✅ Github가 MS에 인수되면서 기존의 소스저장소의 기능에서 DevOps 플랫폼으로 발전. ✅ 비슷한 서비스로는 Gitlab, Bitbucket 등이 있음. ✅ 요즘 트랜드는 CI/CD의 통합. CI : Continuous Integration, 형상관리로 계속 통합하는 것, (Github만 쓰면 CI) CD : Continuous Delivery, 소스가 실제 운영 서비스에 딜리버리되는 것 ✅ 소스 저장소와 배포 시스템을 통합하는 것. ✅ 아키텍처의 변화로 작아진 어플리케이션들을 부담없이 자주 배포하기 위함. ✅ GitHub Action은 간단하게 서버에 소스를 배포하는 ..

🐱 프론트 구성해보기 1. CloudFront - CDN 이해하기 ✅ CloudFront는 CDN 서비스와 유사한 기능. ✅ CDN 서비스는 Content Delivery Network 서비스로, 정적 파일들을 캐싱해주는 서비스. ✅ 캐싱을 하는 이유 : 어느 곳(리전)에서 접속하든 속도를 비슷하게 만들어줌. ✅ 클라우드 전에는 우리나라는 CD networks, 글로벌하게는 Akamai. ✅ CDN 서비스를 CloudFront라는 서비스로 AWS가 제공하여 사용하기 쉬워짐 ! ✅ 즉, S3의 버킷을 생성할 때 리전이 정해져 있기 때문에, 서울 리전에 있는 버킷을 호스팅 기능을 이용해 미국에서 서비스 한다고 하면 사이트가 엄청 늦게 뜸. ➡️ 똑같은 S3 버킷을 서비스하는 나라의 가까운 리전마다 생성하는 ..

🐱 [AWS] IAM 이용하여 AWS SDK를 이용한 S3 파일 업로드 (1) (AWS 회원가입, 로그인 과정 생략) 1. 'IAM' 서비스 검색하여 Amazon IAM 접속! https://ap-northeast-2.console.aws.amazon.com/console/home?nc2=h_ct&src=header-signin®ion=ap-northeast-2 ap-northeast-2.console.aws.amazon.com ✅ IAM은 Identity and Access Management의 약자. ✅ IAM은 간단히 사용자, 역할을 관리하는 서비스. 2. 사용자 추가 (1) 왼쪽 메뉴 중 사용자 -> 사용자 추가 클릭 ! (2) 사용자 이름 작성, 엑세스 유형 선택 ✅ 프로그래밍 방식 액세스는 개..

🐱 AWS S3 파일 저장소 사용 (AWS 회원가입, 로그인 과정 생략) 1. S3 서비스 검색하여 Amazon S3 접속! https://ap-northeast-2.console.aws.amazon.com/console/home?nc2=h_ct&src=header-signin®ion=ap-northeast-2 ap-northeast-2.console.aws.amazon.com ✅ S3는 AWS에서 제공하는 파일 저장소. 2. 버킷 생성 ✅ 버킷은 S3에서 파일을 저장하는 폴더 (저장소 단위) 라고 생각하면 됨. (1) 버킷 만들기 클릭 (2) 버킷 이름 작성, AWS 리전 선택 일반 구성 ✅ 버킷 이름 : 고유한 이름 ✅ AWS 리전 : (서울) ap-northeast-2 선택 ✅ 기존 버킷 복사 : ..

🐱 AWS 알아보기 1. 클라우드 ✅ 기존의 서버 컴퓨팅 시장을 빠르게 대체하는 산업. ✅ 클라우드 성장으로 인해 인프라 아키텍트의 수요가 늘고있고, IT 어떤 분야보다 임금 또한 가파르게 상승 중. ✅ 서버를 클라우드로 인해 빌려쓰는 형태로 변경. ✅ 도메인, 서버, 데이터베이스 등을 제공해주는 물리적인 공간 : IDC 센터 ✅ 클라우드는 우리가 만든 서비스를 돌아갈 수 있게 해주는 곳. ✅ 흔히들 웹사이트를 돌리기 위해 필요한 도메인, 서버, 데이터베이스 등등을 제공. ✅ 개발자들 사이에서는 '인프라'라고 얘기함. 2. AWS ✅ Amazon Web Service ✅ Amazon에서 만든 클라우스 서비스. ✅ 클라우드 서비스 중에 제일 잘나가는 서비스. 3. AWS를 잘 활용하려면 ✅ AWS를 사용하..