diff --git a/liongram-api/config/__init__.py b/liongram-api/config/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram-api/config/__pycache__/__init__.cpython-39.pyc b/liongram-api/config/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..20d87e5
Binary files /dev/null and b/liongram-api/config/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram-api/config/__pycache__/settings.cpython-39.pyc b/liongram-api/config/__pycache__/settings.cpython-39.pyc
new file mode 100644
index 0000000..e86deef
Binary files /dev/null and b/liongram-api/config/__pycache__/settings.cpython-39.pyc differ
diff --git a/liongram-api/config/__pycache__/urls.cpython-39.pyc b/liongram-api/config/__pycache__/urls.cpython-39.pyc
new file mode 100644
index 0000000..c06045f
Binary files /dev/null and b/liongram-api/config/__pycache__/urls.cpython-39.pyc differ
diff --git a/liongram-api/config/__pycache__/wsgi.cpython-39.pyc b/liongram-api/config/__pycache__/wsgi.cpython-39.pyc
new file mode 100644
index 0000000..b71b3c2
Binary files /dev/null and b/liongram-api/config/__pycache__/wsgi.cpython-39.pyc differ
diff --git a/liongram-api/config/asgi.py b/liongram-api/config/asgi.py
new file mode 100644
index 0000000..87078af
--- /dev/null
+++ b/liongram-api/config/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for config project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.2/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings")
+
+application = get_asgi_application()
diff --git a/liongram-api/config/settings.py b/liongram-api/config/settings.py
new file mode 100644
index 0000000..3608db0
--- /dev/null
+++ b/liongram-api/config/settings.py
@@ -0,0 +1,125 @@
+"""
+Django settings for config project.
+
+Generated by 'django-admin startproject' using Django 4.2.1.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.2/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/4.2/ref/settings/
+"""
+
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/4.2/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = "django-insecure-zuj*hqjt2dcxu*nm56_a(&%5a=y+o*i^#hd*y)mt2w@@vy95y&"
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "django.contrib.staticfiles",
+    "rest_framework",
+    "posts",
+]
+
+MIDDLEWARE = [
+    "django.middleware.security.SecurityMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+]
+
+ROOT_URLCONF = "config.urls"
+
+TEMPLATES = [
+    {
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.debug",
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = "config.wsgi.application"
+
+
+# Database
+# https://docs.djangoproject.com/en/4.2/ref/settings/#databases
+
+DATABASES = {
+    "default": {
+        "ENGINE": "django.db.backends.sqlite3",
+        "NAME": BASE_DIR / "db.sqlite3",
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/4.2/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/4.2/topics/i18n/
+
+LANGUAGE_CODE = "en-us"
+
+TIME_ZONE = "UTC"
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/4.2/howto/static-files/
+
+STATIC_URL = "static/"
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
diff --git a/liongram-api/config/urls.py b/liongram-api/config/urls.py
new file mode 100644
index 0000000..73bbb04
--- /dev/null
+++ b/liongram-api/config/urls.py
@@ -0,0 +1,19 @@
+
+from django.contrib import admin
+from django.urls import path, include
+from rest_framework import routers
+from posts.views import PostListCreateView, PostRetrieveUpdateView, PostModelViewSet, calculator,CalculatorAPIView
+
+router = routers.DefaultRouter()
+router.register('posts',PostModelViewSet)
+# router.register('comments ',CommentHyperlinkedModelSerializer)
+
+urlpatterns = [
+    path("", include(router.urls)),
+    # path('posts/',PostListCreateView.as_view(),name='post-list-create'),
+    # path('posts/<int:pk>',PostRetrieveUpdateView.as_view(), name='post-detail'),
+    path("admin/", admin.site.urls),
+    # path('calculator/',calculator, name="calculator-fbv"),
+    path('calculator/',CalculatorAPIView.as_view(), name="calculator-cbv"),
+    
+]
diff --git a/liongram-api/config/wsgi.py b/liongram-api/config/wsgi.py
new file mode 100644
index 0000000..a9afbb3
--- /dev/null
+++ b/liongram-api/config/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for config project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.2/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings")
+
+application = get_wsgi_application()
diff --git a/liongram-api/db.sqlite3 b/liongram-api/db.sqlite3
new file mode 100644
index 0000000..cba13a6
Binary files /dev/null and b/liongram-api/db.sqlite3 differ
diff --git a/liongram-api/logoBG-3.png b/liongram-api/logoBG-3.png
new file mode 100644
index 0000000..8a2d67a
Binary files /dev/null and b/liongram-api/logoBG-3.png differ
diff --git a/liongram-api/logoBG-3_EuPTKsK.png b/liongram-api/logoBG-3_EuPTKsK.png
new file mode 100644
index 0000000..8a2d67a
Binary files /dev/null and b/liongram-api/logoBG-3_EuPTKsK.png differ
diff --git a/liongram-api/manage.py b/liongram-api/manage.py
new file mode 100644
index 0000000..d28672e
--- /dev/null
+++ b/liongram-api/manage.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings")
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/liongram-api/posts/__init__.py b/liongram-api/posts/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram-api/posts/__pycache__/__init__.cpython-39.pyc b/liongram-api/posts/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..536bc31
Binary files /dev/null and b/liongram-api/posts/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram-api/posts/__pycache__/admin.cpython-39.pyc b/liongram-api/posts/__pycache__/admin.cpython-39.pyc
new file mode 100644
index 0000000..3f0ac47
Binary files /dev/null and b/liongram-api/posts/__pycache__/admin.cpython-39.pyc differ
diff --git a/liongram-api/posts/__pycache__/apps.cpython-39.pyc b/liongram-api/posts/__pycache__/apps.cpython-39.pyc
new file mode 100644
index 0000000..0eecc6b
Binary files /dev/null and b/liongram-api/posts/__pycache__/apps.cpython-39.pyc differ
diff --git a/liongram-api/posts/__pycache__/models.cpython-39.pyc b/liongram-api/posts/__pycache__/models.cpython-39.pyc
new file mode 100644
index 0000000..9a97d62
Binary files /dev/null and b/liongram-api/posts/__pycache__/models.cpython-39.pyc differ
diff --git a/liongram-api/posts/__pycache__/serializers.cpython-39.pyc b/liongram-api/posts/__pycache__/serializers.cpython-39.pyc
new file mode 100644
index 0000000..c01b8c9
Binary files /dev/null and b/liongram-api/posts/__pycache__/serializers.cpython-39.pyc differ
diff --git a/liongram-api/posts/__pycache__/views.cpython-39.pyc b/liongram-api/posts/__pycache__/views.cpython-39.pyc
new file mode 100644
index 0000000..c4c2c1d
Binary files /dev/null and b/liongram-api/posts/__pycache__/views.cpython-39.pyc differ
diff --git a/liongram-api/posts/admin.py b/liongram-api/posts/admin.py
new file mode 100644
index 0000000..04a0061
--- /dev/null
+++ b/liongram-api/posts/admin.py
@@ -0,0 +1,11 @@
+from django.contrib import admin
+from .models import Post, Comment
+# Register your models here.
+@admin.register(Post)
+
+class PostModelAdmin(admin.ModelAdmin):
+    pass
+
+@admin.register(Comment)
+class CommentModelAdmin(admin.ModelAdmin):
+    pass
diff --git a/liongram-api/posts/apps.py b/liongram-api/posts/apps.py
new file mode 100644
index 0000000..81782a2
--- /dev/null
+++ b/liongram-api/posts/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class PostsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "posts"
diff --git a/liongram-api/posts/migrations/0001_initial.py b/liongram-api/posts/migrations/0001_initial.py
new file mode 100644
index 0000000..0185071
--- /dev/null
+++ b/liongram-api/posts/migrations/0001_initial.py
@@ -0,0 +1,84 @@
+# Generated by Django 4.2.1 on 2023-05-29 09:57
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Post",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True, null=True, upload_to="", verbose_name="이미지"
+                    ),
+                ),
+                ("content", models.TextField(verbose_name="내용")),
+                (
+                    "created_at",
+                    models.DateTimeField(auto_now_add=True, verbose_name="작성일"),
+                ),
+                ("view_Count", models.IntegerField(default=0, verbose_name="조회수")),
+                (
+                    "writer",
+                    models.ForeignKey(
+                        blank=True,
+                        null=True,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
+            ],
+        ),
+        migrations.CreateModel(
+            name="Comment",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("content", models.TextField(verbose_name="내용")),
+                (
+                    "created_at",
+                    models.DateTimeField(auto_now_add=True, verbose_name="작성일"),
+                ),
+                (
+                    "post",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE, to="posts.post"
+                    ),
+                ),
+                (
+                    "writer",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
+            ],
+        ),
+    ]
diff --git a/liongram-api/posts/migrations/__init__.py b/liongram-api/posts/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram-api/posts/migrations/__pycache__/0001_initial.cpython-39.pyc b/liongram-api/posts/migrations/__pycache__/0001_initial.cpython-39.pyc
new file mode 100644
index 0000000..7915e9d
Binary files /dev/null and b/liongram-api/posts/migrations/__pycache__/0001_initial.cpython-39.pyc differ
diff --git a/liongram-api/posts/migrations/__pycache__/__init__.cpython-39.pyc b/liongram-api/posts/migrations/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..bdedbe7
Binary files /dev/null and b/liongram-api/posts/migrations/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram-api/posts/models.py b/liongram-api/posts/models.py
new file mode 100644
index 0000000..1b5f80f
--- /dev/null
+++ b/liongram-api/posts/models.py
@@ -0,0 +1,20 @@
+from django.db import models
+from django.contrib.auth import get_user_model
+
+User = get_user_model()
+
+# Create your models here.
+
+class Post(models.Model):
+    image = models.ImageField(verbose_name='이미지', null = True, blank = True ) # 사용자나 관리자나 field에 대한 이름을 지정
+    content = models.TextField(verbose_name='내용')
+    created_at = models.DateTimeField(verbose_name='작성일', auto_now_add=True) 
+    view_Count = models.IntegerField(verbose_name='조회수', default = 0)
+    writer = models.ForeignKey(to=User, on_delete=models.CASCADE, null = True, blank = True)
+    
+
+class Comment(models.Model):
+    content = models.TextField(verbose_name='내용')
+    created_at = models.DateTimeField(verbose_name='작성일',auto_now_add=True)
+    post = models.ForeignKey(to='Post', on_delete=models.CASCADE)
+    writer = models.ForeignKey(to=User, on_delete=models.CASCADE)
\ No newline at end of file
diff --git a/liongram-api/posts/serializers.py b/liongram-api/posts/serializers.py
new file mode 100644
index 0000000..b479785
--- /dev/null
+++ b/liongram-api/posts/serializers.py
@@ -0,0 +1,40 @@
+from rest_framework.serializers import ModelSerializer, HyperlinkedModelSerializer
+from .models import Post,Comment
+
+class PostBaseModelSerializer(ModelSerializer):
+    class Meta:
+        model = Post
+        fields= '__all__'
+        
+        
+class PostListModelSerializer(PostBaseModelSerializer):
+    
+    class Meta(PostBaseModelSerializer.Meta):
+        fields = ['id',
+                  'image',
+                  'created_at',
+                  'view_Count',
+                  'writer',
+        ]
+        depth=1
+class PostRetrieveModelSerializer(PostBaseModelSerializer):
+    
+    class Meta(PostBaseModelSerializer.Meta):
+        depth=1
+        
+class PostCreateModelSerializer(PostBaseModelSerializer):
+    class Meta(PostBaseModelSerializer.Meta):
+        fields=[
+            'image',
+            'content',
+        ]
+
+
+class PostDeleteModelSerializer(PostBaseModelSerializer):
+    
+    pass
+
+class CommentListModelSerializer(ModelSerializer):
+    class Meta:
+        model = Comment
+        fields = '__all__'
diff --git a/liongram-api/posts/tests.py b/liongram-api/posts/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/liongram-api/posts/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/liongram-api/posts/views.py b/liongram-api/posts/views.py
new file mode 100644
index 0000000..aff853b
--- /dev/null
+++ b/liongram-api/posts/views.py
@@ -0,0 +1,121 @@
+from django.shortcuts import render
+from rest_framework.views import APIView
+
+from rest_framework.viewsets import ModelViewSet
+from rest_framework.response import Response
+from rest_framework.decorators import api_view, action
+
+
+from rest_framework import generics,status
+
+from .models import Post, Comment
+from .serializers import PostBaseModelSerializer, PostListModelSerializer, PostCreateModelSerializer, PostRetrieveModelSerializer, CommentListModelSerializer
+
+
+
+
+
+# 게시글 목록
+class PostListCreateView(generics.ListAPIView, generics.CreateAPIView):
+    
+    queryset = Post.objects.all()
+    serializer_class = PostListModelSerializer
+    
+    def post(self, request, *args, **kwargs):
+        return self.create(request, *args, **kwargs)
+    
+    
+    def create(self, request, *args, **kwargs):
+        serializer = self.get_serializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+        # self.perform_create(serializer)
+        if request.user.is_authenticated:
+            serializer.save(writer=request.user)
+        else:
+            serializer.save()
+            
+            
+        headers = self.get_success_headers(serializer.data)
+        return Response(serializer.data, status=status.HTTP_201_CREATED, headers=headers)
+
+# 게시글 상세, tnwjd
+class PostRetrieveUpdateView(generics.RetrieveAPIView, generics.UpdateAPIView, generics.DestroyAPIView):
+    queryset = Post.objects.all()
+    serializer_class = PostRetrieveModelSerializer
+    
+    
+# 게시글 수정
+
+
+# 게시글 삭제
+    
+class PostModelViewSet(ModelViewSet):
+    queryset = Post.objects.all()
+    serializer_class = PostListModelSerializer
+    @action(detail=True, methods=['get'])
+    def get_comment_all(self, request, pk=None):
+        post = self.get_object()
+        comment_all = post.comment_set.all()
+        serializer = CommentListModelSerializer(comment_all, many=True)
+        return Response(serializer.data)
+        
+
+@api_view()
+def calculator(request):
+    
+    num1 = request.GET.get('num1', 0)
+    num2 = request.GET.get('num2', 0)
+    operators = request.GET.get('operators')
+    
+    
+    if operators == '+':
+        result = int(num1) + int(num2)
+    elif operators == '-':
+        result = int(num1) - int(num2)
+    elif operators == '*':
+        result = int(num1) * int(num2)
+    elif operators == '/':
+        result = int(num1) / int(num2)
+    else:
+        result = 0 
+        
+    data={
+        'type':'FBV',
+        'result':result,
+    }
+    
+    return Response(data)
+
+class CalculatorAPIView(APIView):
+    
+    def get(self,request):
+        num1 = request.GET.get('num1', 0)
+        num2 = request.GET.get('num2', 0)
+        operators = request.GET.get('operators')
+        
+        
+        if operators == '+':
+            result = int(num1) + int(num2)
+        elif operators == '-':
+            result = int(num1) - int(num2)
+        elif operators == '*':
+            result = int(num1) * int(num2)
+        elif operators == '/':
+            result = int(num1) / int(num2)
+        else:
+            result = 0 
+            
+        data={
+            'type':'CBV',
+            'result':result,
+        }
+        return Response(data)
+    
+    def post(self, request):
+        data={
+            'type':'CBV',
+            'method':'POST',
+            'result':0,
+        }
+        return Response(data)
+# Create your views here.
diff --git a/liongram-api/user.png b/liongram-api/user.png
new file mode 100644
index 0000000..05ece83
Binary files /dev/null and b/liongram-api/user.png differ
diff --git a/liongram/accounts/__init__.py b/liongram/accounts/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram/accounts/__pycache__/__init__.cpython-39.pyc b/liongram/accounts/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..ebe1dff
Binary files /dev/null and b/liongram/accounts/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/accounts/__pycache__/admin.cpython-39.pyc b/liongram/accounts/__pycache__/admin.cpython-39.pyc
new file mode 100644
index 0000000..4f13e4a
Binary files /dev/null and b/liongram/accounts/__pycache__/admin.cpython-39.pyc differ
diff --git a/liongram/accounts/__pycache__/apps.cpython-39.pyc b/liongram/accounts/__pycache__/apps.cpython-39.pyc
new file mode 100644
index 0000000..65890d4
Binary files /dev/null and b/liongram/accounts/__pycache__/apps.cpython-39.pyc differ
diff --git a/liongram/accounts/__pycache__/forms.cpython-39.pyc b/liongram/accounts/__pycache__/forms.cpython-39.pyc
new file mode 100644
index 0000000..4b2343d
Binary files /dev/null and b/liongram/accounts/__pycache__/forms.cpython-39.pyc differ
diff --git a/liongram/accounts/__pycache__/models.cpython-39.pyc b/liongram/accounts/__pycache__/models.cpython-39.pyc
new file mode 100644
index 0000000..6f565e3
Binary files /dev/null and b/liongram/accounts/__pycache__/models.cpython-39.pyc differ
diff --git a/liongram/accounts/__pycache__/urls.cpython-39.pyc b/liongram/accounts/__pycache__/urls.cpython-39.pyc
new file mode 100644
index 0000000..b9ecc50
Binary files /dev/null and b/liongram/accounts/__pycache__/urls.cpython-39.pyc differ
diff --git a/liongram/accounts/__pycache__/views.cpython-39.pyc b/liongram/accounts/__pycache__/views.cpython-39.pyc
new file mode 100644
index 0000000..3127cf2
Binary files /dev/null and b/liongram/accounts/__pycache__/views.cpython-39.pyc differ
diff --git a/liongram/accounts/admin.py b/liongram/accounts/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/liongram/accounts/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/liongram/accounts/apps.py b/liongram/accounts/apps.py
new file mode 100644
index 0000000..0cb51e6
--- /dev/null
+++ b/liongram/accounts/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class AccountsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "accounts"
diff --git a/liongram/accounts/forms.py b/liongram/accounts/forms.py
new file mode 100644
index 0000000..5d3b4b9
--- /dev/null
+++ b/liongram/accounts/forms.py
@@ -0,0 +1,17 @@
+from django import forms
+from django.contrib.auth import get_user_model
+from django.contrib.auth.forms import UserCreationForm
+class UserBaseForm(forms.ModelForm):
+    class Meta:
+        model = get_user_model()
+        fields = '__all__'
+
+class SignUpForm(UserCreationForm):
+    class Meta(UserCreationForm.Meta):
+        model = get_user_model()
+        fields = ['username','email'] 
+
+# class UserCreateForm(UserBaseForm):
+#     password2 = forms.CharField(widget=forms.PasswordInput())
+#     class Meta(UserBaseForm.Meta):
+#         fields=['username','email','phone','password']
\ No newline at end of file
diff --git a/liongram/accounts/migrations/__init__.py b/liongram/accounts/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram/accounts/migrations/__pycache__/__init__.cpython-39.pyc b/liongram/accounts/migrations/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..cc0c192
Binary files /dev/null and b/liongram/accounts/migrations/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/accounts/models.py b/liongram/accounts/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/liongram/accounts/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/liongram/accounts/tests.py b/liongram/accounts/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/liongram/accounts/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/liongram/accounts/urls.py b/liongram/accounts/urls.py
new file mode 100644
index 0000000..dd71cb9
--- /dev/null
+++ b/liongram/accounts/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from .views import signup_view, login_view, logout_view
+
+app_name = 'accounts'
+urlpatterns=[
+    path('signup/', signup_view, name="signup"),
+    path('login/', login_view, name="login"),
+    path('logout/', logout_view, name="logout")
+]
\ No newline at end of file
diff --git a/liongram/accounts/views.py b/liongram/accounts/views.py
new file mode 100644
index 0000000..f6ec34c
--- /dev/null
+++ b/liongram/accounts/views.py
@@ -0,0 +1,70 @@
+from django.shortcuts import render,redirect
+from .forms import SignUpForm
+from django.contrib.auth.forms import AuthenticationForm  
+from django.contrib.auth import login, logout
+from users.models import User
+# from django.contrib.auth.forms import UserCreationForm
+
+def signup_view(request):
+    
+    if request.method == 'GET':
+        form = SignUpForm 
+        context = {
+            "form":form,
+        }
+        return render(request, 'accounts/signup.html',context)
+    
+    elif request.method == 'POST':
+        form = SignUpForm(request.POST)
+
+        if form.is_valid():
+            form.save()
+            return redirect('index')
+        else:
+            context={
+                "form":form
+            }
+            return render(request, 'accounts/signup.html')
+
+# Create your views here.
+
+def login_view(request):
+    
+    if request.method == 'GET' :
+        form =AuthenticationForm()
+        context={
+            "form":form,
+        }
+        return render(request, 'accounts/login.html',context)
+    elif request.method == 'POST':
+        form = AuthenticationForm(request, data=request.POST)
+
+        if form.is_valid():
+            login(request,form.user_cache) # 로그인이 되었다면 user_cache에 그 정보가 들어갔을 것
+
+            return redirect('index')
+        else:
+            context = {
+                'form':form,
+            }
+            return render(request,'accounts/login.html',context)
+        
+
+
+        # username = request.POST.get('username')
+        # if username =='' or username == None:
+        #     pass
+        # user= User.objects.get(username==username)
+        # if user == None:
+        #     pass
+        # password = request.POST.get('password')
+def logout_view(request):
+    #데이터 유효성 검사
+    if request.user.is_authenticated:
+        #비즈니스 로직 처리 - 로그아웃
+        
+        logout(request)
+    #비즈니스 로직 처리
+    #응답
+
+    return redirect('index')
\ No newline at end of file
diff --git a/liongram/config/__pycache__/__init__.cpython-39.pyc b/liongram/config/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..b25df24
Binary files /dev/null and b/liongram/config/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/config/__pycache__/settings.cpython-39.pyc b/liongram/config/__pycache__/settings.cpython-39.pyc
new file mode 100644
index 0000000..743c6a0
Binary files /dev/null and b/liongram/config/__pycache__/settings.cpython-39.pyc differ
diff --git a/liongram/config/__pycache__/urls.cpython-39.pyc b/liongram/config/__pycache__/urls.cpython-39.pyc
new file mode 100644
index 0000000..f9c27d2
Binary files /dev/null and b/liongram/config/__pycache__/urls.cpython-39.pyc differ
diff --git a/liongram/config/__pycache__/wsgi.cpython-39.pyc b/liongram/config/__pycache__/wsgi.cpython-39.pyc
new file mode 100644
index 0000000..776ad67
Binary files /dev/null and b/liongram/config/__pycache__/wsgi.cpython-39.pyc differ
diff --git a/liongram/config/settings.py b/liongram/config/settings.py
index bd823c6..7a92d40 100644
--- a/liongram/config/settings.py
+++ b/liongram/config/settings.py
@@ -37,7 +37,10 @@
     "django.contrib.sessions",
     "django.contrib.messages",
     "django.contrib.staticfiles",
+    "users",
     "posts",
+    "accounts",
+    "debug_toolbar",
 ]
 
 MIDDLEWARE = [
@@ -48,6 +51,7 @@
     "django.contrib.auth.middleware.AuthenticationMiddleware",
     "django.contrib.messages.middleware.MessageMiddleware",
     "django.middleware.clickjacking.XFrameOptionsMiddleware",
+    "debug_toolbar.middleware.DebugToolbarMiddleware",
 ]
 
 ROOT_URLCONF = "config.urls"
@@ -117,8 +121,23 @@
 # https://docs.djangoproject.com/en/4.2/howto/static-files/
 
 STATIC_URL = "static/"
+STATICFILES_DIRS = [
+    BASE_DIR / "static"
+]
+
+MEDIA_URL ='media/'
+MEDIA_ROOT = BASE_DIR / 'media'
+
 
 # Default primary key field type
 # https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field
 
 DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
+
+INTERNAL_IPS = [
+    # ...
+    "127.0.0.1",
+    # ...
+]
+
+AUTH_USER_MODEL = 'users.User'
diff --git a/liongram/config/urls.py b/liongram/config/urls.py
index b17944a..5282be5 100644
--- a/liongram/config/urls.py
+++ b/liongram/config/urls.py
@@ -1,26 +1,10 @@
-"""
-URL configuration for config project.
-
-The `urlpatterns` list routes URLs to views. For more information please see:
-    https://docs.djangoproject.com/en/4.2/topics/http/urls/
-Examples:
-Function views
-    1. Add an import:  from my_app import views
-    2. Add a URL to urlpatterns:  path('', views.home, name='home')
-Class-based views
-    1. Add an import:  from other_app.views import Home
-    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
-Including another URLconf
-    1. Import the include() function: from django.urls import include, path
-    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
-"""
 from django.contrib import admin
 from django.urls import path, include
-
+from django.conf import settings
+from django.conf.urls.static import static
 from posts.views import url_view, url_param, function_view, class_view, index
 
 
-
 urlpatterns = [
     path('', index, name='index'),
     path("admin/", admin.site.urls),
@@ -28,5 +12,12 @@
     path('url/<str:username>/', url_param),
     path('fbv/', function_view),
     path('cbv/', class_view.as_view(), name='cbv'),
+    path('accounts/',include('accounts.urls',namespace='accounts')),
     path('posts/',include('posts.urls')),
+    path('__debug__/', include('debug_toolbar.urls')),
+
 ]
+
+
+    
+urlpatterns+= static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file
diff --git a/liongram/db.sqlite3 b/liongram/db.sqlite3
index 6f86512..3916c6b 100644
Binary files a/liongram/db.sqlite3 and b/liongram/db.sqlite3 differ
diff --git a/liongram/media/CSS-Only-Content-Slider.gif b/liongram/media/CSS-Only-Content-Slider.gif
new file mode 100644
index 0000000..2317385
Binary files /dev/null and b/liongram/media/CSS-Only-Content-Slider.gif differ
diff --git a/liongram/media/CSS-Only-Content-Slider_Fp8u7Sb.gif b/liongram/media/CSS-Only-Content-Slider_Fp8u7Sb.gif
new file mode 100644
index 0000000..2317385
Binary files /dev/null and b/liongram/media/CSS-Only-Content-Slider_Fp8u7Sb.gif differ
diff --git a/liongram/media/CSS-Only-Content-Slider_tAUfUa2.gif b/liongram/media/CSS-Only-Content-Slider_tAUfUa2.gif
new file mode 100644
index 0000000..2317385
Binary files /dev/null and b/liongram/media/CSS-Only-Content-Slider_tAUfUa2.gif differ
diff --git a/liongram/media/KakaoTalk_20230323_020017657.png b/liongram/media/KakaoTalk_20230323_020017657.png
new file mode 100644
index 0000000..d0bea07
Binary files /dev/null and b/liongram/media/KakaoTalk_20230323_020017657.png differ
diff --git a/liongram/media/KakaoTalk_20230323_020017657_EytD9xl.png b/liongram/media/KakaoTalk_20230323_020017657_EytD9xl.png
new file mode 100644
index 0000000..d0bea07
Binary files /dev/null and b/liongram/media/KakaoTalk_20230323_020017657_EytD9xl.png differ
diff --git a/liongram/media/KakaoTalk_20230323_020017657_dhoP1iC.png b/liongram/media/KakaoTalk_20230323_020017657_dhoP1iC.png
new file mode 100644
index 0000000..d0bea07
Binary files /dev/null and b/liongram/media/KakaoTalk_20230323_020017657_dhoP1iC.png differ
diff --git a/liongram/media/KakaoTalk_20230323_020017657_jnYhm4a.png b/liongram/media/KakaoTalk_20230323_020017657_jnYhm4a.png
new file mode 100644
index 0000000..d0bea07
Binary files /dev/null and b/liongram/media/KakaoTalk_20230323_020017657_jnYhm4a.png differ
diff --git "a/liongram/media/\352\262\260\352\263\2741.png" "b/liongram/media/\352\262\260\352\263\2741.png"
new file mode 100644
index 0000000..064e35a
Binary files /dev/null and "b/liongram/media/\352\262\260\352\263\2741.png" differ
diff --git "a/liongram/media/\352\262\260\352\263\2742.png" "b/liongram/media/\352\262\260\352\263\2742.png"
new file mode 100644
index 0000000..5537c39
Binary files /dev/null and "b/liongram/media/\352\262\260\352\263\2742.png" differ
diff --git "a/liongram/media/\354\213\244\355\226\211\352\262\260\352\263\2742.png" "b/liongram/media/\354\213\244\355\226\211\352\262\260\352\263\2742.png"
new file mode 100644
index 0000000..90600f4
Binary files /dev/null and "b/liongram/media/\354\213\244\355\226\211\352\262\260\352\263\2742.png" differ
diff --git "a/liongram/media/\354\213\244\355\226\211\352\262\260\352\263\274_3.png" "b/liongram/media/\354\213\244\355\226\211\352\262\260\352\263\274_3.png"
new file mode 100644
index 0000000..b1d33c9
Binary files /dev/null and "b/liongram/media/\354\213\244\355\226\211\352\262\260\352\263\274_3.png" differ
diff --git a/liongram/posts/__pycache__/__init__.cpython-39.pyc b/liongram/posts/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..65c18cc
Binary files /dev/null and b/liongram/posts/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/posts/__pycache__/admin.cpython-39.pyc b/liongram/posts/__pycache__/admin.cpython-39.pyc
new file mode 100644
index 0000000..6dd7265
Binary files /dev/null and b/liongram/posts/__pycache__/admin.cpython-39.pyc differ
diff --git a/liongram/posts/__pycache__/apps.cpython-39.pyc b/liongram/posts/__pycache__/apps.cpython-39.pyc
new file mode 100644
index 0000000..86d91a6
Binary files /dev/null and b/liongram/posts/__pycache__/apps.cpython-39.pyc differ
diff --git a/liongram/posts/__pycache__/forms.cpython-39.pyc b/liongram/posts/__pycache__/forms.cpython-39.pyc
new file mode 100644
index 0000000..3017133
Binary files /dev/null and b/liongram/posts/__pycache__/forms.cpython-39.pyc differ
diff --git a/liongram/posts/__pycache__/models.cpython-39.pyc b/liongram/posts/__pycache__/models.cpython-39.pyc
new file mode 100644
index 0000000..14a44b7
Binary files /dev/null and b/liongram/posts/__pycache__/models.cpython-39.pyc differ
diff --git a/liongram/posts/__pycache__/urls.cpython-39.pyc b/liongram/posts/__pycache__/urls.cpython-39.pyc
new file mode 100644
index 0000000..5da85a2
Binary files /dev/null and b/liongram/posts/__pycache__/urls.cpython-39.pyc differ
diff --git a/liongram/posts/__pycache__/views.cpython-39.pyc b/liongram/posts/__pycache__/views.cpython-39.pyc
new file mode 100644
index 0000000..e27d1f5
Binary files /dev/null and b/liongram/posts/__pycache__/views.cpython-39.pyc differ
diff --git a/liongram/posts/admin.py b/liongram/posts/admin.py
index c690126..4043abd 100644
--- a/liongram/posts/admin.py
+++ b/liongram/posts/admin.py
@@ -18,11 +18,11 @@ class CommentInline(admin.TabularInline): # 댓글 정렬이 가로로
 #     verbose_name_plural = "댓글" #복수형
     
 class PostModelAdmin(admin.ModelAdmin):
-    list_display = ('id', 'image', 'content', 'date', 'view_Count', 'writer') #보여질 필드 설정
-    list_filter = ('date',) #필터 옵션
+    list_display = ('id', 'image', 'content', 'created_at', 'view_Count', 'writer') #보여질 필드 설정
+    list_filter = ('created_at',) #필터 옵션
     search_fields = ('id','writer__username') #검색 가능 한 필드 설정
     search_help_text = "게시판 번호, 작성자 검색이 가능합니다." # 검색창 밑에 뜰 문장
-    readonly_fields = ('date', ) # 올린 날짜 보이는데 readonly 로
+    readonly_fields = ('created_at', ) # 올린 날짜 보이는데 readonly 로
     inlines = [CommentInline] #게시글에 댓글 보이도록 설정
     actions = ['make_published']
     
diff --git a/liongram/posts/forms.py b/liongram/posts/forms.py
new file mode 100644
index 0000000..2a3bda5
--- /dev/null
+++ b/liongram/posts/forms.py
@@ -0,0 +1,32 @@
+from django.core.exceptions import ValidationError
+from django import forms
+from .models import Post
+
+# class PostBaseForm(forms.Form):
+#     CATEGORY_CHOICES = [
+#         ('1', '일반'),
+#         ('2', '계정'),
+#     ]
+#     image = forms.ImageField(label="이미지")
+#     content = forms.CharField(label="내용",widget=forms.Textarea)
+    # category = forms.ChoiceField(label="카테고리", choices=CATEGORY_CHOICES)
+
+
+class PostBaseForm(forms.ModelForm):    
+    class Meta:
+        model = Post
+        fields = '__all__'
+        
+class PostCreateForm(PostBaseForm):
+    class Meta(PostBaseForm.Meta):
+        fields = ['image','content']
+        
+        
+    def clean_content(self):
+        data = self.cleaned_data["content"]
+        if "비속어" not in data:
+            raise ValidationError("비속어는 사용하실 수 없습니다")
+
+        # Always return a value to use as the new cleaned data, even if
+        # this method didn't change it.
+        return data
\ No newline at end of file
diff --git a/liongram/posts/migrations/0004_rename_date_comment_created_at_and_more.py b/liongram/posts/migrations/0004_rename_date_comment_created_at_and_more.py
new file mode 100644
index 0000000..3a38736
--- /dev/null
+++ b/liongram/posts/migrations/0004_rename_date_comment_created_at_and_more.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.1 on 2023-05-16 04:28
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("posts", "0003_alter_comment_date"),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name="comment",
+            old_name="date",
+            new_name="created_at",
+        ),
+        migrations.RenameField(
+            model_name="post",
+            old_name="date",
+            new_name="created_at",
+        ),
+    ]
diff --git a/liongram/posts/migrations/__pycache__/0001_initial.cpython-39.pyc b/liongram/posts/migrations/__pycache__/0001_initial.cpython-39.pyc
new file mode 100644
index 0000000..2a7e43d
Binary files /dev/null and b/liongram/posts/migrations/__pycache__/0001_initial.cpython-39.pyc differ
diff --git a/liongram/posts/migrations/__pycache__/0002_post_writer_alter_post_date_alter_post_image_and_more.cpython-39.pyc b/liongram/posts/migrations/__pycache__/0002_post_writer_alter_post_date_alter_post_image_and_more.cpython-39.pyc
new file mode 100644
index 0000000..2e94465
Binary files /dev/null and b/liongram/posts/migrations/__pycache__/0002_post_writer_alter_post_date_alter_post_image_and_more.cpython-39.pyc differ
diff --git a/liongram/posts/migrations/__pycache__/0003_alter_comment_date.cpython-39.pyc b/liongram/posts/migrations/__pycache__/0003_alter_comment_date.cpython-39.pyc
new file mode 100644
index 0000000..b222197
Binary files /dev/null and b/liongram/posts/migrations/__pycache__/0003_alter_comment_date.cpython-39.pyc differ
diff --git a/liongram/posts/migrations/__pycache__/0004_rename_date_comment_created_at_and_more.cpython-39.pyc b/liongram/posts/migrations/__pycache__/0004_rename_date_comment_created_at_and_more.cpython-39.pyc
new file mode 100644
index 0000000..ffb0b7b
Binary files /dev/null and b/liongram/posts/migrations/__pycache__/0004_rename_date_comment_created_at_and_more.cpython-39.pyc differ
diff --git a/liongram/posts/migrations/__pycache__/__init__.cpython-39.pyc b/liongram/posts/migrations/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..2676b6b
Binary files /dev/null and b/liongram/posts/migrations/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/posts/models.py b/liongram/posts/models.py
index b962d05..1b5f80f 100644
--- a/liongram/posts/models.py
+++ b/liongram/posts/models.py
@@ -8,13 +8,13 @@
 class Post(models.Model):
     image = models.ImageField(verbose_name='이미지', null = True, blank = True ) # 사용자나 관리자나 field에 대한 이름을 지정
     content = models.TextField(verbose_name='내용')
-    date = models.DateTimeField(verbose_name='작성일', auto_now_add=True) 
+    created_at = models.DateTimeField(verbose_name='작성일', auto_now_add=True) 
     view_Count = models.IntegerField(verbose_name='조회수', default = 0)
     writer = models.ForeignKey(to=User, on_delete=models.CASCADE, null = True, blank = True)
     
 
 class Comment(models.Model):
     content = models.TextField(verbose_name='내용')
-    date = models.DateTimeField(verbose_name='작성일',auto_now_add=True)
+    created_at = models.DateTimeField(verbose_name='작성일',auto_now_add=True)
     post = models.ForeignKey(to='Post', on_delete=models.CASCADE)
     writer = models.ForeignKey(to=User, on_delete=models.CASCADE)
\ No newline at end of file
diff --git a/liongram/posts/urls.py b/liongram/posts/urls.py
index 116f473..5a3b027 100644
--- a/liongram/posts/urls.py
+++ b/liongram/posts/urls.py
@@ -1,13 +1,14 @@
 from django.urls import path
 
-from .views import post_create_view, post_update_view, post_list_view, post_delete_view, post_detail_view
+from .views import post_create_view, post_update_view, post_list_view, post_delete_view, post_detail_view,post_create_form_view
 
 app_name = 'posts'
 
 urlpatterns = [
     path('',post_list_view, name="post-list"),
-    path('new/', post_create_view),
-    path('<int:id>/', post_detail_view),
-    path('<int:id>/edit/', post_update_view),
-    path('<int:id>/delete/', post_delete_view),
+    path('create/', post_create_view, name="post-create"),
+    # path('create/', post_create_form_view, name="post-create"),
+    path('<int:id>/', post_detail_view, name="post-detail"),
+    path('<int:id>/edit/', post_update_view, name='post-update'),
+    path('<int:id>/delete/', post_delete_view, name="post-delete"),
 ]
diff --git a/liongram/posts/views.py b/liongram/posts/views.py
index a852c07..4d8d737 100644
--- a/liongram/posts/views.py
+++ b/liongram/posts/views.py
@@ -1,28 +1,104 @@
-from django.shortcuts import render
-from django.http import HttpResponse, JsonResponse
+from django.shortcuts import render, redirect, get_object_or_404
+from django.http import HttpResponse, JsonResponse, Http404
 
 from django.views.generic.list import ListView
-
+from django.contrib.auth.decorators import login_required
 from .models import Post
-
+from .forms import PostBaseForm,PostCreateForm
 
 def index(request):
-    return render(request, 'index.html')
+    post_list = Post.objects.all().order_by('-created_at')
+    context = {
+        'post_list' : post_list,
+    }
+    return render(request, 'index.html', context)
 
 def post_list_view(request):
-    return render(request, 'posts/post_list.html')
+    # post_list = Post.objects.all() # Post 모델 전체 데이터 조회
+    post_list = Post.objects.filter(writer = request.user) # Post.writer 가 현재 로그인한 사용자와 동일한 경우
+    context = {
+        'post_list' : post_list,
+    }
+    
+    return render(request, 'posts/post_list.html', context)
 
+# @login_required
 def post_create_view(request):
-    return render(request, 'posts/post_form.html')
+    if request.method == 'GET':
+        return render(request, 'posts/post_form.html')
+    else:
+        print(request.POST)
+        print(request.POST.get('content'))
+
+        image = request.FILES.get('image')
+        content = request.POST.get('content')
+        Post.objects.create(
+            image=image,
+            content=content,
+            writer=request.user
+        )
+        return redirect('index')
+
+def post_create_form_view(request):
+    if request.method == 'GET':
+        form = PostCreateForm()
+        context = {'form' : form}
+        return render(request, 'posts/post_form2.html', context)
+    else:
+        form = PostCreateForm(request.POST, request.FILES)
+        if form.is_valid():
+            Post.objects.create(
+                image=form.cleaned_data['image'],
+                content=form.cleaned_data['content'],
+                writer=request.user
+            )
+        else:
+            pass
+        return redirect('index')
+    
 
 def post_update_view(request, id):
-    return render(request, 'posts/post_form.html')
-
+    post = get_object_or_404(Post, id=id, writer=request.user)
+    if request.method =='GET':
+        context = {
+            'post':post,
+        }
+        return render(request, 'posts/post_form.html',context)
+    elif request.method =='POST':
+        new_image = request.FILES.get('image')
+        content = request.POST.get('content')
+        
+        if new_image:
+            post.image.delete()
+            post.image = new_image
+            
+        post.content = content
+        post.save()
+        return redirect('posts:post-detail',post.id)
+    
+@login_required
 def post_delete_view(request,id ):
-    return render(request, 'posts/post_confirm_delete.html')
+    post = get_object_or_404(Post, id=id)
+    if request.user != post.writer:
+        raise Http404("잘못된 접근입니다.")
+    if request.method =='GET':
+        context = {
+            'post':post,
+        }
+        return render(request, 'posts/post_confirm_delete.html',context)
+    elif request.method == 'POST':
+        post.delete()
+        return redirect('index')
 
 def post_detail_view(request,id ):
-    return render(request, 'posts/post_detail.html')
+    try:
+        post = Post.objects.get(id=id)
+    except Post.DoesNotExist:
+            return redirect('index')
+    context={
+        'post' : post,
+    }
+    return render(request, 'posts/post_detail.html',context)
 
 
 def url_view(request):
diff --git a/liongram/static/css/index.css b/liongram/static/css/index.css
new file mode 100644
index 0000000..a5034fc
--- /dev/null
+++ b/liongram/static/css/index.css
@@ -0,0 +1,113 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    max-width: 425px;
+}
+
+body {
+    font-family: 'Noto Sans KR', sans-serif;
+    margin: 0 auto 60px auto;
+}
+
+main {
+    background-color: #FAFAFA;
+}
+
+/* Font */
+.material-icons.md-18 {
+    font-size: 18px;
+}
+
+.material-icons.md-24 {
+    font-size: 24px;
+}
+
+.material-icons.md-36 {
+    font-size: 36px;
+}
+
+.material-icons.md-48 {
+    font-size: 48px;
+}
+
+/* Bottom Menu */
+.bottom-menu-group {
+    display: flex;
+    height: 60px;
+    align-items: center;
+    justify-content: space-around;
+    background-color: #FFFFFF;
+}
+
+/* Card */
+.card-list {
+    margin: 10px 0;
+    background-color: #FFFFFF;
+}
+
+.card__header {
+    display: flex;
+    align-items: center;
+    margin: 15px 0;
+    padding: 0 5px;
+}
+
+.card__user {
+    display: flex;
+    justify-items: center;
+    align-items: center;
+}
+
+.card__user-image {
+    margin: 0 5px;
+}
+
+.card__user-name {
+    font-weight: bold;
+    margin: 0 5px 0 0;
+}
+
+.card__body {
+    margin: 10px 0;
+}
+
+.card__image {
+    height: 450px;
+    width: 100%;
+    margin: 5px 0;
+    object-fit: cover;
+}
+
+.card__btn-group {
+    display: flex;
+    justify-content: space-between;
+    margin: 5px 0;
+    padding: 0 5px;
+}
+
+.card__btn {
+    margin: 0 5px;
+}
+
+.card_content {
+    display: flex;
+    flex-direction: column;
+    padding: 0 5px;
+}
+
+.card__like-num {
+    font-weight: bold;
+}
+
+.card__main-text {
+    margin: 10px 0;
+}
+
+.card__comment-group > li {
+    margin: 10px 0;
+}
+
+.card__created-at {
+    font-weight: lighter;
+    font-size: 0.8rem;
+}
\ No newline at end of file
diff --git a/liongram/static/css/reset.css b/liongram/static/css/reset.css
new file mode 100644
index 0000000..bafcd52
--- /dev/null
+++ b/liongram/static/css/reset.css
@@ -0,0 +1,60 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+ a, a:hover, a:focus, a:active {
+      text-decoration: none;
+      color: inherit;
+ }
+
+ a {
+  color: inherit; /* blue colors for links too */
+  text-decoration: inherit; /* no underline */
+}
+
+ a { color: inherit; }
\ No newline at end of file
diff --git a/liongram/static/icons/account_circle_black_36dp.svg b/liongram/static/icons/account_circle_black_36dp.svg
new file mode 100644
index 0000000..9bcb906
--- /dev/null
+++ b/liongram/static/icons/account_circle_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/account_circle_outlined_black_36dp.svg b/liongram/static/icons/account_circle_outlined_black_36dp.svg
new file mode 100644
index 0000000..43bb194
--- /dev/null
+++ b/liongram/static/icons/account_circle_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78C15.57 19.36 13.86 20 12 20s-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33C4.62 15.49 4 13.82 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/add_box_black_36dp.svg b/liongram/static/icons/add_box_black_36dp.svg
new file mode 100644
index 0000000..c442e22
--- /dev/null
+++ b/liongram/static/icons/add_box_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/add_box_outlined_black_36dp.svg b/liongram/static/icons/add_box_outlined_black_36dp.svg
new file mode 100644
index 0000000..22ae536
--- /dev/null
+++ b/liongram/static/icons/add_box_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-8-2h2v-4h4v-2h-4V7h-2v4H7v2h4z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/bookmark_black_36dp.svg b/liongram/static/icons/bookmark_black_36dp.svg
new file mode 100644
index 0000000..864ce61
--- /dev/null
+++ b/liongram/static/icons/bookmark_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/bookmark_outlined_black_36dp.svg b/liongram/static/icons/bookmark_outlined_black_36dp.svg
new file mode 100644
index 0000000..1ad87e5
--- /dev/null
+++ b/liongram/static/icons/bookmark_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/favorite_black_36dp.svg b/liongram/static/icons/favorite_black_36dp.svg
new file mode 100644
index 0000000..ae4104b
--- /dev/null
+++ b/liongram/static/icons/favorite_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/favorite_outlined_black_36dp.svg b/liongram/static/icons/favorite_outlined_black_36dp.svg
new file mode 100644
index 0000000..8726592
--- /dev/null
+++ b/liongram/static/icons/favorite_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/home_black_36dp.svg b/liongram/static/icons/home_black_36dp.svg
new file mode 100644
index 0000000..1992d25
--- /dev/null
+++ b/liongram/static/icons/home_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/home_outlined_black_36dp.svg b/liongram/static/icons/home_outlined_black_36dp.svg
new file mode 100644
index 0000000..29f4908
--- /dev/null
+++ b/liongram/static/icons/home_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/mode_comment_black_36dp.svg b/liongram/static/icons/mode_comment_black_36dp.svg
new file mode 100644
index 0000000..8304815
--- /dev/null
+++ b/liongram/static/icons/mode_comment_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/mode_comment_outlined_black_36dp.svg b/liongram/static/icons/mode_comment_outlined_black_36dp.svg
new file mode 100644
index 0000000..ba6c2f3
--- /dev/null
+++ b/liongram/static/icons/mode_comment_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 17.17L18.83 16H4V4h16v13.17zM20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/projectlion_row_logo.svg b/liongram/static/icons/projectlion_row_logo.svg
new file mode 100644
index 0000000..057efca
--- /dev/null
+++ b/liongram/static/icons/projectlion_row_logo.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="레이어_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 474 47" style="enable-background:new 0 0 474 47;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#222222;}
+</style>
+<path class="st0" d="M405.1,0C391.7,0,382,10.6,382,23.5v0.1c0,12.9,9.6,23.4,22.9,23.4S428,36.4,428,23.5v-0.1
+	C428.1,10.5,418.5,0,405.1,0z M418.1,23.6c0,7.5-6.1,13.5-13.6,13.4c-7.5,0-13.5-6.1-13.4-13.6v-0.1c0-7.5,6.1-13.5,13.6-13.4
+	c7.5,0,13.5,6.1,13.4,13.6l0,0V23.6z M364,1.1h9.9V46H364V1.1z M355.4,36.9v9h-34.6V1.2h9.9v35.2h24.8L355.4,36.9L355.4,36.9z
+	 M474,1.1V46h-9.6l-20.2-28.2V46h-9.6V1.2h9.6l20.2,28.5l0,0V1.2L474,1.1z M301.2,10.1h-14.6V46h-9.9V10.2h-14.6v-9h39L301.2,10.1z
+	 M186.3,9.9v8.6h23.4v8.8h-23.4v9.8h24.5v8.8h-34.4V1.1h34.4v8.8L186.3,9.9z M248.3,30.8c-1.9,3.9-5.9,6.4-10.3,6.3
+	c-7.1,0-12.4-5.8-12.4-13.6v-0.1c0-7.7,5.3-13.4,12.3-13.4c4.2-0.2,8.1,2.1,9.9,5.9h11.5C256.6,6.3,247.9-0.2,238,0
+	c-13.1,0-22.6,10.6-22.6,23.5v0.1c0,12.9,9.4,23.4,22.4,23.4c10.9,0,19.1-6.9,21.5-16.2H248.3z M168.5,1.1v31.4v0.1
+	c-0.1,7.9-7.5,14.3-16.8,14.4h-0.3c-1.2,0-2.4-0.1-3.6-0.3c-6-1.1-10.8-4.8-12.7-9.7c-0.5-1.2-0.8-2.5-0.8-3.9l0,0
+	c0-0.1,0-0.4,0-0.6l0,0l0,0l0,0l0,0v-0.3h10c0,0.1,0,0.2,0,0.3s0,0.5,0.1,0.8s0.1,0.4,0.2,0.7c0.9,2.1,2.8,3.5,5,3.8
+	c0.5,0.1,0.9,0.1,1.4,0.1h0.1c3.3,0,6-2.1,6.5-4.8c0.1-0.4,0.1-1.2,0.1-1.2v-9.5l0,0V10.2l0,0v-9L168.5,1.1z M108.9,0
+	c-13.3,0-23,10.6-23,23.5v0.1c0,12.9,9.6,23.4,22.9,23.4s23.1-10.6,23.1-23.5v-0.1C131.9,10.5,122.4,0,108.9,0L108.9,0z M122.4,23.6
+	c0,7.5-6.1,13.5-13.6,13.4c-7.5,0-13.5-6.1-13.4-13.6v-0.1c0-7.5,6.1-13.5,13.6-13.4c7.5,0,13.5,6.1,13.4,13.6l0,0V23.6z M21.6,1.1
+	H0V46h9.9V31.6h11.8c8.4,0,15.2-6.8,15.2-15.3C36.8,8,30,1.2,21.6,1.1L21.6,1.1z M20.7,22.6H9.8V10h10.9c3.5,0,6.3,2.8,6.3,6.3
+	S24.2,22.6,20.7,22.6L20.7,22.6L20.7,22.6z M71.6,30.6c7.9-3,11.9-11.8,8.9-19.6c-2.3-6-8-9.9-14.3-9.9H42.5V46h9.9V31.6h8.4
+	L70.9,46h11.5L71.6,30.6z M64.4,22.6h-12V10h12c3.5,0,6.3,2.8,6.3,6.3C70.8,19.8,67.9,22.6,64.4,22.6L64.4,22.6L64.4,22.6z"/>
+</svg>
diff --git a/liongram/static/icons/search_outlined_black_36dp.svg b/liongram/static/icons/search_outlined_black_36dp.svg
new file mode 100644
index 0000000..779fadd
--- /dev/null
+++ b/liongram/static/icons/search_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/send_black_36dp.svg b/liongram/static/icons/send_black_36dp.svg
new file mode 100644
index 0000000..c12446a
--- /dev/null
+++ b/liongram/static/icons/send_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
\ No newline at end of file
diff --git a/liongram/static/icons/send_outlined_black_36dp.svg b/liongram/static/icons/send_outlined_black_36dp.svg
new file mode 100644
index 0000000..5007d36
--- /dev/null
+++ b/liongram/static/icons/send_outlined_black_36dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4.01 6.03l7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3L2 10l15 2-15 2 .01 7L23 12 2.01 3z"/></svg>
\ No newline at end of file
diff --git a/liongram/templates/accounts/login.html b/liongram/templates/accounts/login.html
new file mode 100644
index 0000000..b34e300
--- /dev/null
+++ b/liongram/templates/accounts/login.html
@@ -0,0 +1,11 @@
+<!-- @format -->
+
+{% extends 'base.html' %} {% block title %}로그인{% endblock %} {% block content %}
+<h1>로그인</h1>
+<form action="{%url 'accounts:login' %}" method="POST" enctype="multipart/form-data"> {% csrf_token %}
+  <div>
+    {{form.as_p}}
+  </div>
+  <input type="submit" />
+</form>
+{% endblock %}
diff --git a/liongram/templates/accounts/signup.html b/liongram/templates/accounts/signup.html
new file mode 100644
index 0000000..fdb05df
--- /dev/null
+++ b/liongram/templates/accounts/signup.html
@@ -0,0 +1,11 @@
+<!-- @format -->
+
+{% extends 'base.html' %} {% block title %}회원 가입 {% endblock %} {% block content %}
+<h1>회원 가입</h1>
+<form action="{%url 'accounts:signup' %}" method="POST" enctype="multipart/form-data"> {% csrf_token %}
+  <div>
+    {{form.as_p}}
+  </div>
+  <input type="submit" />
+</form>
+{% endblock %}
diff --git a/liongram/templates/base.html b/liongram/templates/base.html
index 3aa49d5..b5ff2a1 100644
--- a/liongram/templates/base.html
+++ b/liongram/templates/base.html
@@ -1,13 +1,41 @@
+<!-- @format -->
+
+{% load static %}
+
 <!DOCTYPE html>
 <html lang="ko">
   <head>
     <meta charset="UTF-8" />
+    <link rel="stylesheet" href="{% static 'css/reset.css' %}">
+    <link rel="stylesheet" href="{% static 'css/index.css' %}">
     <title>{% block title %} {% endblock %} | 라이언그램</title>
   </head>
   <body>
+    <div>{% block content %} {% endblock %}</div>
     <div>
-        {% block content %}
-        {% endblock %}
+        <nav>
+          <ul class="bottom-menu-group">
+            <li>
+              <a href="{% url 'index' %}">
+                <img src="{% static 'icons/home_outlined_black_36dp.svg' %}" alt="홈">
+              </a>
+            </li>
+            <li><img src="{% static 'icons/search_outlined_black_36dp.svg' %}" alt="검색"></li>
+            <li>
+              <a href="{% url 'posts:post-create' %}">
+                <img src="{% static 'icons/add_box_outlined_black_36dp.svg' %}" alt="글쓰기">
+              </a>
+            </li> 
+            <li><img src="{% static 'icons/favorite_outlined_black_36dp.svg' %}" alt="좋아요"></li>
+            <li><img src="{% static 'icons/account_circle_outlined_black_36dp.svg' %}" alt="프로필"></li>
+          </ul>
+        </nav>
     </div>
+    {% if request.user.is_authenticated %}
+      <a href="{% url 'accounts:logout' %}">로그아웃</a>
+    {% else %}
+      <a href="{%url 'accounts:login' %}">로그인</a>
+      <a href="{%url 'accounts:signup' %}">회원가입</a>
+    {% endif %}
   </body>
 </html>
diff --git a/liongram/templates/index.html b/liongram/templates/index.html
index 20f7d65..76ac143 100644
--- a/liongram/templates/index.html
+++ b/liongram/templates/index.html
@@ -1,8 +1,12 @@
-{% extends 'base.html' %}
-{% block title %}인덱스{% endblock %} 
-{% block content %}
-<h1>인덱스 화면</h1>
-<ul>
-  <li><a href="{%url 'posts:post-list' %}">게시글 목록</a></li>
-</ul>
+<!-- @format -->
+
+{% extends 'base.html' %} {% load static %} {% block title %}인덱스{% endblock%}
+{% block content%}
+<main>
+  <div class="card-list">
+    {%for post in post_list%}
+      {% include 'mixin/posts/post_card.html' with showDetail=True %}
+    {% endfor %}
+  </div>
+</main>
 {% endblock %}
diff --git a/liongram/templates/mixin/posts/post_card.html b/liongram/templates/mixin/posts/post_card.html
new file mode 100644
index 0000000..af1826c
--- /dev/null
+++ b/liongram/templates/mixin/posts/post_card.html
@@ -0,0 +1,95 @@
+{% load static %}
+<div class="card">
+    <div class="card_header">
+      <img src="http://via.placeholder.com/32x32" alt="프로필이미지" />
+      <a href="#">
+        <span class="card__user-name"> {{post.writer}}</span>
+      </a>
+      {% if request.user == post.writer %}
+        <a href="{% url 'posts:post-update' post.id%}">수정하기</a> | 
+        <a href="{% url 'posts:post-delete' post.id%}">삭제하기</a>
+      {% endif %}
+    </div>
+    <div class="card__body">
+      <div>
+        {% if post.image %}
+        <img
+          class="card__image"
+          src="{{post.image.url}}"
+          alt="카드이미지"
+        />
+        {% else %}
+        <img
+          class="card__image"
+          src="http://via.placeholder.com/600x600"
+          alt="카드이미지"
+        />
+        {% endif %}
+      </div>
+      <div class="card__btn-group">
+        <div>
+          <img
+            class="card__btn"
+            src="{% static 'icons/favorite_outlined_black_36dp.svg'%}"
+            alt="좋아요"
+          />
+          <img
+            class="card__btn"
+            src="{% static 'icons/mode_comment_outlined_black_36dp.svg'%}"
+            alt="댓글"
+          />
+          <img
+            class="card__btn"
+            src="{% static 'icons/send_outlined_black_36dp.svg'%}"
+            alt="공유하기"
+          />
+        </div>
+        <div>
+          <img
+            class="card__btn"
+            src="{% static 'icons/bookmark_outlined_black_36dp.svg'%}"
+            alt="북마크"
+          />
+        </div>
+      </div>
+        <div class="card_content">
+          <span class="card__likenum">좋아요 00개</span>
+          <div class="card__main-text">
+            <p><span class="card__user-name">{{post.writer}}</span>
+              {%if showDetail %}
+                {{post.content | truncatechars:35}}
+              {% else %}              
+                {{post.content}}
+              {% endif %}
+            </p>
+            {% if showDetail %}
+              <a href="{%url 'posts:post-detail' post.id %}">더보기</a>
+            {% endif %}
+          </div>
+          <div>
+            <p>댓글 {{post.comment_set.all.count}}개 
+              {% if showDetail %}
+                <a href="{%url 'posts:post-detail' post.id %}">모두 보기</a>
+              {% endif %}
+              </p>
+            <ul class="card__comment-group">
+              {%if showDetail %}
+                {% for comment in post.comment_set.all|slice:":2" %}ㅌ
+                <li>
+                  <p><span class="card__user-name">{{comment.writer}}</span>{{comment.content}}</p>
+                </li>
+                {% endfor %}
+              {% else %}
+                {% for comment in post.comment_set.all %}
+                <li>
+                  <p><span class="card__user-name">{{comment.writer}}</span>{{comment.content}}</p>
+                </li>
+                {% endfor %}
+              {% endif %}
+            </ul>
+            <p class="card__created-at">{{post.created_at | date:"Y M d일"}}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/liongram/templates/posts/post_cofirm_delete.html b/liongram/templates/posts/post_cofirm_delete.html
deleted file mode 100644
index e5ba900..0000000
--- a/liongram/templates/posts/post_cofirm_delete.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- @format -->
-
-{% extends 'base.html' %} {% block title %}글 삭제 {% endblock %} 
-{% block content %}
-<h1>Post 삭제 화면</h1>
-{% endblock %}
diff --git a/liongram/templates/posts/post_confirm_delete.html b/liongram/templates/posts/post_confirm_delete.html
new file mode 100644
index 0000000..da64b61
--- /dev/null
+++ b/liongram/templates/posts/post_confirm_delete.html
@@ -0,0 +1,16 @@
+<!-- @format -->
+
+{% extends 'base.html' %} {% block title %}글 삭제 {% endblock %} 
+{% block content %}
+<h1>Post 삭제 화면</h1>
+<form action="" method="POST">
+    {% csrf_token %}
+    <p>한번 삭제된 데이터는 복구가 불가능 합니다.</p><br>
+    <p>그래도 삭제하시겠습니까? ID : {{post.id}}</p>
+    <br><br>
+    <a href="{% url 'index' %}">돌아가기</a>
+    <input type="submit" value="삭제하기">
+</form>
+<hr>
+{%include 'mixin/posts/post_card.html' with showDetail=False%}
+{% endblock %}
diff --git a/liongram/templates/posts/post_detail.html b/liongram/templates/posts/post_detail.html
index 3bf33c0..7e68427 100644
--- a/liongram/templates/posts/post_detail.html
+++ b/liongram/templates/posts/post_detail.html
@@ -3,4 +3,5 @@
 {% extends 'base.html' %} {% block title %}글 상세 {% endblock %} 
 {% block content %}
 <h1>Post 상세 화면</h1>
+{%include 'mixin/posts/post_card.html' with showDetail=False%}
 {% endblock %}
diff --git a/liongram/templates/posts/post_form.html b/liongram/templates/posts/post_form.html
index 031504c..ce4f7b7 100644
--- a/liongram/templates/posts/post_form.html
+++ b/liongram/templates/posts/post_form.html
@@ -1,6 +1,27 @@
 <!-- @format -->
 
-{% extends 'base.html' %} {% block title %}글 입력 {% endblock %} 
-{% block content %}
+{% extends 'base.html' %} {% block title %}글 입력 {% endblock %} {% block content %}
 <h1>Post 입력 화면</h1>
+<form action="" method="POST" enctype="multipart/form-data"> {% csrf_token %}
+  <div>
+    <label for="id_image">이미지</label>
+    {% if post.image %}
+      <p>현재 : <a href="{{post.image.url}}">{{post.image.name}}</a></p>
+      <p>변경 : <input type="file" name="image" accept="image/*" id="id_image" /></p>
+    {% else %}
+      <input type="file" name="image" accept="image/*" id="id_image" />
+    {% endif %}
+  </div>
+  <div>
+    <label for="id_content">내용</label>
+    <textarea name="content" id="id_content" cols="30" rows="10">
+      {% if post %}
+        {{post.content}}
+      {% endif %}
+    </textarea>
+  </div>
+  <div>
+    <input type="submit" />
+  </div>
+</form>
 {% endblock %}
diff --git a/liongram/templates/posts/post_form2.html b/liongram/templates/posts/post_form2.html
new file mode 100644
index 0000000..1f592d0
--- /dev/null
+++ b/liongram/templates/posts/post_form2.html
@@ -0,0 +1,14 @@
+<!-- @format -->
+
+{% extends 'base.html' %} {% block title %}글 입력 {% endblock %} {% block content %}
+<h1>Post 입력 화면</h1>
+<form action="" method="POST" enctype="multipart/form-data"> {% csrf_token %}
+  <div>
+    <!-- {{form.as_p}} -->
+    {%for field in form%}
+      <label for="{{field.id_for_label}}">{{field}}</label>
+    {%endfor%}
+  </div>
+  <input type="submit" />
+</form>
+{% endblock %}
diff --git a/liongram/templates/posts/post_list.html b/liongram/templates/posts/post_list.html
index 4968842..e6e3237 100644
--- a/liongram/templates/posts/post_list.html
+++ b/liongram/templates/posts/post_list.html
@@ -3,4 +3,14 @@
 {% extends 'base.html' %} {% block title %}글 목록 {% endblock %} 
 {% block content %}
 <h1>Post 목록 화면</h1>
+<!-- {{post_list}} -->
+{%for post in post_list%}
+    <div>
+        {{post.id}}
+        {{post.content}}
+        {{post.image}}
+        {{post.created_at}}
+        {{post.writer}}
+    </div>
+{% endfor  %}
 {% endblock %}
diff --git a/liongram/users/__init__.py b/liongram/users/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram/users/__pycache__/__init__.cpython-39.pyc b/liongram/users/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..f9f1c46
Binary files /dev/null and b/liongram/users/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/users/__pycache__/admin.cpython-39.pyc b/liongram/users/__pycache__/admin.cpython-39.pyc
new file mode 100644
index 0000000..73bef6c
Binary files /dev/null and b/liongram/users/__pycache__/admin.cpython-39.pyc differ
diff --git a/liongram/users/__pycache__/apps.cpython-39.pyc b/liongram/users/__pycache__/apps.cpython-39.pyc
new file mode 100644
index 0000000..aa951e7
Binary files /dev/null and b/liongram/users/__pycache__/apps.cpython-39.pyc differ
diff --git a/liongram/users/__pycache__/models.cpython-39.pyc b/liongram/users/__pycache__/models.cpython-39.pyc
new file mode 100644
index 0000000..6328f67
Binary files /dev/null and b/liongram/users/__pycache__/models.cpython-39.pyc differ
diff --git a/liongram/users/admin.py b/liongram/users/admin.py
new file mode 100644
index 0000000..12114e6
--- /dev/null
+++ b/liongram/users/admin.py
@@ -0,0 +1,8 @@
+from django.contrib import admin
+from .models import User
+
+@admin.register(User)
+
+class UserModelAdmin(admin.ModelAdmin):
+    pass
+# Register your models here.
diff --git a/liongram/users/apps.py b/liongram/users/apps.py
new file mode 100644
index 0000000..88f7b17
--- /dev/null
+++ b/liongram/users/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class UsersConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "users"
diff --git a/liongram/users/migrations/0001_initial.py b/liongram/users/migrations/0001_initial.py
new file mode 100644
index 0000000..213ebc1
--- /dev/null
+++ b/liongram/users/migrations/0001_initial.py
@@ -0,0 +1,133 @@
+# Generated by Django 4.2.1 on 2023-05-23 06:05
+
+import django.contrib.auth.models
+import django.contrib.auth.validators
+from django.db import migrations, models
+import django.utils.timezone
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ("auth", "0012_alter_user_first_name_max_length"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="User",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("password", models.CharField(max_length=128, verbose_name="password")),
+                (
+                    "last_login",
+                    models.DateTimeField(
+                        blank=True, null=True, verbose_name="last login"
+                    ),
+                ),
+                (
+                    "is_superuser",
+                    models.BooleanField(
+                        default=False,
+                        help_text="Designates that this user has all permissions without explicitly assigning them.",
+                        verbose_name="superuser status",
+                    ),
+                ),
+                (
+                    "username",
+                    models.CharField(
+                        error_messages={
+                            "unique": "A user with that username already exists."
+                        },
+                        help_text="Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.",
+                        max_length=150,
+                        unique=True,
+                        validators=[
+                            django.contrib.auth.validators.UnicodeUsernameValidator()
+                        ],
+                        verbose_name="username",
+                    ),
+                ),
+                (
+                    "first_name",
+                    models.CharField(
+                        blank=True, max_length=150, verbose_name="first name"
+                    ),
+                ),
+                (
+                    "last_name",
+                    models.CharField(
+                        blank=True, max_length=150, verbose_name="last name"
+                    ),
+                ),
+                (
+                    "email",
+                    models.EmailField(
+                        blank=True, max_length=254, verbose_name="email address"
+                    ),
+                ),
+                (
+                    "is_staff",
+                    models.BooleanField(
+                        default=False,
+                        help_text="Designates whether the user can log into this admin site.",
+                        verbose_name="staff status",
+                    ),
+                ),
+                (
+                    "is_active",
+                    models.BooleanField(
+                        default=True,
+                        help_text="Designates whether this user should be treated as active. Unselect this instead of deleting accounts.",
+                        verbose_name="active",
+                    ),
+                ),
+                (
+                    "date_joined",
+                    models.DateTimeField(
+                        default=django.utils.timezone.now, verbose_name="date joined"
+                    ),
+                ),
+                ("phone", models.CharField(max_length=11, verbose_name="전화번호")),
+                (
+                    "groups",
+                    models.ManyToManyField(
+                        blank=True,
+                        help_text="The groups this user belongs to. A user will get all permissions granted to each of their groups.",
+                        related_name="user_set",
+                        related_query_name="user",
+                        to="auth.group",
+                        verbose_name="groups",
+                    ),
+                ),
+                (
+                    "user_permissions",
+                    models.ManyToManyField(
+                        blank=True,
+                        help_text="Specific permissions for this user.",
+                        related_name="user_set",
+                        related_query_name="user",
+                        to="auth.permission",
+                        verbose_name="user permissions",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "user",
+                "verbose_name_plural": "users",
+                "abstract": False,
+            },
+            managers=[
+                ("objects", django.contrib.auth.models.UserManager()),
+            ],
+        ),
+    ]
diff --git a/liongram/users/migrations/0002_alter_user_managers.py b/liongram/users/migrations/0002_alter_user_managers.py
new file mode 100644
index 0000000..8eb7f65
--- /dev/null
+++ b/liongram/users/migrations/0002_alter_user_managers.py
@@ -0,0 +1,20 @@
+# Generated by Django 4.2.1 on 2023-05-23 11:23
+
+from django.db import migrations
+import users.models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("users", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterModelManagers(
+            name="user",
+            managers=[
+                ("objects", users.models.UserManager()),
+            ],
+        ),
+    ]
diff --git a/liongram/users/migrations/__init__.py b/liongram/users/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/liongram/users/migrations/__pycache__/0001_initial.cpython-39.pyc b/liongram/users/migrations/__pycache__/0001_initial.cpython-39.pyc
new file mode 100644
index 0000000..193f605
Binary files /dev/null and b/liongram/users/migrations/__pycache__/0001_initial.cpython-39.pyc differ
diff --git a/liongram/users/migrations/__pycache__/0002_alter_user_managers.cpython-39.pyc b/liongram/users/migrations/__pycache__/0002_alter_user_managers.cpython-39.pyc
new file mode 100644
index 0000000..bc6a14a
Binary files /dev/null and b/liongram/users/migrations/__pycache__/0002_alter_user_managers.cpython-39.pyc differ
diff --git a/liongram/users/migrations/__pycache__/__init__.cpython-39.pyc b/liongram/users/migrations/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..7292c3f
Binary files /dev/null and b/liongram/users/migrations/__pycache__/__init__.cpython-39.pyc differ
diff --git a/liongram/users/models.py b/liongram/users/models.py
new file mode 100644
index 0000000..f11651e
--- /dev/null
+++ b/liongram/users/models.py
@@ -0,0 +1,39 @@
+from django.db import models
+from django.contrib.auth.models import AbstractUser, UserManager as DjangoUserManager
+
+class UserManager(DjangoUserManager):
+
+    def _create_user(self, username, email, password, **extra_fields):
+
+        if not email:
+            raise ValueError('이메일은 필수 값입니다.')
+        user = self.model(username=username, email=email, **extra_fields) #유저 생성
+        user.set_password(password) #db에 비밀번호를 그대로 넣지 않고 해싱해서 넣는다 매우 필수인듯
+        user.save() # 저장
+        user.save(using=self._db)
+        return user
+        
+    def create_user(self, username, email=None, password=None, **extra_fields):
+        extra_fields.setdefault('is_staff', False)
+        extra_fields.setdefault('is_superuser',False)
+        return self._create_user( username, email, password, **extra_fields)
+        
+    def create_superuser(self, username, email=None, password=None, **extra_fields):
+        extra_fields.setdefault('is_staff', True)
+        extra_fields.setdefault('is_superuser',True)
+        return self._create_user( username, email, password, **extra_fields)
+        
+
+
+
+class User(AbstractUser):
+    phone = models.CharField(verbose_name="전화번호",max_length=11)
+
+    objects = UserManager()
+
+
+# class UserInfo(models.Model):
+#     phone_sub = models.CharField(verbose_name='보조 전화번호',max_length=11)
+
+#     user = models.ForeignKey(to='User', on_delete=models.CASCADE)
+# # Create your models here.
diff --git a/liongram/users/tests.py b/liongram/users/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/liongram/users/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/liongram/users/views.py b/liongram/users/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/liongram/users/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/myblog/.gitignore b/myblog/.gitignore
new file mode 100644
index 0000000..f3d94a7
--- /dev/null
+++ b/myblog/.gitignore
@@ -0,0 +1 @@
+/myenv
\ No newline at end of file
diff --git a/myblog/.vscode/settings.json b/myblog/.vscode/settings.json
new file mode 100644
index 0000000..e69de29
diff --git a/myblog/accounts/__init__.py b/myblog/accounts/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/myblog/accounts/admin.py b/myblog/accounts/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/myblog/accounts/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/myblog/accounts/apps.py b/myblog/accounts/apps.py
new file mode 100644
index 0000000..0cb51e6
--- /dev/null
+++ b/myblog/accounts/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class AccountsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "accounts"
diff --git a/myblog/accounts/forms.py b/myblog/accounts/forms.py
new file mode 100644
index 0000000..7fd5df8
--- /dev/null
+++ b/myblog/accounts/forms.py
@@ -0,0 +1,10 @@
+from django import forms
+
+from django.contrib.auth.forms import UserCreationForm
+from django.contrib.auth import get_user_model
+
+class UserForm(UserCreationForm):
+    
+    class Meta:
+        model = get_user_model()
+        fields = ["username", "password1"]
\ No newline at end of file
diff --git a/myblog/accounts/migrations/__init__.py b/myblog/accounts/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/myblog/accounts/models.py b/myblog/accounts/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/myblog/accounts/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/myblog/accounts/tests.py b/myblog/accounts/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/myblog/accounts/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/myblog/accounts/urls.py b/myblog/accounts/urls.py
new file mode 100644
index 0000000..51645d2
--- /dev/null
+++ b/myblog/accounts/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from .views import signup_view, login_view, logout_view
+
+app_name = "accounts"
+urlpatterns=[
+    path("signup/",signup_view, name="signup"),
+    path("login/",login_view, name="login"),
+    path("logout/",logout_view, name="logout"),
+]
\ No newline at end of file
diff --git a/myblog/accounts/views.py b/myblog/accounts/views.py
new file mode 100644
index 0000000..7f2e1cb
--- /dev/null
+++ b/myblog/accounts/views.py
@@ -0,0 +1,62 @@
+from django.shortcuts import render,redirect
+import json
+from django.http import JsonResponse
+from .forms import UserForm
+from django.contrib.auth import login,logout
+from django.contrib.auth.forms import AuthenticationForm  
+# Create your views here.
+
+def signup_view(request):
+
+    if request.method =='GET':
+        form = UserForm()
+        context={
+            "form":form
+        }
+        return render(request, 'accounts/signup.html',context)
+    
+    elif request.method == 'POST':
+        form = UserForm(request.POST)
+
+        if form.is_valid():
+            form.save()
+            print(form)
+            return redirect('index')
+        else:
+            error_data = form.errors.as_json()
+            error_dict= json.loads(error_data)
+            # error_messages = {field: [error[0].message for error in error_list] for field, error_list in error_dict.items()}
+            print(error_dict)
+            return render(request, 'accounts/signup.html', {"error_messages" : error_dict})           
+        
+def login_view(request):
+    print("뭔데")
+
+    if request.method == 'GET':
+        form = AuthenticationForm()
+        context ={
+            "form":form
+        }
+        return render(request, 'accounts/login.html',context)
+    
+    elif request.method == 'POST':
+        form = AuthenticationForm(request, data=request.POST)
+
+        print(form.error_messages)
+
+        if form.is_valid():
+            login(request,form.user_cache)
+            return redirect('index')
+        else:
+            context={
+                'form':form,
+            }
+            return render(request, 'accounts/login.html', context)
+
+def logout_view(request):
+
+    if request.user.is_authenticated:
+
+        logout(request)
+
+    return redirect('index')
diff --git a/myblog/config/__init__.py b/myblog/config/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/myblog/config/__pycache__/__init__.cpython-39.pyc b/myblog/config/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..765f56d
Binary files /dev/null and b/myblog/config/__pycache__/__init__.cpython-39.pyc differ
diff --git a/myblog/config/__pycache__/settings.cpython-39.pyc b/myblog/config/__pycache__/settings.cpython-39.pyc
new file mode 100644
index 0000000..df7e670
Binary files /dev/null and b/myblog/config/__pycache__/settings.cpython-39.pyc differ
diff --git a/myblog/config/__pycache__/urls.cpython-39.pyc b/myblog/config/__pycache__/urls.cpython-39.pyc
new file mode 100644
index 0000000..0c12cb9
Binary files /dev/null and b/myblog/config/__pycache__/urls.cpython-39.pyc differ
diff --git a/myblog/config/__pycache__/wsgi.cpython-39.pyc b/myblog/config/__pycache__/wsgi.cpython-39.pyc
new file mode 100644
index 0000000..848900d
Binary files /dev/null and b/myblog/config/__pycache__/wsgi.cpython-39.pyc differ
diff --git a/myblog/config/asgi.py b/myblog/config/asgi.py
new file mode 100644
index 0000000..0fdc25c
--- /dev/null
+++ b/myblog/config/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for config project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.1/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings")
+
+application = get_asgi_application()
diff --git a/myblog/config/settings.py b/myblog/config/settings.py
new file mode 100644
index 0000000..a1ba2e3
--- /dev/null
+++ b/myblog/config/settings.py
@@ -0,0 +1,127 @@
+"""
+Django settings for config project.
+
+Generated by 'django-admin startproject' using Django 4.1.7.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.1/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/4.1/ref/settings/
+"""
+
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/4.1/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = "django-insecure-ev&my$)9ej6)c-p-j=opm9(n+y$$u8fj_57tf@a#7_ij5j%tv7"
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "django.contrib.staticfiles",
+    "posts",
+    "accounts",
+]
+
+MIDDLEWARE = [
+    "django.middleware.security.SecurityMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+]
+
+ROOT_URLCONF = "config.urls"
+
+TEMPLATES = [
+    {
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [BASE_DIR/'templates'],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.debug",
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = "config.wsgi.application"
+
+
+# Database
+# https://docs.djangoproject.com/en/4.1/ref/settings/#databases
+
+DATABASES = {
+    "default": {
+        "ENGINE": "django.db.backends.sqlite3",
+        "NAME": BASE_DIR / "db.sqlite3",
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/4.1/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/4.1/topics/i18n/
+
+LANGUAGE_CODE = "ko-kr"
+
+TIME_ZONE = "UTC"
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/4.1/howto/static-files/
+
+STATIC_URL = "static/"
+STATICFILES_DIRS = [
+    BASE_DIR / 'static',
+]
+# Default primary key field type
+# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
diff --git a/myblog/config/urls.py b/myblog/config/urls.py
new file mode 100644
index 0000000..06fe969
--- /dev/null
+++ b/myblog/config/urls.py
@@ -0,0 +1,10 @@
+from django.contrib import admin
+from django.urls import path,include
+from posts.views import index
+
+urlpatterns = [
+    path("",index,name='index'),
+    path("posts/",include('posts.urls')),
+    path("accounts/",include('accounts.urls')),
+    path("admin/", admin.site.urls),
+]
diff --git a/myblog/config/wsgi.py b/myblog/config/wsgi.py
new file mode 100644
index 0000000..1ee1797
--- /dev/null
+++ b/myblog/config/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for config project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/4.1/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings")
+
+application = get_wsgi_application()
diff --git a/myblog/db.sqlite3 b/myblog/db.sqlite3
new file mode 100644
index 0000000..63d090c
Binary files /dev/null and b/myblog/db.sqlite3 differ
diff --git a/myblog/manage.py b/myblog/manage.py
new file mode 100644
index 0000000..d28672e
--- /dev/null
+++ b/myblog/manage.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings")
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/myblog/posts/__init__.py b/myblog/posts/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/myblog/posts/__pycache__/__init__.cpython-39.pyc b/myblog/posts/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..493c561
Binary files /dev/null and b/myblog/posts/__pycache__/__init__.cpython-39.pyc differ
diff --git a/myblog/posts/__pycache__/admin.cpython-39.pyc b/myblog/posts/__pycache__/admin.cpython-39.pyc
new file mode 100644
index 0000000..86e40f2
Binary files /dev/null and b/myblog/posts/__pycache__/admin.cpython-39.pyc differ
diff --git a/myblog/posts/__pycache__/apps.cpython-39.pyc b/myblog/posts/__pycache__/apps.cpython-39.pyc
new file mode 100644
index 0000000..ca980b1
Binary files /dev/null and b/myblog/posts/__pycache__/apps.cpython-39.pyc differ
diff --git a/myblog/posts/__pycache__/models.cpython-39.pyc b/myblog/posts/__pycache__/models.cpython-39.pyc
new file mode 100644
index 0000000..48995b6
Binary files /dev/null and b/myblog/posts/__pycache__/models.cpython-39.pyc differ
diff --git a/myblog/posts/__pycache__/urls.cpython-39.pyc b/myblog/posts/__pycache__/urls.cpython-39.pyc
new file mode 100644
index 0000000..95fcb73
Binary files /dev/null and b/myblog/posts/__pycache__/urls.cpython-39.pyc differ
diff --git a/myblog/posts/__pycache__/views.cpython-39.pyc b/myblog/posts/__pycache__/views.cpython-39.pyc
new file mode 100644
index 0000000..7fc31fe
Binary files /dev/null and b/myblog/posts/__pycache__/views.cpython-39.pyc differ
diff --git a/myblog/posts/admin.py b/myblog/posts/admin.py
new file mode 100644
index 0000000..07242ac
--- /dev/null
+++ b/myblog/posts/admin.py
@@ -0,0 +1,18 @@
+from django.contrib import admin
+from .models import Post
+# Register your models here.
+
+class PostModelAdmin(admin.ModelAdmin):
+    list_display = ('id', 'title', 'content', 'created_at') #보여질 필드 설정
+    list_filter = ('created_at',) #필터 옵션
+    search_fields = ('id','writer__username') #검색 가능 한 필드 설정
+    search_help_text = "게시판 번호, 작성자 검색이 가능합니다." # 검색창 밑에 뜰 문장
+    readonly_fields = ('created_at', ) # 올린 날짜 보이는데 readonly 로
+    actions = ['make_published']
+    
+    def make_published(modeladmin, request, queryset):
+        for item in queryset:
+            item.content = '운영 규반 위정으로 인한 블라인드 처리'
+            item.save()
+
+admin.site.register(Post,PostModelAdmin)
\ No newline at end of file
diff --git a/myblog/posts/apps.py b/myblog/posts/apps.py
new file mode 100644
index 0000000..81782a2
--- /dev/null
+++ b/myblog/posts/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class PostsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "posts"
diff --git a/myblog/posts/migrations/0001_initial.py b/myblog/posts/migrations/0001_initial.py
new file mode 100644
index 0000000..e9ffe83
--- /dev/null
+++ b/myblog/posts/migrations/0001_initial.py
@@ -0,0 +1,38 @@
+# Generated by Django 4.2.1 on 2023-05-16 11:33
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = []
+
+    operations = [
+        migrations.CreateModel(
+            name="Post",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "title",
+                    models.CharField(
+                        blank=True, max_length=50, null=True, verbose_name="제목"
+                    ),
+                ),
+                ("content", models.TextField(verbose_name="내용")),
+                (
+                    "created_at",
+                    models.DateTimeField(auto_now_add=True, verbose_name="작성일"),
+                ),
+            ],
+        ),
+    ]
diff --git a/myblog/posts/migrations/0002_post_comment_count_post_like_count.py b/myblog/posts/migrations/0002_post_comment_count_post_like_count.py
new file mode 100644
index 0000000..1c2ee5b
--- /dev/null
+++ b/myblog/posts/migrations/0002_post_comment_count_post_like_count.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.1 on 2023-05-18 07:09
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("posts", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="post",
+            name="comment_count",
+            field=models.IntegerField(default=0, verbose_name="댓글 수"),
+        ),
+        migrations.AddField(
+            model_name="post",
+            name="like_count",
+            field=models.IntegerField(default=0, verbose_name="좋아요 수"),
+        ),
+    ]
diff --git a/myblog/posts/migrations/__init__.py b/myblog/posts/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/myblog/posts/migrations/__pycache__/0001_initial.cpython-39.pyc b/myblog/posts/migrations/__pycache__/0001_initial.cpython-39.pyc
new file mode 100644
index 0000000..3d2f46b
Binary files /dev/null and b/myblog/posts/migrations/__pycache__/0001_initial.cpython-39.pyc differ
diff --git a/myblog/posts/migrations/__pycache__/0002_post_comment_count_post_like_count.cpython-39.pyc b/myblog/posts/migrations/__pycache__/0002_post_comment_count_post_like_count.cpython-39.pyc
new file mode 100644
index 0000000..1a52fcc
Binary files /dev/null and b/myblog/posts/migrations/__pycache__/0002_post_comment_count_post_like_count.cpython-39.pyc differ
diff --git a/myblog/posts/migrations/__pycache__/__init__.cpython-39.pyc b/myblog/posts/migrations/__pycache__/__init__.cpython-39.pyc
new file mode 100644
index 0000000..61000fa
Binary files /dev/null and b/myblog/posts/migrations/__pycache__/__init__.cpython-39.pyc differ
diff --git a/myblog/posts/models.py b/myblog/posts/models.py
new file mode 100644
index 0000000..1f3e619
--- /dev/null
+++ b/myblog/posts/models.py
@@ -0,0 +1,12 @@
+from django.db import models
+
+# Create your models here.
+
+class Post(models.Model):
+    title = models.CharField(max_length=50,verbose_name="제목", null = True, blank = True)
+    content = models.TextField(verbose_name="내용")
+    created_at = models.DateTimeField(verbose_name="작성일", auto_now_add=True)
+    comment_count = models.IntegerField(verbose_name="댓글 수", default = 0)
+    like_count = models.IntegerField(verbose_name="좋아요 수", default = 0)
+    # def __str__(self):
+    #     return self.title,self.content
\ No newline at end of file
diff --git a/myblog/posts/tests.py b/myblog/posts/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/myblog/posts/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/myblog/posts/urls.py b/myblog/posts/urls.py
new file mode 100644
index 0000000..1fcc5ee
--- /dev/null
+++ b/myblog/posts/urls.py
@@ -0,0 +1,13 @@
+
+from django.contrib import admin
+from django.urls import path
+from .views import post_create_view,post_detail_view,post_edit_view,post_delete
+
+app_name = "posts"
+
+urlpatterns=[
+    path('create/', post_create_view, name="post-create"),
+    path('<int:id>/',post_detail_view, name="post-detail"),
+    path('<int:id>/edit',post_edit_view, name="post-edit"),
+    path('<int:id>/delete', post_delete, name="post-delete"),
+]
\ No newline at end of file
diff --git a/myblog/posts/views.py b/myblog/posts/views.py
new file mode 100644
index 0000000..7e18f8d
--- /dev/null
+++ b/myblog/posts/views.py
@@ -0,0 +1,57 @@
+from django.shortcuts import render,redirect,get_object_or_404
+from .models import Post
+# Create your views here.
+
+
+def index(request):
+    post_list = Post.objects.all().order_by('-created_at')
+    context={
+        'post_list' : post_list,
+    }
+    return render(request,'index.html',context)
+
+def post_create_view(request):
+    if request.method =='GET':
+        return render(request, 'posts/post_create.html')
+    elif request.method =='POST':
+        # print(request.POST)
+        # print(request.POST.get('post-title'))
+        post_title = request.POST.get('post-title')
+        post_content = request.POST.get('post-content')
+        Post.objects.create(
+            title=post_title,
+            content=post_content
+        )
+        return redirect('index')
+    
+def post_detail_view(request,id):
+    try:
+        post = Post.objects.get(id=id)
+    except Post.DoesNotExist:
+        redirect ('index')
+    context={
+        'post' : post,
+    }
+    return render(request,'posts/post_detail.html',context)
+
+def post_edit_view(request,id):
+    post = get_object_or_404(Post, id=id)
+    if request.method == 'GET':
+        context={
+            'post':post
+        }
+        return render(request,'posts/post_create.html',context)
+    elif request.method =='POST':
+        new_title =request.POST.get('post-title')
+        new_content = request.POST.get('post-content')
+        post.title= new_title
+        post.content = new_content
+        post.save()
+        return redirect('posts:post-detail',post.id)
+
+def post_delete(request,id):
+    post = get_object_or_404(Post, id=id)
+    
+    if request.method == 'POST':
+        post.delete()
+        return redirect('index')
\ No newline at end of file
diff --git a/myblog/static/css/index.css b/myblog/static/css/index.css
new file mode 100644
index 0000000..bea2de6
--- /dev/null
+++ b/myblog/static/css/index.css
@@ -0,0 +1,280 @@
+/** @format */
+
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.form-control{
+  height:50px;
+}
+.form-control:focus {
+  border-color: black;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.white-space {
+  height: 350px;
+}
+.division-wrapper {
+  width: 100%;
+  height: 50px;
+}
+.division-line {
+  width: 75%;
+  height: 1px;
+  background-color: lightgray;
+}
+.division-line-card {
+  width: 100%;
+  height: 1px;
+  background-color: lightgray;
+}
+.post-title {
+  height: 50px;
+  font-size: 24px;
+  font-weight: bold;
+}
+.post-content p {
+  margin: 5px 0px;
+}
+.post-bottom {
+  font-size: 18px;
+  margin: 20px 0px 10px 0px;
+  display: flex;
+  justify-content: space-between;
+  width: 250px;
+}
+.post-bottom p,
+span {
+  font-size: 13px;
+}
+.post-bottom-icon-align {
+  width: 20px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+.post-list-wrapper {
+  width: 100%;
+}
+.post-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  width: 75%;
+}
+.post-container {
+  width: 75%;
+  display: flex;
+  flex-direction: column;
+  height: 200px;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+.profile {
+  height: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  width: 75%;
+}
+.profile-top {
+  width: 75%;
+  display: flex;
+  justify-content: start;
+}
+.profile-top-img {
+  width: 160px;
+}
+.profile-top-intro {
+  font-size: 20px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  width: 70%;
+}
+.profile-top-img img {
+  width: 150px;
+  height: 150px;
+}
+
+.post-create-container {
+  width: 100%;
+  height: 100%;
+}
+.post-create-form {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.post-create-top {
+  margin-top: 100px;
+  width: 50%;
+  height: 100%;
+}
+
+.post-create-container textarea {
+  resize: none;
+  outline: none;
+  width: 100%;
+  border: none;
+  overflow: hidden;
+}
+.post-create-title {
+  height: 50px;
+  font-weight: bold;
+  font-size: 24px;
+  display: flex;
+  max-height: 1000px;
+  appearance: none;
+}
+.post-create-title::placeholder {
+  font-size: 24px;
+}
+.hrline {
+  width: 100%;
+  height: 1px;
+  background-color: rgba(211, 211, 211, 0.5);
+  margin-bottom: 30px;
+}
+.post-create-content-con {
+  height: 600px;
+  background: red;
+}
+.post-create-content {
+  height: 100%;
+  line-height: 1.5rem;
+}
+.post-create-bottom {
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background: rgba(211, 211, 211, 0.5);
+  height: 75px;
+}
+.post-detail-wrapper {
+  width: 100%;
+  margin-top: 50px;
+  display: flex;
+  justify-content: center;
+}
+.post-detail-container {
+  width: 50%;
+}
+.post-detail-title {
+  font-size: 45px;
+  font-weight: bold;
+  height: 80px;
+}
+.post-detail-bar {
+  display: flex;
+}
+.post-detail-bar-info {
+  width: 75%;
+  display: flex;
+  justify-content: start;
+}
+.post-detail-bar-buttons {
+  width: 25%;
+  display: flex;
+  justify-content: end;
+  margin-right: 15px;
+}
+.post-detail-bar-buttons button {
+  border: none;
+  background-color: white;
+  color: gray;
+}
+.post-detail-bar-buttons button:hover {
+  color: black;
+}
+
+.post-detail-main {
+  font-size: 24px;
+  margin-top: 6rem;
+  margin-bottom: 3rem;
+}
+.post-detail-bottom {
+  margin-top: 6rem;
+}
+.post-detail-main-likes {
+  width: 7rem;
+  height: 3rem;
+  border-radius: 3rem;
+  border: 1px solid lightgray;
+}
+.post-detail-like-con,
+.post-detail-like-count,
+.post-detail-share {
+  width: 2rem;
+}
+.post-detail-icons {
+  width: 1.3rem;
+  height: 1.3rem;
+}
+.post-detail-like-count p {
+  font-size: 0.8rem;
+}
+.modal-header,
+.modal-footer {
+  border-bottom: none;
+  border-top: none;
+}
+.signup-con {
+  width: 100%;
+  height: 100vh;
+}
+.my-3 {
+  margin-top: 2rem !important;
+  border: 1px solid lightgray;
+  border-radius: 2rem;
+  width: 550px;
+  height: 650px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.signup-header{
+  height:150px;
+  font-size:2rem;
+  margin-top:2.5rem;
+}
+
+.signup-form {
+  width: 100%;
+  height:100%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.signup-input{
+  width:50%;
+  margin-bottom:2rem;
+}
+.error-list{
+  width:50%;
+  font-size:0.8rem;
+  color:red;
+  margin-bottom:1rem;
+}
+.dropdown-button{
+  cursor:pointer;
+  fill:gray;
+}
+.dropdown-button:hover{
+  fill:black;
+}
+
+.dropdown-item:active{
+  color:black;
+  background:white;
+}
\ No newline at end of file
diff --git a/myblog/static/css/reset.css b/myblog/static/css/reset.css
new file mode 100644
index 0000000..4e0be14
--- /dev/null
+++ b/myblog/static/css/reset.css
@@ -0,0 +1,63 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+ a, a:hover, a:focus, a:active {
+      text-decoration: none;
+      color: inherit;
+ }
+
+ a {
+  color: inherit; /* blue colors for links too */
+  text-decoration: inherit; /* no underline */
+}
+
+ a { color: inherit; }
+ p{
+	line-height:1.3;
+ }
\ No newline at end of file
diff --git a/myblog/static/icons/arrow_drop_down_FILL0_wght400_GRAD0_opsz48.svg b/myblog/static/icons/arrow_drop_down_FILL0_wght400_GRAD0_opsz48.svg
new file mode 100644
index 0000000..46259f4
--- /dev/null
+++ b/myblog/static/icons/arrow_drop_down_FILL0_wght400_GRAD0_opsz48.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M480-360 280-559h400L480-360Z"/></svg>
\ No newline at end of file
diff --git a/myblog/static/icons/favorite_FILL0_wght400_GRAD0_opsz48.svg b/myblog/static/icons/favorite_FILL0_wght400_GRAD0_opsz48.svg
new file mode 100644
index 0000000..ccd13f3
--- /dev/null
+++ b/myblog/static/icons/favorite_FILL0_wght400_GRAD0_opsz48.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="m480 935-41-37q-105.768-97.121-174.884-167.561Q195 660 154 604.5T96.5 504Q80 459 80 413q0-90.155 60.5-150.577Q201 202 290 202q57 0 105.5 27t84.5 78q42-54 89-79.5T670 202q89 0 149.5 60.423Q880 322.845 880 413q0 46-16.5 91T806 604.5Q765 660 695.884 730.439 626.768 800.879 521 898l-41 37Zm0-79q101.236-92.995 166.618-159.498Q712 630 750.5 580t54-89.135q15.5-39.136 15.5-77.72Q820 347 778 304.5T670.225 262q-51.524 0-95.375 31.5Q531 325 504 382h-49q-26-56-69.85-88-43.851-32-95.375-32Q224 262 182 304.5t-42 108.816Q140 452 155.5 491.5t54 90Q248 632 314 698t166 158Zm0-297Z"/></svg>
\ No newline at end of file
diff --git a/myblog/static/icons/share_FILL0_wght400_GRAD0_opsz48.svg b/myblog/static/icons/share_FILL0_wght400_GRAD0_opsz48.svg
new file mode 100644
index 0000000..00e7bc8
--- /dev/null
+++ b/myblog/static/icons/share_FILL0_wght400_GRAD0_opsz48.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M727 976q-47.5 0-80.75-33.346Q613 909.307 613 861.669q0-6.669 1.5-16.312T619 828L316 652q-15 17-37 27.5T234 690q-47.5 0-80.75-33.25T120 576q0-47.5 33.25-80.75T234 462q23 0 44 9t38 26l303-174q-3-7.071-4.5-15.911Q613 298.25 613 290q0-47.5 33.25-80.75T727 176q47.5 0 80.75 33.25T841 290q0 47.5-33.25 80.75T727 404q-23.354 0-44.677-7.5T646 372L343 540q2 8 3.5 18.5t1.5 17.741q0 7.242-1.5 15Q345 599 343 607l303 172q15-14 35-22.5t46-8.5q47.5 0 80.75 33.25T841 862q0 47.5-33.25 80.75T727 976Zm.035-632Q750 344 765.5 328.465q15.5-15.535 15.5-38.5T765.465 251.5q-15.535-15.5-38.5-15.5T688.5 251.535q-15.5 15.535-15.5 38.5t15.535 38.465q15.535 15.5 38.5 15.5Zm-493 286Q257 630 272.5 614.465q15.5-15.535 15.5-38.5T272.465 537.5q-15.535-15.5-38.5-15.5T195.5 537.535q-15.5 15.535-15.5 38.5t15.535 38.465q15.535 15.5 38.5 15.5Zm493 286Q750 916 765.5 900.465q15.5-15.535 15.5-38.5T765.465 823.5q-15.535-15.5-38.5-15.5T688.5 823.535q-15.5 15.535-15.5 38.5t15.535 38.465q15.535 15.5 38.5 15.5ZM727 290ZM234 576Zm493 286Z"/></svg>
\ No newline at end of file
diff --git a/myblog/static/image/lion.png b/myblog/static/image/lion.png
new file mode 100644
index 0000000..8718dc8
Binary files /dev/null and b/myblog/static/image/lion.png differ
diff --git a/myblog/templates/accounts/login.html b/myblog/templates/accounts/login.html
new file mode 100644
index 0000000..1a87ede
--- /dev/null
+++ b/myblog/templates/accounts/login.html
@@ -0,0 +1,8 @@
+{% extends 'base.html'%}
+{% load static %}
+
+{% block content %}
+
+{%include 'mixin/accounts/container.html' with usage="login" %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/myblog/templates/accounts/signup.html b/myblog/templates/accounts/signup.html
new file mode 100644
index 0000000..4396327
--- /dev/null
+++ b/myblog/templates/accounts/signup.html
@@ -0,0 +1,8 @@
+{% extends 'base.html'%}
+{% load static %}
+
+{% block content %}
+
+{%include 'mixin/accounts/container.html' with usage="signup" %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/myblog/templates/base.html b/myblog/templates/base.html
new file mode 100644
index 0000000..9fce7f5
--- /dev/null
+++ b/myblog/templates/base.html
@@ -0,0 +1,40 @@
+{% load static%}
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+    <link rel="stylesheet" href="{%static 'css/index.css' %}">
+    <link rel="stylesheet" href="{%static 'css/reset.css' %}">
+    <title>{%block title%} {% endblock %}</title>
+</head>
+<body>
+      {% block content %} {% endblock %}
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
+<script>
+
+    var isNickValid = false
+    var isPassValid = false
+
+    function showModal(){
+        const myModal = document.getElementById('#exampleModal')
+        const myInput = document.getElementById('myInput')
+
+        myModal.addEventListener('shown.bs.modal', () => {
+            myInput.focus()
+        })
+    }
+
+    function signupModal(){
+        const myModal = document.getElementById('#signupModal')
+        const myInput = document.getElementById('myInput')
+
+        myModal.addEventListener('shown.bs.modal', () => {
+            myInput.focus()
+        })
+    }
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/myblog/templates/index.html b/myblog/templates/index.html
new file mode 100644
index 0000000..f775b49
--- /dev/null
+++ b/myblog/templates/index.html
@@ -0,0 +1,23 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %} 홈 {% endblock %}
+
+{% block content %}
+
+
+{%include 'mixin/posts/post_navbar.html'%}
+
+
+<div class="white-space-wrapper">
+  <div class="white-space flex-center">
+    {%include 'mixin/posts/profile.html' with usage="index" %}
+  </div>
+</div>
+  <div class="post-list-wrapper">
+    <div class="post-list flex-center">
+        <div class="post-card">
+            {% include 'mixin/posts/post_card.html'%}
+        </div>
+    </div>
+  </div>
+{% endblock %}
\ No newline at end of file
diff --git a/myblog/templates/mixin/accounts/container.html b/myblog/templates/mixin/accounts/container.html
new file mode 100644
index 0000000..56f1636
--- /dev/null
+++ b/myblog/templates/mixin/accounts/container.html
@@ -0,0 +1,66 @@
+<div class="signup-con flex-center">
+    <div style="margin-top:2rem;"class="container my-3" >
+        <div class="signup-header flex-center">
+            
+            <h1 style="font-weight:bold;">
+                {%if usage == "signup" %}
+                    회원가입 후 이야기를 나눠보세요
+                {% else %}
+                    로그인 후 이야기를 나눠보세요
+                {% endif %}
+            </h1>
+        </div>
+        <form class="signup-form flex-center"method="POST" 
+        action=
+        "{%if usage == 'signup'%}
+            {%url 'accounts:signup'%}
+        {% else %}
+            {%url 'accounts:login'%}
+        {% endif %}">
+        
+            {% csrf_token %}
+            <div class="signup-input">
+                <label style="margin-bottom:10px; font-size:1.1rem;" for="username">아이디</label>
+                <input type="text" class="form-control" name="username" id="username"
+                    value="{{ form.username.value|default_if_none:'' }}">
+            </div>
+            {%if usage == "signup" %}
+            <div class="signup-input">
+                <label style="margin-bottom:10px; font-size:1.1rem;" for="password1">비밀번호</label>
+                <input type="password" class="form-control" name="password1" id="password1"
+                    value="{{ form.password1.value|default_if_none:'' }}">
+            </div>
+            {% else %}
+            <div class="signup-input">
+                <label style="margin-bottom:10px; font-size:1.1rem;" for="password">비밀번호</label>
+                <input type="password" class="form-control" name="password" id="password"
+                    value="{{ form.password.value|default_if_none:'' }}">
+            </div>
+            {% endif %}
+            {%if usage == "signup" %}
+                <div class="signup-input" style="margin-bottom:1.5rem;">
+                    <label style="margin-bottom:10px; font-size:1.1rem;" for="password2">비밀번호 확인</label>
+                    <input type="password" class="form-control" name="password2" id="password2"
+                        value="{{ form.password2.value|default_if_none:'' }}">
+                </div>
+            {% endif %}
+
+            {% if error_messages %}
+                <ul class="error-list">
+                    {% for field, errors in error_messages.items %}
+                        {% for error in errors %}
+                          <li>{{ error.message }}</li>
+                        {% endfor %}
+                    {% endfor %}
+                </ul>
+            {% endif %}
+            <button style="width:125px;height:50px;"type="submit" class="btn btn-dark">
+                {%if usage == "signup" %}
+                    회원가입
+                {% else %}
+                    로그인
+                {% endif %}
+            </button>
+        </form>
+    </div>
+</div>
\ No newline at end of file
diff --git a/myblog/templates/mixin/accounts/modal_signup.html b/myblog/templates/mixin/accounts/modal_signup.html
new file mode 100644
index 0000000..6461009
--- /dev/null
+++ b/myblog/templates/mixin/accounts/modal_signup.html
@@ -0,0 +1,42 @@
+<div class="modal fade" id="signupModal" tabindex="-1" aria-labelledby="signupModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h1 class="modal-title fs-5" id="signupModalLabel">회원가입</h1>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <form method="POST" action="{% url 'accounts:signup' %}">
+        <div class="modal-body">
+            <div class="container my-3">                
+                    {% csrf_token %}
+                    <div class="mb-3">
+                        <label style="margin-bottom:10px;"for="username">사용자 이름</label>
+
+                        <input type="text" class="form-control" name="username" id="username"
+                               value="{{ form.username.value|default_if_none:'' }}">
+                    </div>
+                    <div class="mb-3">
+                        <label style="margin-bottom:10px;" for="password1">비밀번호</label>
+                        
+                        <input type="password" class="form-control" name="password1" id="password1"
+                               value="{{ form.password1.value|default_if_none:'' }}">
+                    </div>
+                    <div class="mb-3">
+                        <label style="margin-bottom:10px;" for="password2">비밀번호 확인</label>
+                        
+                        <input type="password" class="form-control" name="password2" id="password2"
+                               value="{{ form.password2.value|default_if_none:'' }}">
+                        {%if form.errors%}
+                            <span>{{form.errors}}</span>
+                        {% endif %}
+                    </div>
+                    
+                </div>
+            </div>
+            <div class="modal-footer">            
+                <button type="submit" class="btn btn-dark">생성하기</button>
+            </div>
+        </form>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/myblog/templates/mixin/posts/modal.html b/myblog/templates/mixin/posts/modal.html
new file mode 100644
index 0000000..577b686
--- /dev/null
+++ b/myblog/templates/mixin/posts/modal.html
@@ -0,0 +1,20 @@
+<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h1 class="modal-title fs-5" id="deleteModalLabel">포스트 삭제</h1>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          정말로 삭제하시겠습니까?
+        </div>
+        <div class="modal-footer">            
+                <button type="button" class="btn" data-bs-dismiss="modal">취소</button>
+            <form action="{%url 'posts:post-delete' post.id%}" method="POST">
+                {%csrf_token%}
+                <button type="submit" class="btn btn-dark">확인</button>
+            </form>
+        </div>
+      </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/myblog/templates/mixin/posts/post_card.html b/myblog/templates/mixin/posts/post_card.html
new file mode 100644
index 0000000..feddd39
--- /dev/null
+++ b/myblog/templates/mixin/posts/post_card.html
@@ -0,0 +1,26 @@
+<!-- @format -->
+
+{% load static %} {%for post in post_list %}
+<div class="post-container">
+  <div class="post-title">
+    <a href="{%url 'posts:post-detail' post.id%}">{{post.title}}</a>
+  </div>
+  <div class="post-content">
+    <p>{{post.content}}</p>
+  </div>
+  <div class="post-bottom">
+    <p>{{post.created_at | date:"Y년 M d일"}}</p>
+    <p>{{post.comment_count}}개의 댓글</p>
+    <div class="post-bottom-icon-align">
+      <img
+        width="20px;"
+        src="{% static 'icons/favorite_FILL0_wght400_GRAD0_opsz48.svg'%}"
+      />
+      <span style="font-size:13px; align-items: center">{{post.like_count}}</span>
+    </div>
+  </div>
+  <div class="division-wrapper flex-center">
+    <div class="division-line-card"></div>
+  </div>
+</div>
+{% endfor %}
diff --git a/myblog/templates/mixin/posts/post_navbar.html b/myblog/templates/mixin/posts/post_navbar.html
new file mode 100644
index 0000000..664db2a
--- /dev/null
+++ b/myblog/templates/mixin/posts/post_navbar.html
@@ -0,0 +1,52 @@
+{%load static%}
+
+<nav class="navbar navbar-expand-lg" style="height:7vh;">
+    <div class="container-fluid" style="margin-top:1vh; width:70%; margin-left:30px;">
+      <a class="navbar-brand" href="/">테스트</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a style="font-weight:bold;"class="nav-link active" aria-current="page" href="#">홈</a>
+          </li>
+          <li class="nav-item">
+            <a style="font-weight:bold;" class="nav-link" href="{%url 'posts:post-create' %}">글쓰기</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="container-fluid " style="margin-top:1vh; width:30%; margin-right:30px;">
+      <div style="justify-content:end;" class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav">
+          {% if not request.user.is_authenticated %}
+            <li style="margin-right:15px;" class="nav-item">
+              <form action="{%url 'accounts:login'%}" method = 'GET'>
+                <button style="border-radius:10px; font-weight:bold;"type="submit" class="btn btn-dark">로그인</button>
+              </form>
+            </li>
+            <li class="nav-item">
+              <form action="{%url 'accounts:signup'%}" method = 'GET'>
+                <button style="border-radius:10px; font-weight:bold;"type="submit" class="btn btn-dark">회원가입</button>
+              </form>
+            </li>
+          {% else %}
+            <li style="margin-right:15px; display:flex; align-items: center;" class="nav-item">
+                <p>{{user.username}}</p>
+            </li>
+            <li style="margin-right:4rem;" class="nav-item">
+                <div style="margin-top:1vh;" class="dropdown flex-center">
+                  <img class="dropdown-toggle"  id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" style=" cursor:pointer;" width="50px;" height="50px;" src="{%static 'image/lion.png'%}">
+                  <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
+                    <li><a class="dropdown-item" href="{%url 'accounts:logout' %}">로그아웃</a></li>
+                    <!-- <li><a class="dropdown-item" href="#">Another action</a></li> -->
+                    <!-- <li><a class="dropdown-item" href="#">Something else here</a></li> -->
+                  </ul>
+                  <svg class="dropdown-button dropdown-toggle"  id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-360 280-559h400L480-360Z"/></svg>
+                </div>
+            </li>
+          {% endif %}
+        </ul>
+    </div>
+  </nav>
\ No newline at end of file
diff --git a/myblog/templates/mixin/posts/profile.html b/myblog/templates/mixin/posts/profile.html
new file mode 100644
index 0000000..13de0af
--- /dev/null
+++ b/myblog/templates/mixin/posts/profile.html
@@ -0,0 +1,39 @@
+{%load static%}
+
+{%if usage == "detail" %}
+
+<div class="profile" style="width:100%;">
+    <div class="profile-top" style="width:100%;">
+        <div class="profile-top-img">
+            <img src="{%static 'image/lion.png'%}">
+        </div>
+        <div class="profile-top-intro">
+            {% if request.user.is_authenticated %}
+                {{user.username}}
+            {% else %}
+                로그인 해주세요
+            {% endif %}
+        </div>
+    </div>
+    <div class="division-line" style="margin-top:2rem; margin-bottom:1.5rem; width:100%;"></div>
+</div>
+
+{% else %}
+
+<div class="profile">
+    <div class="profile-top">
+        <div class="profile-top-img">
+            <img src="{%static 'image/lion.png'%}">
+        </div>
+        <div class="profile-top-intro">
+            {% if request.user.is_authenticated %}
+                {{user.username}}
+            {% else %}
+                로그인 해주세요
+            {% endif %}
+        </div>
+    </div>
+    <div class="division-line"></div>
+</div>
+
+{% endif %}
diff --git a/myblog/templates/posts/post_create.html b/myblog/templates/posts/post_create.html
new file mode 100644
index 0000000..8df764b
--- /dev/null
+++ b/myblog/templates/posts/post_create.html
@@ -0,0 +1,47 @@
+{% extends 'base.html' %}
+{% load static %}
+
+
+{%block content%}
+
+
+<nav class="navbar navbar-expand-lg" style="height:7vh; border-bottom:1px solid rgba(211,211,211,0.5);">
+  <div class="container-fluid" style="width:70%; margin-left:30px;">
+    <a class="navbar-brand" href="/">테스트</a>
+  </div>
+  <div class="container-fluid " style="width:30%; margin-right:30px;">
+    <div style="justify-content:end;" class="collapse navbar-collapse" id="navbarNav">
+      <ul class="navbar-nav">
+        <li style="margin-right:15px; display:flex; align-items: center;" class="nav-item">
+          <p>Jae Seong</p>
+        </li>
+        <li class="nav-item">
+          <img width="50px;" height="50px;" src="{%static 'image/lion.png'%}">
+        </li>
+      </ul>
+  </div>
+</nav>
+
+
+<div class="post-create-container">
+  <form class="post-create-form" action="" method="POST">{% csrf_token %}
+    <div class="post-create-top">
+        <div class="post-create-title-con">
+            <textarea name="post-title" class="post-create-title flex-center" placeholder="제목을 입력하세요">{%if post %}{{post.title}}{%endif%}</textarea>
+        </div>
+        <div class = "hrline"></div>
+        <div class="post-create-content-con">
+            <textarea name="post-content" class="post-create-content" placeholder="무슨 일이 일어나고 있나요?">{%if post %}{{post.content}}{% endif %}</textarea>
+        </div>
+    </div>
+    <div class="post-create-bottom">
+      <ul class="navbar-nav" style="width:90px; margin-right:30px;">
+        <li style="width:100%;" class="nav-item">
+          <button type="submit" style="border-radius:15px; width:100%; height:40px; padding:5px; font-size:14px;"type="button" class="btn btn-dark">작성</button>
+        </li>
+      </ul>
+    </div>
+  </form>  
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/myblog/templates/posts/post_detail.html b/myblog/templates/posts/post_detail.html
new file mode 100644
index 0000000..c03d004
--- /dev/null
+++ b/myblog/templates/posts/post_detail.html
@@ -0,0 +1,63 @@
+{% extends 'base.html' %}
+{% load static %}
+
+
+{%block content%}
+
+
+{%include 'mixin/posts/post_navbar.html'%}
+{%include 'mixin/posts/modal.html'%}
+<div class="post-detail-wrapper">
+    <div class="post-detail-container">
+        <div class="post-detail-top">
+            <div class="post-detail-title">
+                <p>{{post.title}}</p>
+            </div>
+            <div class="post-detail-bar">
+                <div class="post-detail-bar-info">
+                    <p style="margin-right:15px; font-weight:bold;">작성자</p>
+                    <p>{{post.created_at | date:"Y년 M d일"}}</p>
+                </div>
+                <div class="post-detail-bar-buttons">
+                    <form action="{%url 'posts:post-edit' post.id%}">
+                        <button style="margin-right:15px;" >
+                            수정
+                        </button>
+                    </form>
+                    <button type="button" id="btn-delete" data-bs-toggle="modal" data-bs-target="#deleteModal">
+                        삭제
+                    </button>
+                </div>
+            </div>
+        </div>
+        <div class="post-detail-main">
+            <p>{{post.content}}</p>
+        </div>
+        <div class="post-detail-main-likes flex-center">
+            <div class="post-detail-like-con flex-center">
+                <a>
+                    <img class="post-detail-icons" src="{%static 'icons/favorite_FILL0_wght400_GRAD0_opsz48.svg'%}">
+                </a>
+            </div>
+            <div class="post-detail-like-count flex-center">
+                {%if post.like_count == 0 %}
+                    <p>공감</p>
+                {%else%}
+                    <p>{{post.like_count}}</p>
+                {%endif%}
+            </div>
+            <div class="post-detail-share flex-center">
+                <a>
+                    <img class="post-detail-icons" src="{%static 'icons/share_FILL0_wght400_GRAD0_opsz48.svg' %}">
+                </a>
+            </div>
+        </div>
+        <div class="post-detail-bottom">
+            {%include 'mixin/posts/profile.html' with usage="detail" %}
+        </div>
+    </div>
+</div>
+
+
+
+{% endblock %}
\ No newline at end of file