IT, I Think

Course/django : 제로부터 시작하는 인스타그램 (13)

Django:제로부터 시작하는 인스타그램 만들기 - DevOps #5 - SSL 적용하기, AWS ALB + ROUTE53 이용하기

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2023. 4. 23. 22:08

2021.09.15 - [Course/django : 제로부터 시작하는 인스타그램] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 유튜브 버전 - https://youtu.be/DKDod2Nl_Ww 시작하기 전에❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ 이 강의는 ROUTE53을 이용해 도메인을 발급받아야 SSL인증서를 발급받을 수 있습니다. AWS에서 ROUTE53을 이용한 도메인 발급 비용은 보통 1년에 만원정도 합니다. 발급하지 못하면 SSL적용이 힘드니 참고해 주세요~❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ ❗ SSL(Secure Sockets Layer)이라는 말을 많이 들어보았을 겁니다. 약간 연차가 있..

Django:제로부터 시작하는 인스타그램 만들기 - DevOps #4 - CI/CD구축하기, 테스트코드 작성, github 액션을 통한 CI/C

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2023. 4. 22. 02:05

2021.09.15 - [Course/django : 제로부터 시작하는 인스타그램] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 github - tkdlek11112/django_zero_to_instagram_devops: 장고 인스타그램 클론코딩 데브옵스편 (github.com) 유튜브 버젼 - https://youtu.be/7bf4rK2rMPM 시작하기 전에 이번시간에는 CI/CD에 대해서 다룹니다. CI/CD라는 말을 저는 2015년? 2016년? 정도에 처음 들었던 것 같아요. 이때 한창 유행했던 게 CI/CD, RPA등과 같은 자동화에 대한 기술들이었습니다. CI/CD라는 말을 처음 들었을 때는 도대체 그게 뭐임?이라는 생각이 들었는데 ㅋㅋㅋ 사실 ..

Django:제로부터 시작하는 인스타그램 만들기 - DevOps #3 - docker를 이용한 mysql 연결해보고 AWS RDS도 사용해보기

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2023. 2. 20. 01:53

2021.09.15 - [Course/django : 제로부터 시작하는 인스타그램] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 시작하기 전에 지난 시간에 nginx와 uwsgi를 이용해서 장고서비스를 EC2에 띄웠습니다. 지금도 잘 되는지 한번 접속해 봐야겠군요. 로그인! 로그인! 43.201.26.170 접속이 잘 되네요 ㅎㅎ 하지만 언제까지 이렇게 ip주소로 접속할 수는 없으니 도메인을 하나 적용해야겠습니다. 제가 자주 사용하는 건 무료 도메인 서비스인 duckdns입니다. Duck DNS (www.duckdns.org) Duck DNS Duck DNS free dynamic DNS hosted on AWS news: login with Reddit is..

Django:제로부터 시작하는 인스타그램 만들기 - DevOps #2 - AWS EC2에 nginx, uwsgi 사용하여 서비스 하기.

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2022. 11. 23. 00:25

2021.09.15 - [Course/django : 제로부터 시작하는 인스타그램] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 시작하기 전에 지난 포스팅에서는 내 컴퓨터에서만 실행하던 django 프로젝트를 AWS에 EC2 위에 올렸습니다. 소스를 github을 이용해서 이동시키고, 서버에 설치된 파이썬을 이용해 python manage.py runserver를 실행했고, 외부에서 접속을 위해 방화벽 설정 및 환경설정을 건드렸습니다. 이걸로 외부에서 여러분이 만든 인스타그램(혹은 다른 django 프로젝트)이 외부에서 접속할 수 있게 설정되었습니다. 하지만 이전 포스팅에서 말했듯이 runserver라는 명령어는 개발자가 개발할 때 디버깅 해보기 위해 제공하는..

Django:제로부터 시작하는 인스타그램 만들기 - DevOps #1 - AWS EC2 에 배포하기, ubuntu 20.04, github, python3 사용

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2022. 11. 17. 20:10

2021.09.15 - [Course/django : 제로부터 시작하는 인스타그램] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 시작하기 전에 인스타 클론 코딩 컨텐츠를 만든 지 1년이 지났습니다. 블로그보다는 유튜브 중심의 컨텐츠였지만, 생각보다 많은 사람들이 영상을 봐주셨고, 블로그에서도 나름 뷰 수가 높은 글이 되었네요. 인스타그램 클론 코딩 포스팅은 중간에 멈췄지만, 유튜브 영상으로 끝까지 완주하신 분들도 많았던 것 같습니다. 요걸 다 만들고 나서 뭔가 아쉬움을 느껴서 2탄 3탄도 만들어야겠다고 생각을 했는데, 이직도 하고 게임(?)도 하면서 지내다 보니 시간이 후딱 갔네요 ㅎㅎ 일단 저는 서버(백엔드) 개발자이기 때문에 인스타 클론 코딩 강의는 저한테..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #6

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2022. 3. 2. 22:16

목차 - 2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 github - https://github.com/tkdlek11112/jinstagram 로그인/회원가입 만들기 이제 드디어 회원정보를 만들시기가 왔습니다. 어느 서비스에나 로그인과 회원가입은 필수죠. 최근에는 SNS 로그인으로 편하게 로그인을 할 수 있는데, 사용자에게는 편하지만 서버 쪽에서는 처리해줘야 하는 게 생각보다 많습니다 ㅋㅋ 여기서는 SNS 로그인은 사용하지 않고 단순하게 아이디와 비밀번호를 사용해서 회원가입과 로그인을 하도록 만들어보겠습니다. 아이디와 비밀번호만 받는 것이 단순하긴 단순한데 실제 서비스에 적용하기 위해서는 또 암호화 모듈이 필..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #5

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 10. 16. 16:28

목차 - 2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 github - https://github.com/tkdlek11112/jinstagram/tree/jinstagram-%235 이미지 업로드 완료 시 화면 변환 인스타그램을 보면 이미지를 업로드하는 순간 이미지 옆에 글을 쓸 수 있는 화면으로 변경됩니다. 사용할 때는 몰랐는데 만들려고 하니까 아주 고오오오급 기능이었네요 ㅋㅋ 어떻게 만들어볼지 고민을 해보면.. 모달 창을 두개를 만들어놓고 첫 번째 모달은 이미지를 드래그해서 업로드, 두 번째 모달은 업로드된 이미지가 보이고 글을 쓸 수 있는 input창이 추가된 화면. 사용자가 업로드 버튼을 누르면 첫 번째..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #4

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 18. 02:29

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 피드 업로드를 위한 모달 만들기 이번 포스팅에서는 피드를 업로드하는 화면을 만들어보겠습니다. 실제 인스타그램을 실행시켜서 어떻게 피드를 생성하는지 흐름을 한번 살펴봅니다. PC에서 피드 생성을 누르면 일단 스크린샷부터 올리네요. 상당히 깔끔한 UI/UX입니다. 예전 게시판 같은 경우 막 사진 올리고 글 쓰고 한 화면에서 다하게 만들었는데, 인스타그램은 사진 딱 올리면 그 이후에 글 쓰게 나오고 사용자한테 뭘 해야 하는지 정확하게 알려주죠. 이게 아마 UX 쪽에서는 one screen one thing 이였나? 그럴 겁니다. 한 화면에서 사용자가 할 수 있는 행동을 하..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 15. 00:39

목차 2021.08.24 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #0 2021.08.29 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #1 2021.09.01 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #2 2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #3 2021.09.18 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #4 2021...

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #3

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 15. 00:31

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 피드 목록에 백엔드 소스 추가하기 지난 포스팅에서 피드 업로드를 만들어보자~! 하고 끝났는데, 고민해보니 피드 업로드보다는 피드 목록에 대한 백엔드 소스를 추가하는 게 좋을 것 같습니다. 우리가 만든 Jinstagram은 지금 html에서 피드를 생성해서 보여주고 있습니다. 즉, 서버 없이 클라이언트(프론트)에서 알아서 데이터를 생성해서 피드 리스트를 만들고 있죠. 이걸 백엔드 쪽에서 피드 데이터를 내려주도록 바꿔보도록 하겠습니다. MTV (모델 템플릿 뷰) Django는 MTV 구조로 되어있습니다. MTV란 모델, 템플릿, 뷰 3가지를 합쳐서 부르는 말인데요, 우리..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #2

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 1. 16:26

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 바디 영역 만들기 지난 포스팅에 이어 이제 가운데 영역을 좀 꾸며보겠습니다. 일단 인스타그램을 보면 왼쪽에 사진이 나오고 오른쪽에는 추천 친구가 나오네요. 그럼 먼저 왼쪽과 오른쪽으로 화면을 나눠보겠습니다. home send add_box explore favorite_border 왼쪽화면 오른쪽화면 div로 화면을 분할한다고 했습니다. 큰 div를 놓고 그 안에 div를 두 개를 넣으면 화면에 두개로 분리되겠죠? 우리의 생각과 달리 좌우가 아니라 상하로 분리되었네요. 사실 코드를 안보면 분리된 건지도 모릅니다 ㅋㅋ 일단 div가 어디까지 영역을 차지하고 있는지 알기..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #1

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 8. 29. 21:12

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 유튜브 - ** 해당 글은 유튜브 강의를 글로 풀어서 쓴 포스팅입니다. Django 새 프로젝트 만들기 시작은 역시 새 프로젝트 만들기죠~! 저는 Pycharm이라는 IDE를 사용해서 개발을 진행할 예정입니다. 커뮤니티 버전은 무료니까 여러분들도 사용할 수 있습니다. 프로버전이 좋긴 한데 유료입니다. 대학생이시면 학교 Email을 사용해 프로버전을 무료로 사용할 수 있습니다~! 한 달은 공짜니까 이번에만 사용하는 것도 방법이에요~ 파이참 프로버전의 좋은 점은 장고 프로젝트를 바로 생성할 수 있다는 점입니다. 커뮤니티 버전은 시작 프로젝트를 장고로 설정할 수 없습니다...

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #0

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 8. 24. 00:27

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 시작하기 전에 클론 코딩이라는 것을 처음 접한 건 스타트업에서 신입 개발자를 뽑기 위해 면접관으로 들어갔을 때부터였던 것 같습니다. 이력서에 다들 이렇게 적어놓았더군요. - 인스타그램 클론 프로젝트 - 유튜브 클론 프로젝트 - 페이스북 클론 프로젝트 회사에서 열심히 코딩하던 사이, 대학생들과 취준생들 사이에서는 클론 코딩이 유행이 되어있었습니다. 클론 코딩이란 이미 상용화되어있는 서비스를 그대로 따라 만들어보면서 코딩 공부를 하는 것처럼 보입니다(?) 최근에 유튜브나 블로그를 보면 이런 글들이 너무 많습니다. "30분만에 인스타 클론 하기" "5분 만에 블로그 클론 ..

Copyright © IT, I Think All Rights Reserved
Designed by JB FACTORY

티스토리툴바