Django Instagram 클론 프로젝트 - 소셜미디어 플랫폼 개발
Django Instagram 클론 프로젝트 - 소셜미디어 플랫폼 개발 프로젝트 개요 Django를 활용한 Instagram 클론 프로젝트로 소셜미디어 플랫폼의 핵심 기능을 구현합니다: 기술스택: Django, django-resized, HTML/CSS/JavaScript 주요기능: 게시물 CRUD, 좋아요, 댓글, 팔로우, 이미지 업...
Django Instagram 클론 프로젝트 - 소셜미디어 플랫폼 개발 프로젝트 개요 Django를 활용한 Instagram 클론 프로젝트로 소셜미디어 플랫폼의 핵심 기능을 구현합니다: 기술스택: Django, django-resized, HTML/CSS/JavaScript 주요기능: 게시물 CRUD, 좋아요, 댓글, 팔로우, 이미지 업...
Django 1:N 관계 완성 - 사용자와 게시물 연결 개요 Django에서 1:N 관계를 완성하고 사용자 인증과 연결합니다: 1:N 관계 설정 Create 할 때 로그인 인증 처리 django-bootstrap 실습 협업을 위한 라이브러리 목록 저장 1. 1:N 관계 설정 User 모델 참조 방법 Django에서 User...
Django 사용자 인증 - Signup, Login, Logout 개요 Django의 내장 사용자 인증 시스템을 활용하여 다음 기능들을 구현합니다: User Model 추가 Signup, Login, Logout 기능 추가 1. User Model 설정 AbstractUser 상속 Django의 기본 User 모델을 확장하여 커...
Django 댓글 시스템 - 1:N 관계와 댓글 CRUD 개요 CRUD 로직을 확장하여 댓글 시스템을 구현합니다: Article, Comment 모델 2개 구현 Comment 기능 추가 1:N 관계 설정 댓글 작성 및 삭제 1. 모델 관계 설정 1:N 관계 이해 하나의 게시물(Article)에 여러 개의 댓글(Comment...
Django ModelForm - 폼 자동화와 URL 통합 개요 CRUD 로직을 더욱 효율적으로 개선합니다: URL 통합: create(new, create) / update(edit, update)를 하나의 URL로 통합 Form 자동화: forms.py를 통한 폼 자동 생성 GET/POST 방식 통합: 하나의 뷰에서 GET과 PO...
Django CRUD 업데이트 - URL 구조화와 템플릿 상속 개요 CRUD 로직을 업데이트하여 더 체계적이고 유지보수하기 쉬운 구조로 개선합니다: APP(posts)에 urls.py 추가 생성 공용 HTML 생성 (base.html) form method = POST 사용 1. APP에 urls.py 추가 생성 Django 프...
Django CRUD - 게시판 만들기의 핵심 CRUD 개요 CRUD는 웹 애플리케이션의 기본 기능입니다: Create (게시물 생성) Read (게시물 읽기) Update (게시물 수정) Delete (게시물 삭제) 프로젝트 구조 작성 1. 프로젝트 생성 및 설정 # 1. 프로젝트 폴더 생성 mkdir cr...
Django 기초 - Python 웹 프레임워크의 핵심 Django 개요 웹사이트는 HTML, CSS로도 만들 수 있지만, Django로 더욱 동적이고 강력한 웹 애플리케이션을 만들 수 있습니다. Django 프로젝트 구조 주요 파일들 __init__.py - 패키지로 인식하게 하는 파일 admin.py - 관리자 페이지 설정 mo...
Bootstrap 기초 - 빠른 웹 개발을 위한 CSS 프레임워크 Bootstrap 개요 Bootstrap은 빠르고 반응형 웹 개발을 위한 가장 인기 있는 CSS 프레임워크입니다. Bootstrap 설정 사용하기 위해서는 link는 head 태그, script는 body 태그에 복사 붙여넣기 해주세요. <!DOCTYPE...
HTML 기초 - 웹 개발의 첫 걸음 웹서비스 개요 HTML: 웹 언어 CSS: 만든 웹을 사람이 보기 좋게 꾸며줌 HTTP: 만든 HTML을 어떻게 전송할 것인지에 대한 프로토콜 유용한 참고 사이트 W3schools MDN 웹 만들기 기본 과정 기본 틀 생성: ! + tab/Enter 웹 새로고침으로 변...