본문 바로가기

전체 글152

Critical rendering path (google.com 입력했을 때 일어나는 일) 💡️ Client-side programming 대부분의 프로그래밍 언어는 OS나 VM 위에서 실행되지만, 웹 애플리케이션의 클라이언트 사이드 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 따라서 브라우저 환경을 고려할 때 더 효율적인 클라이언트 사이드 자바스크립트 프로그래밍이 가능해진다. 이를 위해 브라우저가 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱하여 브라우저에 렌더링하는지 공부해야 할 필요가 있다. 🕵️ 브라우저 주소창에 google.com 을 입력한 뒤 엔터 키를 누르면 일어나는 일 1. request/response google.com라는 도메인 이름을 DNS 서버로 요청하고, DNS 서버에서 IP 주소를 브라우저로 전달한다. 전달받은 IP 주소로 go.. 2021. 12. 19.
🍪 쿠키에 token 담아보내기(CORS와 Cookie옵션 설정) 새로고침 했을 때, Cookie가 없어지는 오류 CORS 설정, Cookie 옵션까지 잘 작성한 뒤 배포 서버에서 테스트를 했을 때 역시나 문제가 발생했다. 페이지를 새로고침(reload)했을 때 Cookie에 저장한 token이 날라가는것.. 아니 왜. 저장 잘했었는데. 😂️😂️😂️ 계속해서 찾아보고 구글링하다가 결국 다시 cookie 탭에서 옵션들을 확인했는데, Domain이 백엔드 서버 도메인으로 되어 있을 것을 확인했다. 프론트 서버 도메인이 아니라!!! cookie option에 domain으로 프론트서버 주소를 지정해주니 새로고침해도 쿠키가 남아있었다. 🎉️ CORS정책은 공부해야 할 내용이기 때문에 이번에 공부하고 찾아봤던 내용들을 정리해봤다. 🔐️ CORS 설정 const corsOptio.. 2021. 12. 14.
XSS 공격에 안전한 소셜 로그인 구현 (카카오) XSS 공격에 안전한 소셜 로그인 구현 (카카오) 카카오 로그인 프로세스는 다음과 같이 진행했다. 클라이언트 서버 : 카카오 서버에 access_token을 요청하여 전달 받는다. 클라이언트 서버 : 백엔드 서버로 access_token을 넘겨주며 로그인 API를 호출한다. 백엔드 서버 : 클라이언트 서버에서 전달받은 access_token을 가지고 카카오 API를 호출하여 사용자 정보를 가져온다. 백엔드 서버 : JWT 방식을 사용하여 백엔드 서버에서 클라이언트 서버에 JWT token을 전달해준다. 이때 token을 Cookie에 담아서 전달한다.(httpOnly) 이번 포스팅은 백엔드 서버에 초점을 맞춰 3, 4번 내용을 작성하였다. 1. 카카오 서버에서 받은 access_token을 가지고 사용자.. 2021. 12. 12.
우분투에서 깃허브 자동 로그인 설정 한 번 로그인을 해두면 로그인 과정을 진행하지 않아도 push가 되도록 설정하는 방법 git config credential.helper store git push [자동로그인하고싶은저장소주소] # 로그인 정보를 등록하기 위한 push, 변경점이 없어도 push가 됨 2021. 12. 12.
Django에서 S3에 파일 업로드 Django에서 boto3를 사용하여 S3와 연결 및 파일 업로드 준비사항 AWS IAM user 셋업 AWS S3 bucket 셋업 1. boto3 라이브러리 설치 boto3는 파이썬용 AWS라이브러리이다. pip install boto3 2. 코드 작성 2-1. 엔드포인트 우선 호출하는 부분에서 어떻게 호출할 것인지를 작성해본다. 장고에서는 전송된 파일이 request.FILES를 통해 전달된다. FileUpload라는 wrapper class를 통해 S3 클라이언트를 생성하고 ,파일업로드 기능을 수행하는 함수를 호출하여 profile_image_url 값을 리턴받는다. from storages import FileUpload, s3_client class ProfileUploadView(View):.. 2021. 12. 5.
TIL56 | EC2서버에 Docker설치 및 배포(CentOS, Node.js, Dockerfile) 시작하기 전... 개발환경: ubuntu 18.04, node v14 서버환경: centos7, node v16 CentOS는 처음 접해봐서 명령어도 익숙하지 않았는데 nodejs로 개발한 앱을 Docker로 배포해보고 싶었다. Docker도 Django로 개발한 앱을 연습삼아 배포해본 게 다였기 때문에 익숙하지 않아서 Dockerfile을 작성하는게 막막했었는데 그래도 구글링을 거쳐 EC2 서버에 배포를 완료했다. 다음번 시행착오를 줄이기 위해 기록한다. 이 글은 저의 주관적인 경험을 작성한 글이므로 잘못되거나 불필요한 내용이 포함되어 있을 수 있습니다. 😣️ 1. Dockerfile 작성 #./Dockerfile #기반이 될 이미지 FROM node:16.13.1 # 작업디렉토리(default)설정 .. 2021. 12. 3.
반응형

티스토리툴바