전체 글 315

[Week I Learned] 22년 6월 2주차

금주 진행 사항 기간 : 22.06.06 (월) ~ 22.06.10(금) 학습 내용 Django 지식 정리 & AWS Web 이론 (Authentication) 기타 (Daum API, HTML 템플릿 저장) Django Project 진행 Django 지식 정리 & AWS Django 지식 정리 & AWS 기능 사용 정리 https://yubi5050.tistory.com/64 // Django DB 초기화 (.sqlite) 방법 https://yubi5050.tistory.com/75 // Django - CSRF Token + Ajax 비동기 통신 https://yubi5050.tistory.com/76 // Django - CSRF Token + Form 방식 https://yubi5050.tis..

WIL (~22.09) 2022.06.12

[Django] CSRF Token + Form 방식

Django 에서 HTTP Request를 보낼 때에는 1) Form으로 보내는 방법과 2) Ajax 비동기로 보내는 방법이 있으며, CSRF Token을 요청에 포함할 것을 강요한다. CSRF Token을 통해 위조 공격에 대한 보안을 쉽게 작성 할 수 있다. 👉 방법 2가지 방법 1) Form 으로 데이터 보내는 방법 방법 2) Ajax로 보내는 방법 👉 GIthub 전체 코드 (링크) GitHub - SeonminKim1/Python: Python Framework & Libary Python Framework & Libary. Contribute to SeonminKim1/Python development by creating an account on GitHub. github.com 👉 코드 -..

Python/Django 2022.06.12

[Django] CSRF Token + Ajax 비동기 통신

Django 에서 HTTP Request를 보낼 때에는 1) Form으로 보내는 방법과 2) Ajax 비동기로 보내는 방법이 있으며, CSRF Token을 요청에 포함할 것을 강요한다. CSRF Token을 통해 위조 공격에 대한 보안을 쉽게 작성 할 수 있다. 👉 방법 2가지 방법 1) Form 으로 데이터 보내는 방법 방법 2) Ajax로 보내는 방법 👉 GIthub 전체 코드 (링크) GitHub - SeonminKim1/Python: Python Framework & Libary Python Framework & Libary. Contribute to SeonminKim1/Python development by creating an account on GitHub. github.com 👉 코드 -..

Python/Django 2022.06.12

[HTML, CSS] Loading Bar - Animation 예제

👉 로딩바 예제 (HTML, CSS, CSS-Animation) 사용 👉 HTML 코드 (loading.html) loading 👉 CSS 코드 (loading.css) body {background: #333333;} /* Rotation Box */ @keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transfor..

HTML, CSS, JS 2022.06.12

[HTML, CSS] 별점, 평점 시스템 예시

리뷰 평점 매기거나, 별점 매길때 재사용하기 좋은 코드.. 기능 1) 마우스 Hover 시 색 들어옴 기능 2) 별점 클릭시 JavaSciprt로 value 전송 👉 예시 사진 👉 HTML 파일 ★ ★ ★ ★ ★ 👉 CSS 파일 .star-rating { display: flex; flex-direction: row-reverse; font-size: 2.25rem; line-height: 2.5rem; justify-content: space-around; padding: 0 0.2em; text-align: center; width: 5em; } .star-rating input { display: none; } .star-rating label { -webkit-text-fill-color: tra..

HTML, CSS, JS 2022.06.12

[AWS] EC2에 S3 Mount 하기 - ubuntu.16.04 (with. s3fs)

S3FS(s3fs-fuse)는 AWS S3를 로컬에 Mount 시켜 FileSystem 처럼 활용 할 수 있게 하는 라이브러리 이다. EC2에서 S3를 Mount 하는 방법을 적어보았다. 👉 1. EC2 Update, Upgrade 진행 sudo apt-get update sudo apt-get upgrade 👉 2. 관련 패키지 설치 # 패키지 설치 sudo apt-get install build-essential git libfuse-dev libcurl4-openssl-dev libxml2-dev mime-support automake libtool sudo apt-get install pkg-config libssl-dev 👉 3. Git S3FS 다운로드 # Git S3FS Donwload gi..

AWS/AWS 일반 2022.06.12

[AWS] AWS S3 File Upload 방법 (by. Flask)

Flask의 Fileupload 기능을 통해 AWS S3로 Uplod 하는 방법 * 사전에 S3 Bucket 생성이 완료됬다고 가정. 👉 Library Install pip install boto3 pip install Flask 👉 소스코드 : templates/index.html Form Data 형식으로 Ajax 비동기 통신 POST로 endpoint로 upload한 File을 보낸다. 파일 업로드 이미지 파일 저장 👉 소스코드 : app.py boto3는 aws 서비스와 연결해주는 라이브러리이다. ACL : Access Control List로 정책이라고 보면 됨 Bucket 명과 Body를 채우고 put_object () 함수 호출 import boto3 from flask import Flas..

AWS/AWS 일반 2022.06.12

[AWS 에러] AWS Cli SignatureDoesNotMatch 해결

에러명 : SignatureDoesNotMatch AWS CLI를 설치하여 or boot3를 이용하여 AWS 서비스에 접근 하던 중 SignatureDoesNotMatch라는 아래와 같은 에러상황을 접할 수 있다. 'An error occurred (SignatureDoesNotMatch) when calling the PutObject operation: The request signature we calculated does not match the signature you provided. Check your key and signing method' IAM 에 들어가 '보안 자격 증명'을 클릭 한 후 '엑세스 키 만들기'로 재생성하여 다시 로컬 AWS Configure를 등록하면 된다. ( Sec..

AWS/AWS 일반 2022.06.12