본문 바로가기

Django/Project

 (11)
[Project] Onstagram Service #6 이전 글에 이어서 이번에는 Amazon S3를 연동해서 이미지 파일을 위한 서버를 추가해 보겠습니다. 회사에서 써보면서 자주 쓰다보니 마음이 가는건지 모르겠지만 S3가 참 간단하면서도 편하더라구요. 성능도 꽤 괜찮았습니다. (물론!! 자본주의... 비용을 어느 정도 지불하면 서버 성능 쭉쭉 올라갑니다ㅎㅎ) 그럼 Amazon 회원가입부터 시작합니다!! Code : https://github.com/ghk0409/Ongstagram_feat.instagram 1. Amazon 가입하기 - Amazon을 쓰려면 가장 먼저 해당 계정이 있어야 하기 때문에 Amazon에 접속해서 [무료로 시작]을 클릭 후 나오는 화면에서 [무료로 계정 생성]을 클릭하고 계정을 생성합니다. + 혹시나 Amazon 계정이 이미 있다..
[Project] Onstagram Service #5 이전 글에 이어서 Onstagram 서비스를 좀 더 업그레이드 해봅니다. 그것은 바로 댓글 기능!! 댓글 기능을 통해 서로 서로 이야기를 나눌 수 있게끔 만들어 봅니다. 그럼 시작~~ Code : https://github.com/ghk0409/Ongstagram_feat.instagram 1. DISQUS 사용 - 댓글 시스템을 이용하기 위해 DISQUS 온라인 소셜 댓글 시스템을 빌려 봅니다. + Django로 직접 다 구현하려면 JavaScript까지 들어가야 할 것 같아서 이런 부분은 나중에 다뤄보려고 합니다. (자바스크립트 파트를 공부하다보면 접하게 될 운맹..) + 먼저 DISQUS 사이트에 접속합니다. + 바로 이동되는 회원가입 페이지에 회원가입을 위해 정보를 다 입력하고 [Signup] 버..
[Project] Onstagram Service #4 이번에는 프로젝트 내의 다른 앱을 하나 더 추가해보려고 합니다. 이전 글에 말했던데로 'accounts' 앱을 만들어 로그인 / 회원가입 / 로그아웃 기능을 만들어 봅니다. Code : https://github.com/ghk0409/Ongstagram_feat.instagram 1. accounts 앱 생성 - 처음에 photo 앱을 생성했던 것처럼 Terminal 명령어를 통해 accounts 앱을 생성합니다. # Terminal에 명령어를 실행합니다. python manage.py startapp accounts - 앱 생성 후 프로젝트에서 사용될 수 있도록 config/settings.py에 앱을 추가해 줍니다. # config/settings.py INSTALLED_APPS = [ 'django..
[Project] Ongstagram Service #3 이전 글에 이어서 옹스타그램을 만들어 보도록 하겠습니다. 그럼 관리자 페이지 커스터마이징부터 이어서 시작!! Code : https://github.com/ghk0409/Ongstagram_feat.instagram 5. 관리자 페이지 커스터마이징 - admin.py 파일 수정을 통해 관리자 페이지에서 볼 수 있는 목록 형태를 바꿔보도록 합니다. # photo/admin.py # PhotoAdmin 클래스는 admin.ModelAdmin을 상속 받아 만듭니다. class PhotoAdmin(admin.ModelAdmin): list_display = ['id', 'author', 'created', 'updated'] raw_id_fields = ['author'] list_filter = ['creat..
[Project] Ongstagram Service #2 본격적으로 앞 페이지에서 말했던대로 기능들을 구현해보면서 프로젝트를 만들어 보겠습니다. 기본이 되거나 익숙한 부분은 빠르게!! 처리하면서 만들어 봅니다. Code : https://github.com/ghk0409/Ongstagram_feat.instagram - Pycharm에서 [New Project]를 통해 새로운 프로젝트를 만들어 줍니다. + 내가 원하는 프로젝트 이름으로! 저는 'ongstagram'으로 만듭니다. + 가상환경도 새롭게 만들어서 적용시켜줍니다. - Django 프로젝트를 위한 기본 세팅을 진행합니다. + Pycharm 터미널에서 진행해봅니다!! # Terminal을 통해 Django를 설치합니다. pip install django # Django 프로젝트를 만들어 줍니다. dja..
[Project] Ongstagram Service #1 이번 프로젝트는 나름 인스타그램을 카피해보려고 합니다. 일명 'Onstagram'을 만들어 보려고 하는데요, 먼저 어떤 기능들을 구현해 나갈지 정해놓고 가보겠습니다. (WARNING) 기능은 몰라도 디자인은 책임 안 집니다^^ Code : https://github.com/ghk0409/Ongstagram_feat.instagram 1. 홈 버튼, 환영 메시지, 업로드 링크, 로그인/회원가입 등 기능을 구현 해봅니다. 2. 여러 앱(App)을 탑재해보면서 Django에 더욱 능숙해지도록 합니다. 3. 핫한 Amazon S3와 연동을 해봅니다. 1. Photo List - 사진 목록을 보여줍니다. - 각 사진별 작성자, 사진 설명, 댓글달기 기능이 있습니다. 2. Photo Create View / Pho..
[Project] Ong's BookMark Service #5 이번에는 템플릿에 디자인을 입혀보려고 합니다. 디자이너가 어떤 디자인을 입혀달라고 요청했을 때, 그 요청을 진행할 수 있도록 디자인 파트도 공부해야 할 필요가 있을 거에요. '부트스트랩'을 적용시켜서 해봅니다!! 그럼 나만의 디자인을 입혀보면서 개인 공부를 하며 진행합니다. Code: https://github.com/ghk0409/Django_bookmark/ 1. 템플릿 확장하기 - 여러 웹 서비스를 둘러보면 어느 페이지에서든 동일하게 보이는 메뉴바나 타이틀 같은 부분이 많습니다. 만약 이런 부분의 수정사항이 발생하면 각 템플릿들(페이지)마다 다 수정해야 할까요?? 이런 비효율을 방지하기 위해서 '템플릿 확장' 방법을 사용합니다. + 기준이 되는 레이아웃 부분을 담은 템플릿을 별도로 만들어둔 다음, ..
[Project] Ong's BookMark Service #4 지난 글에 이어서 북마크 서비스 페이지를 만들어 봅니다. 이번에는 서비스의 각 기능들을 추가 해봅니다. 개인 공부를 하며 내용을 정리합니다. Code: https://github.com/ghk0409/Django_bookmark/ 9. 북마크 추가 기능 구현 - 북마크 추가를 위한 'BookmarkCreateView' 클래스 뷰를 만들어줍니다. + 제네릭 뷰인 CreateView를 상속받아 쉽게 만들어봅니다. # bookmark/views.py # 기존 views.py에 아래 코드 추가 from django.views.generic.edit import CreateView from django.urls import reverse_lazy # CreateView를 상속받아 사용 class BookmarkC..

티스토리툴바