전체 글 387

시 목록을 표 형식으로 보기 + 시 선택 기능

지금처럼 로 나열된 목록은 시가 많아질수록 가독성과 선택성이 떨어지며,출간용 시 선택에도 불편합니다. 다음과 같이 **표 형식(테이블)**으로 바꾸고, 각 행에 선택용 체크박스와 “보기” 버튼을 함께 넣겠습니다.📘 『시마당 프로젝트 따라하기』9장. 시 목록을 표 형식으로 보기 + 시 선택 기능작성자: easyfly작성일: 2025년 7월 16일🟦 1. 목록 템플릿 수정 – 표 형식 + 선택📁 poem/templates/poem/poem_list.html📚 시 목록 (전자책 출간용) {% csrf_token %} 선택 제목 작가 작성일 보기 {% f..

HTML5/반응형 웹 2025.07.16

시 목록 페이지 분리: "자세히 보기" 구현

지금처럼 목록에서 시의 전문까지 모두 출력하면 가독성이 떨어지기 때문에 다음과 같은 구조로 개선하겠습니다: 여러 편을 선택해서 전자책 출간을 하기 때문에 이런 출력은 관리가 곤란합니다. ✅ 개선 방향 항목 설명 시 목록 페이지제목, 작가, 작성일만 보여줍니다.자세히 보기 페이지클릭 시 해당 시의 전문(본문)을 보여줍니다.구현 방법ListView 또는 함수 기반 뷰로 시 목록 출력 + DetailView로 전문 보기📘 『시마당 프로젝트 따라하기』8장. 시 목록 페이지 분리: "자세히 보기" 구현작성자: easyfly작성일: 2025년 7월 15일🟦 1. 뷰 함수 추가 – 상세 보기📁 poem/views.py에 아래 함수 추가:from django.shortcuts import get_object_o..

HTML5/반응형 웹 2025.07.15

업로드된 시 목록 보기 (ListView 만들기)

📘 『시마당 프로젝트 따라하기』7장. 업로드된 시 목록 보기 (ListView 만들기)작성자: easyfly작성일: 2025년 7월 14일🟧 1. 시 목록 보기란?업로드된 시를 테이블 또는 박스 형태로 나열하는 기능입니다.시제목, 작가, 등록일자 등을 확인할 수 있습니다.사용자에게 작성 결과를 시각적으로 보여주는 핵심 기능입니다.🟦 2. 뷰 함수 작성 (기본 리스트 뷰)📁 위치madang/poem/views.py📄 코드 추가from .models import Poemdef poem_list(request): poems = Poem.objects.all().order_by('-created_at') # 최신순 return render(request, 'poem/poem_list.htm..

HTML5/반응형 웹 2025.07.14

시 업로드 페이지 만들기 (템플릿과 폼)

📘 『시마당 프로젝트 따라하기』6장. 시 업로드 페이지 만들기 (템플릿과 폼)작성자: easyfly작성일: 2025년 7월 13일🟧 1. 앱 구조 개요우리는 아래 3가지를 설정하게 됩니다: 파일 역할 forms.py사용자가 입력하는 폼 정의views.py요청을 받고 응답하는 로직 처리templates/poem/upload.htmlHTML 양식 페이지 작성🟦 2. 폼 생성: forms.py📁 위치madang/poem/forms.py📄 코드 작성from django import formsfrom .models import Poemclass PoemForm(forms.ModelForm): class Meta: model = Poem fields = ['title', '..

HTML5/반응형 웹 2025.07.13

관리자 페이지에 모델 등록하기

📘 『시마당 프로젝트 따라하기』5장. 관리자 페이지에 모델 등록하기작성자: easyfly작성일: 2025년 7월 12일🟧 1. Django 관리자(admin)란?Django는 자동으로 관리자 웹페이지를 제공합니다.우리가 만든 모델을 여기에 등록하면 웹에서 직접 데이터 추가/수정이 가능합니다.시니어들의 시를 등록하거나 수정하는 기능도 관리자에서 직접 가능합니다.🟦 2. 관리자 계정 생성📥 명령어python manage.py createsuperuser✅ 입력 항목Username: easyflyEmail address: easyfly@example.comPassword: ********입력을 마치면 Superuser created successfully. 메시지가 출력됩니다. ※ 관리자 생성에서 비밀..

HTML5/반응형 웹 2025.07.12

시 모델 만들기: Poem과 Author

📘 『시마당 프로젝트 따라하기』4장. 시 모델 만들기: Poem과 Author작성자: easyfly작성일: 2025년 7월 11일🟧 1. 모델이란?모델(model)은 웹서비스에서 데이터를 설계하는 설계도입니다.우리는 poem 앱 안에 작가(Author)와 시(Poem) 모델을 만들어시니어들의 작품을 저장하고 관리할 수 있도록 합니다.🟦 2. 모델 정의📁 위치madang/poem/models.py📄 코드 작성from django.db import modelsclass Author(models.Model): name = models.CharField(max_length=50) bio = models.TextField(blank=True) def __str__(self): ..

HTML5/반응형 웹 2025.07.11

Django 프로젝트 시작과 앱 만들기

📘 『시마당 프로젝트 따라하기』3장. Django 프로젝트 시작과 앱 만들기작성자: easyfly작성일: 2025년 7월 10일🟧 1. Django 프로젝트 시작📍 작업 위치가상환경이 활성화된 상태에서 madang 디렉터리 내에서 작업합니다:cd ~/madangsource venv/bin/activate📥 명령어django-admin startproject simadang ..(점)을 꼭 입력해야 현재 디렉터리(=madang)를 프로젝트 루트로 사용하게 됩니다.📁 생성된 구조madang/├── manage.py├── simadang/│ ├── __init__.py│ ├── settings.py│ ├── urls.py│ ├── asgi.py│ └── wsgi.py🟧 2. 개발 ..

HTML5/반응형 웹 2025.07.10

Python 가상환경 설정과 Django 설치

📘 『시마당 프로젝트 따라하기』2장. Python 가상환경 설정과 Django 설치작성자: easyfly작성일: 2025년 7월 9일🟦 1. 왜 가상환경을 사용할까?Python은 다양한 프로젝트에서 서로 다른 패키지 버전을 필요로 합니다.가상환경을 사용하면 각 프로젝트마다 독립된 환경을 만들어 충돌 없이 관리할 수 있습니다.🟧 2. 가상환경 만들기📍 사전 조건EC2에 접속한 상태여야 합니다:ssh -i easyfly-key.pem ubuntu@📥 명령어sudo apt updatesudo apt install python3-venv -y# 작업 디렉터리 생성mkdir madangcd madang# 가상환경 생성python3 -m venv venv# 가상환경 활성화source venv/bin/act..

HTML5/반응형 웹 2025.07.09

시마당 프로젝트 따라하기

📘 『시마당 프로젝트 따라하기』1장. AWS 가입과 EC2 인스턴스 생성작성자: easyfly작성일: 2025년 7월 8일🟧 1. AWS란?Amazon Web Services(AWS)는 클라우드 컴퓨팅 플랫폼입니다.우리는 이 중에서 EC2(Elastic Compute Cloud)를 이용해 웹서버를 직접 운영합니다.🟦 2. AWS 가입하기1️⃣ 홈페이지 접속주소: https://aws.amazon.com2️⃣ 가입 절차이메일 주소 입력 → 루트 사용자로 가입비밀번호 설정AWS 계정 이름 지정 (예: easyfly-senior)신용카드 등록 (1달러 인증만, 실제 요금 없음)신원 인증 (휴대폰 번호로 문자 인증)계정 유형: 개인플랜 선택: 무료 요금제(FREE TIER) 선택✅ 가입 완료 메시지가 나오..

HTML5/반응형 웹 2025.07.08

VPC(Virtual Private Cloud) 기본 통신 제어

VPC(Virtual Private Cloud) 기본 통신 제어VPC(Virtual Private Cloud)에서의 기본 통신 제어는 네트워크의 보안성과 접근 제어를 위해 핵심적인 요소입니다. AWS에서 VPC는 사용자가 정의한 논리적 격리 네트워크이며, 이 안에서 통신을 제어하기 위해 다양한 메커니즘이 사용됩니다. 다음은 VPC 내 기본 통신 제어 수단과 동작 방식입니다.🔐 VPC 기본 통신 제어 요소1. 서브넷(Subnet)VPC 안의 IP 주소 범위를 나누는 단위퍼블릭 서브넷: 인터넷 게이트웨이와 연결됨프라이빗 서브넷: 외부와 직접 연결 없음 (NAT 사용 가능)2. 라우팅 테이블(Route Table)네트워크 트래픽의 전달 방향을 결정기본 라우팅 테이블은 VPC 생성 시 자동으로 생성퍼블릭 서브..