잉여개발자

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 👉 코드 -..

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 👉 코드 -..

👉 로딩바 예제 (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..

리뷰 평점 매기거나, 별점 매길때 재사용하기 좋은 코드.. 기능 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..

👉 입력값 검색 기능 + Dropdown 되는 Input 만들기 food_menu 👉 예제 사진

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..

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..

에러명 : 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..

👉 다음 주소 aAPI 찾기 회원가입 구현 중 주소를 넣게 될 경우 daum에서 무료료 제공하는 '우편번호 검색 서비스' 를 이용 할 수 있다. 가이드 문서 링크는 아래와 같다. https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 👉 예제 코드 Daum 주소 찾기 API는 서버기반 환경에서 실행해줘야 아래 코드가 돌아간다.

지난 번엔 Token 시스템에 대한 이해, 장점, 작동 방식 등에 대해 이해해 보았다. 이번 글에서는 Token 시스템에서 주로 활용되는 JWT(Json Web Token), CSRF(Cross Site Request Forgery)에 대해 내용을 작성해 보려 한다. JWT(Json Web Tokens) 란? 클라이언트와 서버 간의 유저의 정보를 담은 Json 데이터를 암호화 해서 보낼 때, HTTP 헤더에 JSON 토큰을 넣어 전달하는 방식. 서버는 별도의 인증 과정 없이 헤더에 포함되어 있는 JWT Token 정보로 인증함. JWT의 구조 구조는 Header, Payload, Signature 세 부분으로 구성되며, Signuature 부분만 암호화 되어 전송. Header : 토큰의 타입과 해시 암..