2020-1-capstone-design2 / 2012104089

Go to a project
Toggle navigation Toggle navigation pinning
박정훈
03c4c3a0 1 parent 7b402a81

all report

Expand all
Inline Side-by-side
Showing 187 changed files with 3671 additions and 76 deletions
*.pyc
*~
__pycache__
.venv
db.sqlite3
/static
.DS_Store
No preview for this file type
No preview for this file type
No preview for this file type
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/admin-index.css">
<title>Fish Book - 관리자 홈페이지</title>
<script src="js/jquery.js"></script>
<script src="js/classie.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<header>
<a href="index.html"><img id="logo" src="image/fish-logo.png"></a>
<button id="show-menu">메뉴</button>
<button id="login" type="submit">로그아웃</button>
<!-- 로그아웃버튼 수정해야됨 -->
<input id="search" type="search">
</header>
<nav class="menu menu-hide" id="menu">
<div>
<h3>Menu</h3>
</div>
<a href="#">게시판 관리</a>
<a href="#">회원관리</a>
</nav>
<section>
<article id="bookmark-menu">
자주 이용하는 메뉴
<pre>
1. 글1
2. 글2
3. 글3
4. 글4
5. 글5
</pre>
</article>
<article id="today">
Today 현황
<pre>
1. 글1
2. 글2
3. 글3
4. 글4
5. 글5
</pre>
</article>
<article id="offer">
건의사항
<pre>
1. 글1
2. 글2
3. 글3
4. 글4
5. 글5
</pre>
</article>
</section>
<footer>
<address>경기도 수원시 영통구 영통동</address>
</footer>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FishBook : 관리자 로그인</title>
<link rel="stylesheet" href="css/user_login.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>
<a href="#">
<img src="image/fish-logo.png" alt="logo">
</a>
</h1>
</div>
<div id="container">
<div id="content">
<form>
<fieldset class="login_form">
<legend class="blind">로그인</legend>
<div class="input_row" id="id_area">
<span class="input_box">
<label for="id" id="label_id_area"></label>
<input type="text" id="id" name="id" class="int" placeholder="아이디" autofocus>
</span>
<!-- 취소 버튼-->
</div>
<div class="input_row" id="pw_area">
<span class="input_box">
<label for="pw" id="label_pw_area"></label>
<input type="text" id="pw" name="pw" class="int" placeholder="비밀번호">
</span>
<!-- 취소 버튼-->
</div>
<input type="submit" title="로그인" id="btn_login" alt="로그인" value="로그인">
</fieldset>
</form>
<div class="find_info">
<a href="#">아이디, 비밀번호 찾기</a>
<a href="#">회원가입</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
header {
height: 100px;
padding: 20px;
display: block;
}
section {
clear: left;
display: block;
height: 50%;
border: 1px solid #000;
}
footer {
border: 1px solid #000;
height: 20%;
}
header img#logo {
height: 50px;
vertical-align: middle;
overflow: hidden;
}
#search, #login {
float: right;
margin: 10px;
}
/* 메뉴를 위한 */
/* 메뉴바 전체 */
.menu {
background: #47a3da;
position: fixed;
top: 107px;
width: 200px;
height: 80%;
z-index: 1000;
}
/* 메뉴바의 Menu */
.menu div {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}
.menu h3 {
display: inline-block;
}
.menu #hide-menu {
text-align: center;
}
.menu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
border-bottom: 1px solid #258ecd;
padding: 1em;
}
.menu a:hover {
background: #258ecd;
}
.menu a:active {
background: #afdefa;
color: #47a3da;
}
/* 메뉴 숨기기 */
.menu-hide{
left: -200px;
}
.menu-hide.menu-open {
left: 0px;
}
/*
transition 속성
메뉴바의 변화가 천천히 일어나도록
즉 슬라이드처럼 보이게함 */
.menu {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section {
display: flex;
/* flex-direction: row;
flex-wrap: wrap; */
flex-flow: row wrap;
text-align: center;
}
#bookmark-menu, #today, #offer {
width: 98%;
border: 1px solid black;
background: #ccc;
}
@media screen and (max-width: 360px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board, #map{
width: 100%;
border: 1px solid black;
background: #ccc;
}
#search, #login {
display: none;
}
}
@media screen and (min-width: 361px) and (max-width: 768px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 50%;
border: 1px solid black;
background: #ccc;
}
#board{
width: 100%;
}
#map {
width: 100%;
border: 1px solid black;
background: #ccc;
}
#search, #login {
display: none;
}
}
@media screen and (min-width: 769px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 33.333333%;
border: 1px solid black;
background: #ccc;
}
#map {
width: 66.666666%;
border: 1px solid black;
background: #ccc;
}
}
\ No newline at end of file
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
header {
height: 100px;
padding: 20px;
display: block;
}
section {
clear: left;
display: block;
height: 50%;
border: 1px solid #000;
}
footer {
border: 1px solid #000;
height: 20%;
}
header img#logo {
height: 50px;
vertical-align: middle;
overflow: hidden;
}
#search, #login {
float: right;
margin: 10px;
}
/* 메뉴를 위한 */
/* 메뉴바 전체 */
.menu {
background: #47a3da;
position: fixed;
top: 107px;
width: 200px;
height: 80%;
z-index: 1000;
}
/* 메뉴바의 Menu */
.menu div {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}
.menu h3 {
display: inline-block;
}
.menu #hide-menu {
text-align: center;
}
.menu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
border-bottom: 1px solid #258ecd;
padding: 1em;
}
.menu a:hover {
background: #258ecd;
}
.menu a:active {
background: #afdefa;
color: #47a3da;
}
/* 메뉴 숨기기 */
.menu-hide{
left: -200px;
}
.menu-hide.menu-open {
left: 0px;
}
/*
transition 속성
메뉴바의 변화가 천천히 일어나도록
즉 슬라이드처럼 보이게함 */
.menu {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section {
display: flex;
/* flex-direction: row;
flex-wrap: wrap; */
flex-flow: row wrap;
text-align: center;
}
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 30.333333%;
border: 1px solid black;
background: #ccc;
}
#map {
width: 60.666666%;
border: 1px solid black;
background: #ccc;
}
@media screen and (max-width: 360px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board, #map{
width: 100%;
border: 1px solid black;
background: #ccc;
}
#search, #login {
display: none;
}
}
@media screen and (min-width: 361px) and (max-width: 768px){
#weather-info, #rainfall-info {
width: 50%;
border: 1px solid black;
background: #ccc;
}
#traffic-info, #fish-inquiry-board {
width: 100%;
border: 1px solid black;
background: #ccc;
}
#search, #login {
display: none;
}
}
@media screen and (min-width: 769px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 33.333333%;
border: 1px solid black;
background: #ccc;
}
#fish-inquiry-board {
width: 100%;
border: 1px solid black;
background: #ccc;
}
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
header {
height: 100px;
padding: 20px;
display: block;
}
section {
clear: left;
display: block;
height: 50%;
border: 1px solid #000;
}
footer {
border: 1px solid #000;
height: 20%;
}
header img#logo {
height: 50px;
vertical-align: middle;
overflow: hidden;
}
#search, #login {
float: right;
margin: 10px;
}
/* 메뉴를 위한 */
/* 메뉴바 전체 */
.menu {
background: #47a3da;
position: fixed;
top: 107px;
width: 200px;
height: 80%;
z-index: 1000;
}
/* 메뉴바의 Menu */
.menu div {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}
.menu h3 {
display: inline-block;
}
.menu #hide-menu {
text-align: center;
}
.menu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
border-bottom: 1px solid #258ecd;
padding: 1em;
}
.menu a:hover {
background: #258ecd;
}
.menu a:active {
background: #afdefa;
color: #47a3da;
}
/* 메뉴 숨기기 */
.menu-hide{
left: -200px;
}
.menu-hide.menu-open {
left: 0px;
}
/*
transition 속성
메뉴바의 변화가 천천히 일어나도록
즉 슬라이드처럼 보이게함 */
.menu {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section {
display: flex;
/* flex-direction: row;
flex-wrap: wrap; */
flex-flow: row wrap;
text-align: center;
}
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 30.333333%;
border: 1px solid black;
background: #ccc;
}
#map {
width: 60.666666%;
border: 1px solid black;
background: #ccc;
}
@media screen and (max-width: 360px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board, #map{
width: 100%;
border: 1px solid black;
background: #ccc;
}
#search, #login {
display: none;
}
}
@media screen and (min-width: 361px) and (max-width: 768px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 50%;
border: 1px solid black;
background: #ccc;
}
#board{
width: 100%;
}
#map {
width: 100%;
border: 1px solid black;
background: #ccc;
}
#search, #login {
display: none;
}
}
@media screen and (min-width: 769px){
#traffic-info, #weather-info, #rainfall-info, #search-fish, #best-post, #newest-post, #board{
width: 33.333333%;
border: 1px solid black;
background: #ccc;
}
#map {
width: 66.666666%;
border: 1px solid black;
background: #ccc;
}
}
admin
park
wjdgns123
pythonanywhere
parkjeong2
qpdlscnd18!
No preview for this file type
No preview for this file type
from django.contrib import admin
from .models import Admin
@admin.register(Admin)
class AdminAdmin(admin.ModelAdmin):
list_display = (
'id',
'adminId',
'adminPw',
'name',
'email',
'bookmark',
'created_at',
'updated_at'
)
search_fields = (
'adminId',
)
# Register your models here.
from django.apps import AppConfig
class AdminsConfig(AppConfig):
name = 'admins'
# Generated by Django 3.0.6 on 2020-06-08 07:07
from django.db import migrations, models
class Migration(migrations.Migration):
initial = True
dependencies = [
]
operations = [
migrations.CreateModel(
name='Admin',
fields=[
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('adminId', models.CharField(max_length=20)),
('adminPw', models.CharField(max_length=20)),
('name', models.CharField(max_length=200)),
('email', models.CharField(max_length=50)),
('bookmark', models.CharField(max_length=200)),
('created_at', models.DateTimeField(auto_now_add=True)),
('updated_at', models.DateTimeField(auto_now=True)),
],
),
]
from django.db import models
class Admin(models.Model):
adminId = models.CharField(max_length=20)
adminPw = models.CharField(max_length=20)
name = models.CharField(max_length=200)
email = models.CharField(max_length=50)
bookmark = models.CharField(max_length=200)
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
# Create your models here.
{% load static %}
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{% static 'css/admin_index.css' %}">
<title>Fish Book - 관리자 홈페이지</title>
<script src="{% static 'js/jquery.js' %}"></script>
<script src="{% static 'js/classie.js' %}"></script>
<script src="{% static 'js/index.js' %}"></script>
</head>
<body>
<header>
<a href="{% url 'adminIndex' %}"><img id="logo" src="{% static 'image/fish-logo.png' %}"></a>
<button id="show-menu">메뉴</button>
<button id="login" type="submit">로그아웃</button>
<input id="search" type="search">
</header>
<nav class="menu menu-hide" id="menu">
<div>
<h3>Menu</h3>
</div>
<a href="#">게시판 관리</a>
<a href="#">회원관리</a>
</nav>
<section>
<article id="bookmark-menu">
자주 이용하는 메뉴
<pre>
1. 글1
2. 글2
3. 글3
4. 글4
5. 글5
</pre>
</article>
<article id="today">
Today 현황
<pre>
1. 글1
2. 글2
3. 글3
4. 글4
5. 글5
</pre>
</article>
<article id="offer">
건의사항
<pre>
1. 글1
2. 글2
3. 글3
4. 글4
5. 글5
</pre>
</article>
</section>
<footer>
<address>경기도 수원시 영통구 영통동</address>
</footer>
</body>
</html>
\ No newline at end of file
{% load static %}
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FishBook : 관리자 로그인</title>
<link rel="stylesheet" href="{% static 'css/user_login.css' %}">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>
<a href="#">
<img src="{% static 'image/fish-logo.png' %}" alt="logo">
</a>
</h1>
</div>
<div id="container">
<div id="content">
<form>
<fieldset class="login_form">
<legend class="blind">로그인</legend>
<div class="input_row" id="id_area">
<span class="input_box">
<label for="id" id="label_id_area"></label>
<input type="text" id="id" name="id" class="int" placeholder="아이디" autofocus>
</span>
<!-- 취소 버튼-->
</div>
<div class="input_row" id="pw_area">
<span class="input_box">
<label for="pw" id="label_pw_area"></label>
<input type="text" id="pw" name="pw" class="int" placeholder="비밀번호">
</span>
<!-- 취소 버튼-->
</div>
<input type="submit" title="로그인" id="btn_login" alt="로그인" value="로그인">
</fieldset>
</form>
<div class="find_info">
<a href="#">아이디, 비밀번호 찾기</a>
<a href="#">회원가입</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
from django.test import TestCase
# Create your tests here.
from django.shortcuts import render
def adminIndex(request):
return render(request, 'admins/adminIndex.html')
def adminLogin(request):
return render(request, 'admins/adminLogin.html')
# Create your views here.
from django.contrib import admin
from board.models import Board
# Register your models here.
admin.site.register(Board)
from django.apps import AppConfig
class BoardConfig(AppConfig):
name = 'board'
# Generated by Django 3.0.6 on 2020-06-15 11:48
from django.db import migrations, models
import django.db.models.deletion
class Migration(migrations.Migration):
initial = True
dependencies = [
('users', '0003_remove_user_userid'),
]
operations = [
migrations.CreateModel(
name='Board',
fields=[
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('title', models.CharField(max_length=100)),
('content', models.CharField(max_length=2000)),
('hit', models.IntegerField(default=0)),
('created_at', models.DateTimeField(auto_now_add=True)),
('updated_at', models.DateTimeField(auto_now=True)),
('groupno', models.IntegerField(default=0)),
('orderno', models.IntegerField(default=0)),
('depth', models.IntegerField(default=0)),
('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='users.User')),
],
),
]
from django.db import models
# Create your models here.
from users.models import User
class Board(models.Model):
title = models.CharField(max_length=100)
content = models.CharField(max_length=2000)
hit = models.IntegerField(default=0)
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
user = models.ForeignKey(User, to_field='id', on_delete=models.CASCADE)
groupno = models.IntegerField(default=0)
orderno = models.IntegerField(default=0)
depth = models.IntegerField(default=0)
# groupno 컬럼 - 첫 게시글과, 그 게시글의 답글들에게 같은 groupno을 주어서 보여주기 위함
#
# orderno 컬럼 - 같은 groupno의 게시글들을 최신순으로 위로 올리기 위함
#
# depth 컬럼 - 답글들을 한 칸씩 밀려서 보이게 하기 위함
{% load static %}
{% load mathfilters %}
<!DOCTYPE html>
<html lang="ko">
<head>
<title>FishBook</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="JH PARK" />
<link rel="shortcut icon" href="">
<link rel="stylesheet" href="{% static 'assets/css/board.css' %}" />
<link rel="stylesheet" href="{% static 'assets/css/main.css' %}" />
</head>
<body class="is-preload homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<a href="{% url 'index' %}"><img src="{% static 'images/fish-logo.png' %}" %} style="height: 66px;"></a>
</div>
<!-- Nav -->
{% include 'share/_navbar.html' %}
</header>
</div>
<!-- Banner -->
<!--
<div id="banner-wrapper">
<div id="banner" class="box container">
<div class="row">
<div class="col-7 col-12-medium">
<h2>Fish Book</h2>
<p> 낚시 관련 모든 정보를 제공합니다.</p>
</div>
<div class="col-5 col-12-medium">
<ul>
<li><a href="#transport" class="button large icon solid fa-arrow-circle-right">Transport</a></li>
<li><a href="#weather" class="button alt large icon solid fa-arrow-circle-right">Weather</a></li>
</ul>
</div>
</div>
</div>
</div>
-->
<!-- Features -->
<div class="container">
<div class="row">
<div class="col-12">
<H3>조황문의</H3>
</div>
</div>
</div>
<!-- Main -->
<div id="banner-wrapper">
<div class="container">
<!-- Box -->
<section class="box feature" id="transport">
<div id="board">
<form id="search_form" action="{% url 'board:list' %}" method="GET">
<input type="text" id="kwd" name="kwd" value="" placeholder="검색">
<input type="submit" value="찾기" style="float: right;">
</form>
<table class="tbl-ex">
<tr>
<th>번호</th>
<th>제목</th>
<th>글쓴이</th>
<th>조회수</th>
<th>작성일</th>
</tr>
{% for board in boardlist %}
<tr>
<td>[{{current_page|sub:1|mul:10|add:forloop.counter|sub:1|sub:board_count|abs}}]</td>
{% if board.depth == 0 %}
<td style="text-align: left;">
{% if board.title == '삭제된 글입니다.'%}
{{board.title}}
{% else %}
<a href="{% url 'board:view' board.id page %}?kwd={{kwd}}">{{board.title}}</a>
{% endif %}
</td>
{% else %}
<td style="text-align: left;padding-left:{{board.depth|mul:15}}px;">
{% if board.title == '삭제된 글입니다.'%}
<img src="{% static 'images/reply.png' %}">{{board.title}}
{% else %}
<img src="{% static 'images/reply.png' %}"><a href="{% url 'board:view' board.id page %}?kwd={{kwd}}">{{board.title}}</a>
{% endif %}
</td>
{% endif %}
<td>{{board.user.email}}</td>
<td>{{board.hit}}</td>
<td>{{board.created_at|date:'Y-m-d H:i'}}</td>
</tr>
{% endfor %}
</table>
<!-- pager 추가 -->
<div class="pager">
<ul id="pager">
</ul>
</div>
<!-- pager 추가 -->
<div class="bottom">
<button style="float: right;" onclick="window.location.href='{% url 'board:writeform' page %}'">글쓰기</button>
</div>
</div>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="col-12 col-12-medium col-12-small" >
<!-- Contact -->
<section class="widget contact last" style="text-align: center;">
<h3>Contact Us</h3>
<ul>
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<p>경기도 용인시 기흥구 영덕동 덕영대로 1732<br />
010-xxxx-yyyy</p>
</section>
</div>
</div>
<div class="row">
<div class="col-12">
<div id="copyright">
<ul class="menu">
<li>&copy; All rights reserved</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Scripts -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=ae75e773f5e261bc9bb0d38c630165d8&libraries=services,clusterer"></script>
<script src="{% static 'assets/js/jquery.min.js' %}"></script>
<script src="{% static 'assets/js/jquery.dropotron.min.js' %}"></script>
<script src="{% static 'assets/js/browser.min.js' %}"></script>
<script src="{% static 'assets/js/breakpoints.min.js' %}"></script>
<script src="{% static 'assets/js/util.js' %}"></script>
<script src="{% static 'assets/js/main.js' %}"></script>
<script src="{% static 'assets/js/paging.js' %}"></script>
<script>
var listCount = {{board_count}};
var currentPage = {{current_page}};
var kwd = "{{kwd}}";
setPage(listCount, currentPage, kwd);
</script>
</body>
</html>
{% load static %}
{% load mathfilters %}
<!DOCTYPE html>
<html lang="ko">
<head>
<title>FishBook</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="JH PARK" />
<link rel="shortcut icon" href="">
<link rel="stylesheet" href="{% static 'assets/css/main.css' %}" />
</head>
<body class="is-preload homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<a href="{% url 'index' %}"><img src="{% static 'images/fish-logo.png' %}" %} style="height: 66px;"></a>
</div>
<!-- Nav -->
{% include 'share/_navbar.html' %}
</header>
</div>
<!-- Banner -->
<!--
<div id="banner-wrapper">
<div id="banner" class="box container">
<div class="row">
<div class="col-7 col-12-medium">
<h2>Fish Book</h2>
<p> 낚시 관련 모든 정보를 제공합니다.</p>
</div>
<div class="col-5 col-12-medium">
<ul>
<li><a href="#transport" class="button large icon solid fa-arrow-circle-right">Transport</a></li>
<li><a href="#weather" class="button alt large icon solid fa-arrow-circle-right">Weather</a></li>
</ul>
</div>
</div>
</div>
</div>
-->
<!-- Features -->
<div class="container">
<div class="row">
<div class="col-12">
<H3>조황문의</H3>
</div>
</div>
</div>
<!-- Main -->
<div id="banner-wrapper">
<div class="container">
<!-- Box -->
<section class="box feature" id="transport">
<div id="board">
<form class="board-form" method="POST" action="{% url 'board:modify' page%}">
{% csrf_token %}
<table class="tbl-ex">
<input type="hidden" name="id" value="{{board.id}}">
<tr>
<th colspan="2">글수정</th>
</tr>
<tr>
<td class="label">제목</td>
<td><input type="text" name="title" value="{{board.title}}"></td>
</tr>
<tr>
<td class="label">내용</td>
<td>
<textarea id="content" name="content">{{board.content}}</textarea>
</td>
</tr>
</table>
<div class="bottom">
<a href="{% url 'board:list' page %}">취소</a>
<input type="submit" value="수정">
</div>
</form>
</div>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="col-12 col-12-medium col-12-small" >
<!-- Contact -->
<section class="widget contact last" style="text-align: center;">
<h3>Contact Us</h3>
<ul>
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<p>경기도 용인시 기흥구 영덕동 덕영대로 1732<br />
010-xxxx-yyyy</p>
</section>
</div>
</div>
<div class="row">
<div class="col-12">
<div id="copyright">
<ul class="menu">
<li>&copy; All rights reserved</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Scripts -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=ae75e773f5e261bc9bb0d38c630165d8&libraries=services,clusterer"></script>
<script src="{% static 'assets/js/jquery.min.js' %}"></script>
<script src="{% static 'assets/js/jquery.dropotron.min.js' %}"></script>
<script src="{% static 'assets/js/browser.min.js' %}"></script>
<script src="{% static 'assets/js/breakpoints.min.js' %}"></script>
<script src="{% static 'assets/js/util.js' %}"></script>
<script src="{% static 'assets/js/main.js' %}"></script>
</body>
</html>
{% load static %}
{% load mathfilters %}
<!DOCTYPE html>
<html lang="ko">
<head>
<title>FishBook</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="JH PARK" />
<link rel="shortcut icon" href="">
<link rel="stylesheet" href="{% static 'assets/css/main.css' %}" />
</head>
<body class="is-preload homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<a href="{% url 'index' %}"><img src="{% static 'images/fish-logo.png' %}" %} style="height: 66px;"></a>
</div>
<!-- Nav -->
{% include 'share/_navbar.html' %}
</header>
</div>
<!-- Banner -->
<!--
<div id="banner-wrapper">
<div id="banner" class="box container">
<div class="row">
<div class="col-7 col-12-medium">
<h2>Fish Book</h2>
<p> 낚시 관련 모든 정보를 제공합니다.</p>
</div>
<div class="col-5 col-12-medium">
<ul>
<li><a href="#transport" class="button large icon solid fa-arrow-circle-right">Transport</a></li>
<li><a href="#weather" class="button alt large icon solid fa-arrow-circle-right">Weather</a></li>
</ul>
</div>
</div>
</div>
</div>
-->
<!-- Features -->
<div class="container">
<div class="row">
<div class="col-12">
<H3>조황문의</H3>
</div>
</div>
</div>
<!-- Main -->
<div id="banner-wrapper">
<div class="container">
<!-- Box -->
<section class="box feature" id="transport">
<div id="board" class="board-form">
<table class="tbl-ex">
<tr>
<th colspan="2">글보기</th>
</tr>
<tr>
<td class="label">제목</td>
<td>{{board.title}}</td>
</tr>
<tr>
<td class="label">글쓴이</td>
<td>{{board.user.name}}</td>
</tr>
<tr>
<td class="label">조회수</td>
<td>{{board.hit}}</td>
</tr>
<tr>
<td class="label">내용</td>
<td>
<div class="view-content">
{{board.content|linebreaks}}
</div>
<div class="bottom">
<button style="float: right;" onclick="window.location.href='{% url 'board:list' page %}?kwd={{kwd}}'">글목록</button>
{% if request.session.authUser is not None %}
<!--<a href="/board/writeform/{{board.id}}">답글</a>-->
<button style="float: right;" onclick="window.location.href='{% url 'board:reply_writeform' board.id page %}?kwd={{kwd}}'">답글</button>
{% if request.session.authUser.email == board.user.email %}
<button style="float: right;" onclick="window.location.href='{% url 'board:modifyform' board.id page %}'">글수정</button>
<button style="float: right;" onclick="window.location.href='{% url 'board:delete' board.id page %}?kwd={{kwd}}'">글삭제</button>
{% endif %}
{% endif %}
</div>
</td>
</tr>
</table>
</div>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="col-12 col-12-medium col-12-small" >
<!-- Contact -->
<section class="widget contact last" style="text-align: center;">
<h3>Contact Us</h3>
<ul>
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<p>경기도 용인시 기흥구 영덕동 덕영대로 1732<br />
010-xxxx-yyyy</p>
</section>
</div>
</div>
<div class="row">
<div class="col-12">
<div id="copyright">
<ul class="menu">
<li>&copy; All rights reserved</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Scripts -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=ae75e773f5e261bc9bb0d38c630165d8&libraries=services,clusterer"></script>
<script src="{% static 'assets/js/jquery.min.js' %}"></script>
<script src="{% static 'assets/js/jquery.dropotron.min.js' %}"></script>
<script src="{% static 'assets/js/browser.min.js' %}"></script>
<script src="{% static 'assets/js/breakpoints.min.js' %}"></script>
<script src="{% static 'assets/js/util.js' %}"></script>
<script src="{% static 'assets/js/main.js' %}"></script>
</body>
</html>
{% load static %}
{% load mathfilters %}
<!DOCTYPE html>
<html lang="ko">
<head>
<title>FishBook</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="JH PARK" />
<link rel="shortcut icon" href="">
<link rel="stylesheet" href="{% static 'assets/css/main.css' %}" />
</head>
<body class="is-preload homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<a href="{% url 'index' %}"><img src="{% static 'images/fish-logo.png' %}" %} style="height: 66px;"></a>
</div>
<!-- Nav -->
{% include 'share/_navbar.html' %}
</header>
</div>
<!-- Banner -->
<!--
<div id="banner-wrapper">
<div id="banner" class="box container">
<div class="row">
<div class="col-7 col-12-medium">
<h2>Fish Book</h2>
<p> 낚시 관련 모든 정보를 제공합니다.</p>
</div>
<div class="col-5 col-12-medium">
<ul>
<li><a href="#transport" class="button large icon solid fa-arrow-circle-right">Transport</a></li>
<li><a href="#weather" class="button alt large icon solid fa-arrow-circle-right">Weather</a></li>
</ul>
</div>
</div>
</div>
</div>
-->
<!-- Features -->
<div class="container">
<div class="row">
<div class="col-12">
<H3>조황문의</H3>
</div>
</div>
</div>
<!-- Main -->
<div id="banner-wrapper">
<div class="container">
<!-- Box -->
<section class="box feature" id="transport">
<div id="board">
<!--<form class="board-form" method="post" action="/board/write">-->
<form class="board-form" method="POST" action="{% url 'board:write' page %}?kwd={{kwd}}">
{% csrf_token %}
{% if no %}
<input type="hidden" name="no" value="{{no}}">
{% else %}
<input type="hidden" name="no" value="-1">
{% endif %}
<table class="tbl-ex">
<tr>
<th colspan="2">글쓰기</th>
</tr>
<tr>
<td class="label">제목</td>
<td><input type="text" name="title" value=""></td>
</tr>
<tr>
<td class="label">내용</td>
<td>
<textarea id="content" name="content" style="margin-bottom: 15px;" ></textarea>
<div class="bottom">
<button style="float: right;" onclick="window.location.href='{% url 'board:list' page %}?kwd={{kwd}}'">취소</button>
<input style="float: right; font-size: 17px;" type="submit" value="등록">
</div>
</td>
</tr>
</table>
</form>
</div>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="col-12 col-12-medium col-12-small" >
<!-- Contact -->
<section class="widget contact last" style="text-align: center;">
<h3>Contact Us</h3>
<ul>
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<p>경기도 용인시 기흥구 영덕동 덕영대로 1732<br />
010-xxxx-yyyy</p>
</section>
</div>
</div>
<div class="row">
<div class="col-12">
<div id="copyright">
<ul class="menu">
<li>&copy; All rights reserved</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Scripts -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=ae75e773f5e261bc9bb0d38c630165d8&libraries=services,clusterer"></script>
<script src="{% static 'assets/js/jquery.min.js' %}"></script>
<script src="{% static 'assets/js/jquery.dropotron.min.js' %}"></script>
<script src="{% static 'assets/js/browser.min.js' %}"></script>
<script src="{% static 'assets/js/breakpoints.min.js' %}"></script>
<script src="{% static 'assets/js/util.js' %}"></script>
<script src="{% static 'assets/js/main.js' %}"></script>
</body>
</html>
from django.test import TestCase
# Create your tests here.
from django.urls import path
from .views import list, writeform, write, view, modify, modifyform, delete
app_name = "board"
urlpatterns = [
path('list', list, name="list"),
path('list/<int:page>', list, name="list"),
path('writeform/<int:page>', writeform, name="writeform"),
path('writeform/<int:no>/<int:page>', writeform, name="reply_writeform"),
path('write/<int:page>', write, name="write"),
path('<int:no>/<int:page>', view, name="view"),
path('modify/<int:no>/<int:page>', modifyform, name="modifyform"),
path('modify/<int:page>', modify, name="modify"),
path('delete/<int:no>/<int:page>', delete, name="delete"),
]
import datetime
from django.db.models import F, Max
from django.shortcuts import render
from django.http import HttpResponseRedirect, HttpResponse
from .models import Board
from users.models import User
import json
import pdb
PAGESIZE=10
# Create your views here.
def list(request, page=1):
kwd = request.GET.get('kwd')
if kwd == None or kwd == '' or kwd == 'null':
start = (page - 1) * PAGESIZE
board_count = Board.objects.count()
boardlist = Board.objects.all().order_by('-groupno', 'orderno')[start:start+PAGESIZE]
else:
start = (page - 1) * PAGESIZE
board_count = Board.objects.filter(title__contains=kwd).count()
boardlist = Board.objects.filter(title__contains=kwd).order_by('-groupno', 'orderno')[start:start+PAGESIZE]
data = {
'boardlist': boardlist,
'board_count': board_count,
'current_page': page,
'page': page,
}
kwd = request.GET.get('kwd')
if kwd is None:
data['kwd'] = json.dumps(kwd)
else:
data['kwd'] = kwd
return render(request, 'board/list.html', data)
# 게시글 작성
def writeform(request, no=-1, page=1):
# 인증
authuser = request.session.get('authUser')
if authuser is None:
return HttpResponseRedirect('board/list')
if no == -1:
return render(request, 'board/write.html', {"page":page})
else:
data = {"no":no, "page":page}
kwd = request.GET.get('kwd')
if kwd is None:
data['kwd'] = json.dumps(kwd)
else:
data['kwd'] = kwd
return render(request, 'board/write.html', data)
def write(request, page=1):
# 인증
authuser = request.session.get('authUser')
if authuser is None:
return HttpResponseRedirect('board/list')
board = Board()
board.title = request.POST.get('title')
board.content = request.POST.get('content')
board.user = User.objects.get(email=request.session['authUser']['email'])
# 새글 작성하기
if request.POST.get('no') == '-1':
value = Board.objects.aggregate(max_groupno=Max('groupno'))
if value.get('max_groupno') is None:
value['max_groupno'] = 0
board.groupno = value.get('max_groupno') + 1
board.save()
else:
board2 = Board.objects.get(id=request.POST.get('no'))
Board.objects.filter(orderno__gte=board2.orderno+1).update(orderno=F('orderno')+1)
board.groupno = board2.groupno
board.orderno = board2.orderno + 1
board.depth = board2.depth + 1
board.save()
data = {
'page': 1
}
kwd = request.GET.get('kwd')
print(kwd, "@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@")
if kwd is None:
data['kwd'] = json.dumps(kwd)
else:
data['kwd'] = kwd
# if kwd is '':
# return HttpResponseRedirect(f'/board/list/{page}')
return HttpResponseRedirect(f'/board/list/{page}?kwd={kwd}')
# 상세보기
def view(request, no=0, page=1):
if no == 0:
return HttpResponseRedirect('list')
board = Board.objects.filter(id=no)
data = {
'board':board[0],
'page': page,
}
kwd = request.GET.get('kwd')
if kwd is None:
data['kwd'] = json.dumps(kwd)
else:
data['kwd'] = kwd
response = render(request, 'board/view.html', data)
if request.session.get('authUser') is None:
cookie_name = 'hit'
else:
cookie_name = f'hit:{request.session["authUser"]["email"]}'
cookie_name = cookie_name[:cookie_name.find('@')]
tomorrow = datetime.datetime.replace(datetime.datetime.now(), hour=23, minute=59, second=0)
expires = datetime.datetime.strftime(tomorrow, "%a, %d-%b-%Y %H:%M:%S GMT")
if request.COOKIES.get(cookie_name) is not None:
cookies = request.COOKIES.get(cookie_name)
cookies_list = cookies.split('|')
if str(no) not in cookies_list:
response.set_cookie(cookie_name, cookies + f'|{no}', expires=expires)
board.update(hit=F('hit')+1)
return response
else:
response.set_cookie(cookie_name, no, expires=expires)
board.update(hit=F('hit')+1)
return response
return render(request, 'board/view.html', data)
# 수정 및 삭제
def modifyform(request, no=0, page=1):
board = Board.objects.filter(id=no)[0]
authuser = request.session.get('authUser')
if authuser is None or board.user.email != authuser['email']:
return HttpResponseRedirect('board/list')
data = {
'board': board,
'page': page,
}
kwd = request.GET.get('kwd')
if kwd is None:
data['kwd'] = json.dumps(kwd)
else:
data['kwd'] = kwd
return render(request, 'board/modify.html', data)
def modify(request, page=1):
board_id = request.POST['id']
board = Board.objects.get(id=board_id)
authuser = request.session.get('authUser')
if authuser is None or board.user.email != authuser['email']:
return HttpResponseRedirect('board/list')
board.title = request.POST.get('title')
board.content = request.POST.get('content')
board.save()
data = {
'board': board,
'page': page,
}
kwd = request.GET.get('kwd')
if kwd is None:
data['kwd'] = json.dumps(kwd)
else:
data['kwd'] = kwd
return HttpResponseRedirect(f'/board/{board_id}/{page}', data)
def delete(request, no=0, page=1):
board = Board.objects.get(id=no)
authuser = request.session.get('authUser')
if authuser is None or board.user.email != authuser['email']:
return HttpResponseRedirect('board/list')
board.title = "삭제된 글입니다."
board.save()
return HttpResponseRedirect(f'/board/list/{page}')
"""
ASGI config for fishbook 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/3.0/howto/deployment/asgi/
"""
import os
from django.core.asgi import get_asgi_application
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'fishbook.settings')
application = get_asgi_application()
"""
Django settings for fishbook project.
Generated by 'django-admin startproject' using Django 3.0.6.
For more information on this file, see
https://docs.djangoproject.com/en/3.0/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/3.0/ref/settings/
"""
import os
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/3.0/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'pe76_ye$6ja3%@rs#df5h3@%o*^(@sgi9w#76x2ce9pu7*v#+)'
# 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',
'admins',
'users',
'mathfilters',
'board',
]
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 = 'fishbook.urls'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'fishbook', '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 = 'fishbook.wsgi.application'
# Database
# https://docs.djangoproject.com/en/3.0/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
# Password validation
# https://docs.djangoproject.com/en/3.0/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',
},
]
# 브라우저 닫으면 session 없애기
SESSION_EXPIRE_AT_BROWSER_CLOSE = True
# update되면 session바로 반영
SESSION_SAVE_EVERY_REQUEST = True
# Internationalization
# https://docs.djangoproject.com/en/3.0/topics/i18n/
LANGUAGE_CODE = 'ko'
TIME_ZONE = 'Asia/Seoul'
USE_I18N = True
USE_L10N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'fishbook', 'static')
]
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
/* #board { margin:20px auto; width:550px; }
#search_form {
width:100%;
margin:50px auto 20px auto;
text-align:center;
}
input[type="text"] {
padding:5px;
border:1px solid #aaa
}
input[type="submit"] {
padding:5px;
border:1px solid #aaa;
background-color: #aaa;
font-weight:bold;
color:#fff;
}
input#kwd {
width:250px;
}
.board-form {
margin-top:30px
}
.tbl-ex {
width:100%;
margin:10px auto;
border-collapse:collapse;
border-bottom:2px solid #333;
}
.tbl-ex th,
.tbl-ex td {
padding:8px;
text-align:center;
}
.tbl-ex th {
border-top:2px solid #333;
border-bottom:2px solid #333;
background-color:#999;
font-size:1.1em;
color:#fff
}
.tbl-ex td {
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}
.board-form .tbl-ex td {
text-align:left
}
.board-form .tbl-ex td.label {
text-align:right;
font-weight:bold;
width:60px;
}
.board-form .tbl-ex input[ name='title' ] {
width: 480px;
}
.board-form .tbl-ex textarea#content {
width: 470px;
height: 200px;
padding: 10px;
resize: none;
outline: none;
} */
.board-form select {
padding:5px;
}
tr.even td { background-color:#e8ecf6 }
.tbl-ex a { text-decoration:none; font-weight:bold; }
div.bottom {
width:100%;
height:50px;
margin:20px auto;
}
div.bottom a {
text-decoration:none;
dispaly:block;
}
/*
a#new-book {
float:right;
padding:10px 20px 10px 20px ;
border:1px solid #555;
font-weight:bold;
background-color:#E8ECF6;
color:#111
} */
/*
.board-form .bottom a,
.board-form .bottom input[type="submit"] {
float:right;
padding:10px 20px 10px 20px;
border:1px solid #555;
font-weight:bold;
background-color:#E8ECF6;
color:#111;
cursor: pointer
} */
.board-form .bottom a {
margin-left: 10px;
padding:10px 20px 11px 20px
}
a.del {
display:block;
width:20px;
height:20px;
background:url("/mysite2/assets/images/recycle.png") no-repeat 0 0;
font-size:0;
}
/*
게시판 리스트 페이징
*/
div.pager {
width:100%;
text-align:center;
}
div.pager ul {
height:20px;
margin:10px auto;
}
div.pager ul li { color:#ddd; display:inline-block; margin:5px 0; width:20px ; font-weight:bold; }
div.pager ul li.selected { font-size:16px; text-decoration: underline; color:#f40808 }
div.pager ul li a,
div.pager ul li a:visited,
div.pager ul li a:link,
div.pager ul li a:active { text-decoration: none; color:#555 }
div.pager ul li a:hover { text-decoration: none; color:#f00 }
This diff is collapsed. Click to expand it.
fieldset {
border-style: none;
}
#btn_login, #btn_join {
font-size: 18px;
font-weight: 700;
line-height: 1em;
width: 100%;
height: 3em;
margin: 16px 0 7px;
text-align: center;
color: #fff;
border: none;
border-radius: 0;
background-color: #03aac7;
}
#header {
box-sizing: border-box;
height: 30%;
padding: 46px 0 0;
text-align: center;
}
.blind {
overflow: hidden;
height: 0px;
}
.error_next_box {
margin: 0 0 8px 0;
}
.find_info {
font-size: 12px;
padding-top: 6px;
text-align: center;
color: #8e8e8e;
border-top: 1px solid #e4e4e5;
}
.input_row {
height: 29px;
margin: 0 0 8px;
padding: 5px 11px 5px 11px;
border: solid 1px #dadada;
background: #fff;
}
.int {
padding: 7px 0 6px;
width: 100%;
height: 16px;
border: none;
}
.wrapper {
width: 96%;
height: 96%;
margin: 0 auto;
}
@media screen and (max-width: 360px){
#content {
width: 200px;
height: 70%;
margin: 0 auto;
}
#header img {
display: inline-block;
width: 120px;
height: 48px;
}
}
@media screen and (min-width: 361px) and (max-width: 768px){
#content {
width: 330px;
height: 70%;
margin: 0 auto;
}
#header img {
display: inline-block;
width: 150px;
height: 60px;
}
}
@media screen and (min-width: 769px){
#content {
width: 700px;
height: 70%;
margin: 0 auto;
}
#header img {
display: inline-block;
width: 150px;
height: 60px;
}
}
a {
text-decoration: none;
}
body {
background-color: #fff;
height: 100%;
display: block;
position: relative;
}
div {
display: block;
color: #848485;
}
fieldset {
border-style: none;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-block-end: 0.625em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
min-inline-size: min-content;
}
form {
display: block;
}
html {
display: block;
height: 100%;
}
legend {
border-style: none;
}
h1 {
display: block;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
#header {
position: relative;
box-sizing: border-box;
height: 30%;
padding: 46px 0 0;
}
#header .h_logo {
display: block;
width: 130px;
height: 25px;
margin: 0 auto;
color: transparent;
}
#header .h_logo #h_logo_img {
display: block;
width: 130px;
height: 60px;
margin: 0 auto;
color: transparent;
}
#container {
margin:0 10px;
padding-bottom: 31px;
}
#container, #header {
margin: 0 10px;
}
#btn_login, #btn_join {
font-size: 18px;
font-weight: 700;
......@@ -79,17 +16,18 @@ h1 {
text-align: center;
color: #fff;
border: none;
border-radius: 0;
background-color: #03aac7;
}
#header {
box-sizing: border-box;
height: 30%;
padding: 46px 0 0;
text-align: center;
}
.blind {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
height: 0px;
}
.find_info {
font-size: 12px;
......@@ -99,19 +37,57 @@ h1 {
border-top: 1px solid #e4e4e5;
}
.input_row {
position: relative;
height: 29px;
overflow: hidden;
margin: 0 0 8px;
padding: 5px 39px 5px 11px;
padding: 5px 11px 5px 11px;
border: solid 1px #dadada;
background: #fff;
}
.int {
line-height: 16px;
padding: 7px 0 6px;
width: 100%;
height: 16px;
border: none;
background: #fff;
}
\ No newline at end of file
}
.wrapper {
width: 96%;
margin: 0 auto;
}
@media screen and (max-width: 360px){
#content {
width: 200px;
margin: 0 auto;
}
#header img {
display: inline-block;
width: 120px;
height: 48px;
}
}
@media screen and (min-width: 361px) and (max-width: 768px){
#content {
width: 330px;
margin: 0 auto;
}
#header img {
display: inline-block;
width: 150px;
height: 60px;
}
}
@media screen and (min-width: 769px){
#content {
width: 700px;
margin: 0 auto;
}
#header img {
display: inline-block;
width: 150px;
height: 60px;
}
}
......
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});
/* browser.js v1.0 | @ajlkn | MIT licensed */
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});
$(function(){
/*이메일 중복 or 탈퇴 확인*/
/*이메일 형식 확인 */
$("#email").keyup(function(){
var email = $('#email').val()
$.ajax({
url:'/users/api/checkemail?email='+email,
type:'get',
dataType:'json',
success:function(response){
if(response.result != 'success'){
console.error(response.data)
return;
}
if(response.data == 'exist'){
$("#email_msg").text("이미 사용중인 이메일입니다.")
.attr("style", "color: red; font-size:15px;");
$("#btn_join").attr("email_check_result", "fail");
$('#email').val('').focus();
return;
} else{
if (validateEmail($.trim($("#email").val()))){
$("#email_msg").text("사용 가능한 이메일 입니다.")
.attr("style", "color: green; font-size:15px")
$("#btn_join").attr("email_check_result", "success");
} else {
$("#email_msg").text("이메일 형식이 틀렸습니다.")
.attr("style", "color: red; font-size:15px;");
$("#btn_join").attr("email_check_result", "fail");
}
return;
}
// console.log(response)
},
error : function(xhr, error){
alert("서버와의 통신에서 문제가 발생했습니다.");
console.error("error : " + error);
}
})
});
/*id 형식 확인 */
// $("#id").keyup(function(){
// if(validateId($.trim($("#id").val()))){
// $("#id_msg").text("사용 가능한 아이디입니다.")
// .attr("style", "color: green; font-size:15px");
// } else{
// $("#id_msg").text("5자리 이상 입력")
// .attr("style", "color: red; font-size:15px");
// }
// });
/* 비밀번호 형식 확인 */
// 비밀번호 규칙 정규식
// : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력
$("#pw").keyup(function(){
if(validatePassword($.trim($("#pw").val()))){
$("#pw_msg").text("사용 가능한 비밀번호입니다.")
.attr("style", "color: green; font-size:15px");
$("#btn_join").attr("pw_check_result", "success");
} else{
$("#pw_msg").text("숫자, 특수문자 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력")
.attr("style", "color: red; font-size:15px");
$("#btn_join").attr("pw_check_result", "fail");
}
});
/*비밀번호 재확인*/
$("#pw_check, #pw").keyup(function(){
if($("#pw").val()==$('#pw_check').val()){
$("#pw_check_msg").text("비밀번호가 일치합니다.")
.attr("style", "color: green; font-size:15px");
$("#btn_join").attr("pw_check_check_result", "success");
} else{
$("#pw_check_msg").text("비밀번호가 일치하지 않습니다.")
.attr("style", "color: red; font-size:15px");
$("#btn_join").attr("pw_check_check_result", "fail");
}
});
$('#join_f').submit(function() {
if($("#btn_join").attr("email_check_result") == "fail") {
$("#email_msg").text("사용 가능한 이메일을 입력해주세요.")
.attr("style", "color: red; font-size:15px;");
$("#email").focus();
return false;
}
if($("#btn_join").attr("pw_check_result") == "fail") {
$("#pw_msg").text("비밀번호를 확인해주세요.")
.attr("style", "color: red; font-size:15px");
$("#pw").focus();
return false;
}
if($("#btn_join").attr("pw_check_check_result") == "fail") {
$("#pw_check_msg").text("비밀번호를 확인해주세요.")
.attr("style", "color: red; font-size:15px");
$("#pw_check").focus();
return false;
}
});
/*Ajax */
var $form = $("#join_f");
//
// $form.on("submit", function(e){
// e.preventDefault();
// var newUser = $form.serialize();
//
// $.ajax({
// type:"POST",
// url: "js/user.json",
// data:newUser,
// success:function(res){
// if (validateEmail($.trim($("#email").val()))){
// $(".input_row #email")
// .attr("style", "border: 1px solid green;")
// } else {
// $(".input_row #email")
// .attr("style", "border: 1px solid red;")
// .focus();
// }
// },
// error:function(){
// if (validateEmail($.trim($("#email").val()))){
// $(".input_row #email")
// .attr("style", "border: 1px solid green;")
// } else {
// $(".input_row #email")
// .attr("style", "border: 1px solid red;")
// .focus();
// }
// }
// });
// });
/* 정규표현식을 이용하여 email형식에 맞는지 확인하는 함수*/
function validateEmail(email) {
var re = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;
return re.test(email);
}
/* 정규표현식을 이용하여 id형식에 맞는지 확인하는 함수*/
function validateId(id) {
var re = /[a-zA-Z0-9]{5,}/i;
return re.test(id);
}
/* 정규표현식을 이용하여 password형식에 맞는지 확인하는 함수*/
// : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력
function validatePassword(pw) {
var re = /(?=.*\d{1,50})(?=.*[~`!@#$%\^&*()-+=]{1,50})(?=.*[a-zA-Z]{2,50}).{8,50}$/;
return re.test(pw);
}
});
/* jquery.dropotron.js v1.4.3 | (c) @ajlkn | github.com/ajlkn/jquery.dropotron | MIT licensed */
!function(e){e.fn.disableSelection_dropotron=function(){return e(this).css("user-select","none").css("-khtml-user-select","none").css("-moz-user-select","none").css("-o-user-select","none").css("-webkit-user-select","none")},e.fn.dropotron=function(t){if(0==this.length)return e(this);if(this.length>1)for(var o=0;o<this.length;o++)e(this[o]).dropotron(t);return e.dropotron(e.extend({selectorParent:e(this)},t))},e.dropotron=function(t){var o=e.extend({selectorParent:null,baseZIndex:1e3,menuClass:"dropotron",expandMode:"hover",hoverDelay:150,hideDelay:250,openerClass:"opener",openerActiveClass:"active",submenuClassPrefix:"level-",mode:"fade",speed:"fast",easing:"swing",alignment:"left",offsetX:0,offsetY:0,globalOffsetY:0,IEOffsetX:0,IEOffsetY:0,noOpenerFade:!0,detach:!0,cloneOnDetach:!0},t),n=o.selectorParent,s=n.find("ul"),i=e("body"),a=e("body,html"),l=e(window),r=!1,d=null,c=null;n.on("doCollapseAll",function(){s.trigger("doCollapse")}),s.each(function(){var t=e(this),n=t.parent();o.hideDelay>0&&t.add(n).on("mouseleave",function(e){window.clearTimeout(c),c=window.setTimeout(function(){t.trigger("doCollapse")},o.hideDelay)}),t.disableSelection_dropotron().hide().addClass(o.menuClass).css("position","absolute").on("mouseenter",function(e){window.clearTimeout(c)}).on("doExpand",function(){if(t.is(":visible"))return!1;window.clearTimeout(c),s.each(function(){var t=e(this);e.contains(t.get(0),n.get(0))||t.trigger("doCollapse")});var i,a,d,f,u=n.offset(),p=n.position(),h=(n.parent().position(),n.outerWidth()),g=t.outerWidth(),v=t.css("z-index")==o.baseZIndex;if(v){switch(i=o.detach?u:p,f=i.top+n.outerHeight()+o.globalOffsetY,a=o.alignment,t.removeClass("left").removeClass("right").removeClass("center"),o.alignment){case"right":d=i.left-g+h,0>d&&(d=i.left,a="left");break;case"center":d=i.left-Math.floor((g-h)/2),0>d?(d=i.left,a="left"):d+g>l.width()&&(d=i.left-g+h,a="right");break;case"left":default:d=i.left,d+g>l.width()&&(d=i.left-g+h,a="right")}t.addClass(a)}else switch("relative"==n.css("position")||"absolute"==n.css("position")?(f=o.offsetY,d=-1*p.left):(f=p.top+o.offsetY,d=0),o.alignment){case"right":d+=-1*n.parent().outerWidth()+o.offsetX;break;case"center":case"left":default:d+=n.parent().outerWidth()+o.offsetX}navigator.userAgent.match(/MSIE ([0-9]+)\./)&&RegExp.$1<8&&(d+=o.IEOffsetX,f+=o.IEOffsetY),t.css("left",d+"px").css("top",f+"px").css("opacity","0.01").show();var C=!1;switch(d="relative"==n.css("position")||"absolute"==n.css("position")?-1*p.left:0,t.offset().left<0?(d+=n.parent().outerWidth()-o.offsetX,C=!0):t.offset().left+g>l.width()&&(d+=-1*n.parent().outerWidth()-o.offsetX,C=!0),C&&t.css("left",d+"px"),t.hide().css("opacity","1"),o.mode){case"zoom":r=!0,n.addClass(o.openerActiveClass),t.animate({width:"toggle",height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"slide":r=!0,n.addClass(o.openerActiveClass),t.animate({height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"fade":if(r=!0,v&&!o.noOpenerFade){var C;C="slow"==o.speed?80:"fast"==o.speed?40:Math.floor(o.speed/2),n.fadeTo(C,.01,function(){n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1})})}else n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1});break;case"instant":default:n.addClass(o.openerActiveClass),t.show()}return!1}).on("doCollapse",function(){return t.is(":visible")?(t.hide(),n.removeClass(o.openerActiveClass),t.find("."+o.openerActiveClass).removeClass(o.openerActiveClass),t.find("ul").hide(),!1):!1}).on("doToggle",function(e){return t.is(":visible")?t.trigger("doCollapse"):t.trigger("doExpand"),!1}),n.disableSelection_dropotron().addClass("opener").css("cursor","pointer").on("click touchend",function(e){r||(e.preventDefault(),e.stopPropagation(),t.trigger("doToggle"))}),"hover"==o.expandMode&&n.hover(function(e){r||(d=window.setTimeout(function(){t.trigger("doExpand")},o.hoverDelay))},function(e){window.clearTimeout(d)})}),s.find("a").css("display","block").on("click touchend",function(t){r||e(this).attr("href").length<1&&t.preventDefault()}),n.find("li").css("white-space","nowrap").each(function(){var t=e(this),o=t.children("a"),s=t.children("ul"),i=o.attr("href");o.on("click touchend",function(e){0==i.length||"#"==i?e.preventDefault():e.stopPropagation()}),o.length>0&&0==s.length&&t.on("click touchend",function(e){r||(n.trigger("doCollapseAll"),e.stopPropagation())})}),n.children("li").each(function(){var t,n=e(this),s=n.children("ul");if(s.length>0){o.detach&&(o.cloneOnDetach&&(t=s.clone(),t.attr("class","").hide().appendTo(s.parent())),s.detach().appendTo(i));for(var a=o.baseZIndex,l=1,r=s;r.length>0;l++)r.css("z-index",a++),o.submenuClassPrefix&&r.addClass(o.submenuClassPrefix+(a-1-o.baseZIndex)),r=r.find("> li > ul")}}),l.on("scroll",function(){n.trigger("doCollapseAll")}).on("keypress",function(e){r||27!=e.keyCode||(e.preventDefault(),n.trigger("doCollapseAll"))}),a.on("click touchend",function(){r||n.trigger("doCollapseAll")})}}(jQuery);
This diff is collapsed. Click to expand it.
/*
Verti by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ null, '736px' ]
});
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Dropdowns.
$('#nav > ul').dropotron({
mode: 'fade',
noOpenerFade: true,
speed: 300
});
// Nav.
// Toggle.
$(
'<div id="navToggle">' +
'<a href="#navPanel" class="toggle"></a>' +
'</div>'
)
.appendTo($body);
// Panel.
$(
'<div id="navPanel">' +
'<nav>' +
$('#nav').navList() +
'</nav>' +
'</div>'
)
.appendTo($body)
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'left',
target: $body,
visibleClass: 'navPanel-visible'
});
})(jQuery);
\ No newline at end of file
function setPage(listCount, currentPage, kwd) {
var kwd = kwd; // 검색어
var listCount = listCount; // 전체 게시글 수
var pageCount = (parseInt( listCount/ 10) + 1); // 페이지 개수
var currentPage = currentPage; // 현재 페이지
var endPage = (parseInt(pageCount/10 + 1) * 5)+1; // 최종 페이지
var displayPage = parseInt((currentPage + 4 ) / 5 ) * 5; // 밑에 보여줄 페이지
/* 게시글 수가 페이지 수와 딱 맞을 땐 다음 페이지 안보이게*/
if(parseInt( listCount% 10)==0){
pageCount -=1;
};
console.log("listCount", listCount);
console.log("pageCount", pageCount);
console.log("currentPage", currentPage);
console.log("endPage", endPage);
console.log("displayPage", displayPage);
var pager = $('#pager');
if(currentPage <= 5){
pager.prepend('<li>◀</li>');
}else{
pager.append('<li><a href=/board/list/'+(displayPage-5)+'?kwd='+kwd+'>'+'◀'+'</li>');
}
for (var i = displayPage-4; i <= displayPage; i++) {
if(i==currentPage){
pager.append('<li class="selected">'+i+'</li>')
continue;
}else if(i>pageCount){
pager.append('<li>'+i+'</li>')
continue;
}
pager.append('<li><a href=/board/list/'+i+'?kwd='+kwd+'>'+i+'</li>');
}
var nextPage = displayPage+1
if(currentPage < endPage && endPage < pageCount){
pager.append('<li><a href=/board/list/'+nextPage+ '?kwd='+kwd+'>'+'▶'+'</li>');
}else{
pager.append('<li>'+'▶'+'</li>');
}
}
$(function(){
/*이메일 중복 or 탈퇴 확인*/
/* 비밀번호 형식 확인 */
// 비밀번호 규칙 정규식
// : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력
$("#pw").keyup(function(){
if(validatePassword($.trim($("#pw").val()))){
$("#btn_join").attr("pw_check_result", "success");
$("#pw_msg").text("");
} else{
$("#pw_msg").text("숫자, 특수문자 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력")
.attr("style", "color: red; font-size:15px");
$("#btn_join").attr("pw_check_result", "fail");
}
});
$("#new_pw").keyup(function(){
if(validatePassword($.trim($("#new_pw").val()))){
$("#new_pw_msg").text("사용 가능한 비밀번호입니다.")
.attr("style", "color: green; font-size:15px");
$("#btn_join").attr("new_pw_check_result", "success");
} else{
$("#new_pw_msg").text("숫자, 특수문자 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력")
.attr("style", "color: red; font-size:15px");
$("#btn_join").attr("new_pw_check_result", "fail");
}
});
/*비밀번호 재확인*/
$("#new_pw_check, #new_pw").keyup(function(){
if($("#new_pw").val()==$('#new_pw_check').val()){
$("#new_pw_check_msg").text("비밀번호가 일치합니다.")
.attr("style", "color: green; font-size:15px");
$("#btn_join").attr("new_pw_check_check_result", "success");
} else{
$("#new_pw_check_msg").text("비밀번호가 일치하지 않습니다.")
.attr("style", "color: red; font-size:15px");
$("#btn_join").attr("new_pw_check_check_result", "fail");
}
});
$('#join_f').submit(function() {
if($("#btn_join").attr("pw_check_result") == "fail") {
$("#pw_msg").text("비밀번호를 확인해주세요.")
.attr("style", "color: red; font-size:15px");
$("#pw").focus();
return false;
}
if($("#btn_join").attr("new_pw_check_result") == "fail") {
$("#new_pw_msg").text("비밀번호를 확인해주세요.")
.attr("style", "color: red; font-size:15px");
$("#new_pw").focus();
return false;
}
if($("#btn_join").attr("new_pw_check_check_result") == "fail") {
$("#new_pw_check_msg").text("비밀번호가 일치하는 확인해주세요.")
.attr("style", "color: red; font-size:15px");
$("#new_pw_check").focus();
return false;
}
});
/*Ajax */
var $form = $("#join_f");
//
// $form.on("submit", function(e){
// e.preventDefault();
// var newUser = $form.serialize();
//
// $.ajax({
// type:"POST",
// url: "js/user.json",
// data:newUser,
// success:function(res){
// if (validateEmail($.trim($("#email").val()))){
// $(".input_row #email")
// .attr("style", "border: 1px solid green;")
// } else {
// $(".input_row #email")
// .attr("style", "border: 1px solid red;")
// .focus();
// }
// },
// error:function(){
// if (validateEmail($.trim($("#email").val()))){
// $(".input_row #email")
// .attr("style", "border: 1px solid green;")
// } else {
// $(".input_row #email")
// .attr("style", "border: 1px solid red;")
// .focus();
// }
// }
// });
// });
/* 정규표현식을 이용하여 email형식에 맞는지 확인하는 함수*/
function validateEmail(email) {
var re = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;
return re.test(email);
}
/* 정규표현식을 이용하여 id형식에 맞는지 확인하는 함수*/
function validateId(id) {
var re = /[a-zA-Z0-9]{5,}/i;
return re.test(id);
}
/* 정규표현식을 이용하여 password형식에 맞는지 확인하는 함수*/
// : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력
function validatePassword(pw) {
var re = /(?=.*\d{1,50})(?=.*[~`!@#$%\^&*()-+=]{1,50})(?=.*[a-zA-Z]{2,50}).{8,50}$/;
return re.test(pw);
}
});
This diff is collapsed. Click to expand it.
// breakpoints.scss v1.0 | @ajlkn | MIT licensed */
// Vars.
/// Breakpoints.
/// @var {list}
$breakpoints: () !global;
// Mixins.
/// Sets breakpoints.
/// @param {map} $x Breakpoints.
@mixin breakpoints($x: ()) {
$breakpoints: $x !global;
}
/// Wraps @content in a @media block targeting a specific orientation.
/// @param {string} $orientation Orientation.
@mixin orientation($orientation) {
@media screen and (orientation: #{$orientation}) {
@content;
}
}
/// Wraps @content in a @media block using a given query.
/// @param {string} $query Query.
@mixin breakpoint($query: null) {
$breakpoint: null;
$op: null;
$media: null;
// Determine operator, breakpoint.
// Greater than or equal.
@if (str-slice($query, 0, 2) == '>=') {
$op: 'gte';
$breakpoint: str-slice($query, 3);
}
// Less than or equal.
@elseif (str-slice($query, 0, 2) == '<=') {
$op: 'lte';
$breakpoint: str-slice($query, 3);
}
// Greater than.
@elseif (str-slice($query, 0, 1) == '>') {
$op: 'gt';
$breakpoint: str-slice($query, 2);
}
// Less than.
@elseif (str-slice($query, 0, 1) == '<') {
$op: 'lt';
$breakpoint: str-slice($query, 2);
}
// Not.
@elseif (str-slice($query, 0, 1) == '!') {
$op: 'not';
$breakpoint: str-slice($query, 2);
}
// Equal.
@else {
$op: 'eq';
$breakpoint: $query;
}
// Build media.
@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
$a: map-get($breakpoints, $breakpoint);
// Range.
@if (type-of($a) == 'list') {
$x: nth($a, 1);
$y: nth($a, 2);
// Max only.
@if ($x == null) {
// Greater than or equal (>= 0 / anything)
@if ($op == 'gte') {
$media: 'screen';
}
// Less than or equal (<= y)
@elseif ($op == 'lte') {
$media: 'screen and (max-width: ' + $y + ')';
}
// Greater than (> y)
@elseif ($op == 'gt') {
$media: 'screen and (min-width: ' + ($y + 1) + ')';
}
// Less than (< 0 / invalid)
@elseif ($op == 'lt') {
$media: 'screen and (max-width: -1px)';
}
// Not (> y)
@elseif ($op == 'not') {
$media: 'screen and (min-width: ' + ($y + 1) + ')';
}
// Equal (<= y)
@else {
$media: 'screen and (max-width: ' + $y + ')';
}
}
// Min only.
@else if ($y == null) {
// Greater than or equal (>= x)
@if ($op == 'gte') {
$media: 'screen and (min-width: ' + $x + ')';
}
// Less than or equal (<= inf / anything)
@elseif ($op == 'lte') {
$media: 'screen';
}
// Greater than (> inf / invalid)
@elseif ($op == 'gt') {
$media: 'screen and (max-width: -1px)';
}
// Less than (< x)
@elseif ($op == 'lt') {
$media: 'screen and (max-width: ' + ($x - 1) + ')';
}
// Not (< x)
@elseif ($op == 'not') {
$media: 'screen and (max-width: ' + ($x - 1) + ')';
}
// Equal (>= x)
@else {
$media: 'screen and (min-width: ' + $x + ')';
}
}
// Min and max.
@else {
// Greater than or equal (>= x)
@if ($op == 'gte') {
$media: 'screen and (min-width: ' + $x + ')';
}
// Less than or equal (<= y)
@elseif ($op == 'lte') {
$media: 'screen and (max-width: ' + $y + ')';
}
// Greater than (> y)
@elseif ($op == 'gt') {
$media: 'screen and (min-width: ' + ($y + 1) + ')';
}
// Less than (< x)
@elseif ($op == 'lt') {
$media: 'screen and (max-width: ' + ($x - 1) + ')';
}
// Not (< x and > y)
@elseif ($op == 'not') {
$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
}
// Equal (>= x and <= y)
@else {
$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
}
}
}
// String.
@else {
// Missing a media type? Prefix with "screen".
@if (str-slice($a, 0, 1) == '(') {
$media: 'screen and ' + $a;
}
// Otherwise, use as-is.
@else {
$media: $a;
}
}
}
// Output.
@media #{$media} {
@content;
}
}
\ No newline at end of file
/// Removes a specific item from a list.
/// @author Hugo Giraudel
/// @param {list} $list List.
/// @param {integer} $index Index.
/// @return {list} Updated list.
@function remove-nth($list, $index) {
$result: null;
@if type-of($index) != number {
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
}
@else if $index == 0 {
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
}
@else if abs($index) > length($list) {
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
}
@else {
$result: ();
$index: if($index < 0, length($list) + $index + 1, $index);
@for $i from 1 through length($list) {
@if $i != $index {
$result: append($result, nth($list, $i));
}
}
}
@return $result;
}
/// Gets a value from a map.
/// @author Hugo Giraudel
/// @param {map} $map Map.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function val($map, $keys...) {
@if nth($keys, 1) == null {
$keys: remove-nth($keys, 1);
}
@each $key in $keys {
$map: map-get($map, $key);
}
@return $map;
}
/// Gets a duration value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _duration($keys...) {
@return val($duration, $keys...);
}
/// Gets a font value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _font($keys...) {
@return val($font, $keys...);
}
/// Gets a misc value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _misc($keys...) {
@return val($misc, $keys...);
}
/// Gets a palette value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _palette($keys...) {
@return val($palette, $keys...);
}
/// Gets a size value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _size($keys...) {
@return val($size, $keys...);
}
\ No newline at end of file
// html-grid.scss v1.0 | @ajlkn | MIT licensed */
// Mixins.
/// Initializes the current element as an HTML grid.
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
@mixin html-grid($gutters: 1.5em, $suffix: '') {
// Initialize.
$cols: 12;
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
$unit: 100% / $cols;
// Suffixes.
$suffixes: null;
@if (type-of($suffix) == 'list') {
$suffixes: $suffix;
}
@else {
$suffixes: ($suffix);
}
// Gutters.
$guttersCols: null;
$guttersRows: null;
@if (type-of($gutters) == 'list') {
$guttersCols: nth($gutters, 1);
$guttersRows: nth($gutters, 2);
}
@else {
$guttersCols: $gutters;
$guttersRows: 0;
}
// Row.
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
// Columns.
> * {
box-sizing: border-box;
}
// Gutters.
&.gtr-uniform {
> * {
> :last-child {
margin-bottom: 0;
}
}
}
// Alignment.
&.aln-left {
justify-content: flex-start;
}
&.aln-center {
justify-content: center;
}
&.aln-right {
justify-content: flex-end;
}
&.aln-top {
align-items: flex-start;
}
&.aln-middle {
align-items: center;
}
&.aln-bottom {
align-items: flex-end;
}
// Step through suffixes.
@each $suffix in $suffixes {
// Suffix.
@if ($suffix != '') {
$suffix: '-' + $suffix;
}
@else {
$suffix: '';
}
// Row.
// Important.
> .imp#{$suffix} {
order: -1;
}
// Columns, offsets.
@for $i from 1 through $cols {
> .col-#{$i}#{$suffix} {
width: $unit * $i;
}
> .off-#{$i}#{$suffix} {
margin-left: $unit * $i;
}
}
// Step through multipliers.
@each $multiplier in $multipliers {
// Gutters.
$class: null;
@if ($multiplier != 1) {
$class: '.gtr-' + ($multiplier * 100);
}
&#{$class} {
margin-top: ($guttersRows * $multiplier * -1);
margin-left: ($guttersCols * $multiplier * -1);
> * {
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
}
// Uniform.
&.gtr-uniform {
margin-top: $guttersCols * $multiplier * -1;
> * {
padding-top: $guttersCols * $multiplier;
}
}
}
}
}
}
\ No newline at end of file
/// Makes an element's :before pseudoelement a FontAwesome icon.
/// @param {string} $content Optional content value to use.
/// @param {string} $category Optional category to use.
/// @param {string} $where Optional pseudoelement to target (before or after).
@mixin icon($content: false, $category: regular, $where: before) {
text-decoration: none;
&:#{$where} {
@if $content {
content: $content;
}
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
@if ($category == brands) {
font-family: 'Font Awesome 5 Brands';
}
@elseif ($category == solid) {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
@else {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
}
}
/// Applies padding to an element, taking the current element-margin value into account.
/// @param {mixed} $tb Top/bottom padding.
/// @param {mixed} $lr Left/right padding.
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
/// @param {bool} $important If true, adds !important.
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
@if $important {
$important: '!important';
}
$x: 0.1em;
@if unit(_size(element-margin)) == 'rem' {
$x: 0.1rem;
}
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
}
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
/// @param {string} $svg SVG data URL.
/// @return {string} Encoded SVG data URL.
@function svg-url($svg) {
$svg: str-replace($svg, '"', '\'');
$svg: str-replace($svg, '%', '%25');
$svg: str-replace($svg, '<', '%3C');
$svg: str-replace($svg, '>', '%3E');
$svg: str-replace($svg, '&', '%26');
$svg: str-replace($svg, '#', '%23');
$svg: str-replace($svg, '{', '%7B');
$svg: str-replace($svg, '}', '%7D');
$svg: str-replace($svg, ';', '%3B');
@return url("data:image/svg+xml;charset=utf8,#{$svg}");
}
\ No newline at end of file
// Misc.
$misc: (
z-index-base: 10000
);
// Duration.
$duration: (
navPanel: 0.5s
);
// Size.
$size: (
navPanel: 275px
);
// Font.
$font: (
);
// Palette.
$palette: (
);
\ No newline at end of file
// vendor.scss v1.0 | @ajlkn | MIT licensed */
// Vars.
/// Vendor prefixes.
/// @var {list}
$vendor-prefixes: (
'-moz-',
'-webkit-',
'-ms-',
''
);
/// Properties that should be vendorized.
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
/// @var {list}
$vendor-properties: (
// Animation.
'animation',
'animation-delay',
'animation-direction',
'animation-duration',
'animation-fill-mode',
'animation-iteration-count',
'animation-name',
'animation-play-state',
'animation-timing-function',
// Appearance.
'appearance',
// Backdrop filter.
'backdrop-filter',
// Background image options.
'background-clip',
'background-origin',
'background-size',
// Box sizing.
'box-sizing',
// Clip path.
'clip-path',
// Filter effects.
'filter',
// Flexbox.
'align-content',
'align-items',
'align-self',
'flex',
'flex-basis',
'flex-direction',
'flex-flow',
'flex-grow',
'flex-shrink',
'flex-wrap',
'justify-content',
'order',
// Font feature.
'font-feature-settings',
'font-language-override',
'font-variant-ligatures',
// Font kerning.
'font-kerning',
// Fragmented borders and backgrounds.
'box-decoration-break',
// Grid layout.
'grid-column',
'grid-column-align',
'grid-column-end',
'grid-column-start',
'grid-row',
'grid-row-align',
'grid-row-end',
'grid-row-start',
'grid-template-columns',
'grid-template-rows',
// Hyphens.
'hyphens',
'word-break',
// Masks.
'mask',
'mask-border',
'mask-border-outset',
'mask-border-repeat',
'mask-border-slice',
'mask-border-source',
'mask-border-width',
'mask-clip',
'mask-composite',
'mask-image',
'mask-origin',
'mask-position',
'mask-repeat',
'mask-size',
// Multicolumn.
'break-after',
'break-before',
'break-inside',
'column-count',
'column-fill',
'column-gap',
'column-rule',
'column-rule-color',
'column-rule-style',
'column-rule-width',
'column-span',
'column-width',
'columns',
// Object fit.
'object-fit',
'object-position',
// Regions.
'flow-from',
'flow-into',
'region-fragment',
// Scroll snap points.
'scroll-snap-coordinate',
'scroll-snap-destination',
'scroll-snap-points-x',
'scroll-snap-points-y',
'scroll-snap-type',
// Shapes.
'shape-image-threshold',
'shape-margin',
'shape-outside',
// Tab size.
'tab-size',
// Text align last.
'text-align-last',
// Text decoration.
'text-decoration-color',
'text-decoration-line',
'text-decoration-skip',
'text-decoration-style',
// Text emphasis.
'text-emphasis',
'text-emphasis-color',
'text-emphasis-position',
'text-emphasis-style',
// Text size adjust.
'text-size-adjust',
// Text spacing.
'text-spacing',
// Transform.
'transform',
'transform-origin',
// Transform 3D.
'backface-visibility',
'perspective',
'perspective-origin',
'transform-style',
// Transition.
'transition',
'transition-delay',
'transition-duration',
'transition-property',
'transition-timing-function',
// Unicode bidi.
'unicode-bidi',
// User select.
'user-select',
// Writing mode.
'writing-mode',
);
/// Values that should be vendorized.
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
/// @var {list}
$vendor-values: (
// Cross fade.
'cross-fade',
// Element function.
'element',
// Filter function.
'filter',
// Flexbox.
'flex',
'inline-flex',
// Grab cursors.
'grab',
'grabbing',
// Gradients.
'linear-gradient',
'repeating-linear-gradient',
'radial-gradient',
'repeating-radial-gradient',
// Grid layout.
'grid',
'inline-grid',
// Image set.
'image-set',
// Intrinsic width.
'max-content',
'min-content',
'fit-content',
'fill',
'fill-available',
'stretch',
// Sticky position.
'sticky',
// Transform.
'transform',
// Zoom cursors.
'zoom-in',
'zoom-out',
);
// Functions.
/// Removes a specific item from a list.
/// @author Hugo Giraudel
/// @param {list} $list List.
/// @param {integer} $index Index.
/// @return {list} Updated list.
@function remove-nth($list, $index) {
$result: null;
@if type-of($index) != number {
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
}
@else if $index == 0 {
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
}
@else if abs($index) > length($list) {
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
}
@else {
$result: ();
$index: if($index < 0, length($list) + $index + 1, $index);
@for $i from 1 through length($list) {
@if $i != $index {
$result: append($result, nth($list, $i));
}
}
}
@return $result;
}
/// Replaces a substring within another string.
/// @author Hugo Giraudel
/// @param {string} $string String.
/// @param {string} $search Substring.
/// @param {string} $replace Replacement.
/// @return {string} Updated string.
@function str-replace($string, $search, $replace: '') {
$index: str-index($string, $search);
@if $index {
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
}
@return $string;
}
/// Replaces a substring within each string in a list.
/// @param {list} $strings List of strings.
/// @param {string} $search Substring.
/// @param {string} $replace Replacement.
/// @return {list} Updated list of strings.
@function str-replace-all($strings, $search, $replace: '') {
@each $string in $strings {
$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
}
@return $strings;
}
// Mixins.
/// Wraps @content in vendorized keyframe blocks.
/// @param {string} $name Name.
@mixin keyframes($name) {
@-moz-keyframes #{$name} { @content; }
@-webkit-keyframes #{$name} { @content; }
@-ms-keyframes #{$name} { @content; }
@keyframes #{$name} { @content; }
}
/// Vendorizes a declaration's property and/or value(s).
/// @param {string} $property Property.
/// @param {mixed} $value String/list of value(s).
@mixin vendor($property, $value) {
// Determine if property should expand.
$expandProperty: index($vendor-properties, $property);
// Determine if value should expand (and if so, add '-prefix-' placeholder).
$expandValue: false;
@each $x in $value {
@each $y in $vendor-values {
@if $y == str-slice($x, 1, str-length($y)) {
$value: set-nth($value, index($value, $x), '-prefix-' + $x);
$expandValue: true;
}
}
}
// Expand property?
@if $expandProperty {
@each $vendor in $vendor-prefixes {
#{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
}
}
// Expand just the value?
@elseif $expandValue {
@each $vendor in $vendor-prefixes {
#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
}
}
// Neither? Treat them as a normal declaration.
@else {
#{$property}: #{$value};
}
}
\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
<nav id="nav">
<ul>
<li class="current"><a href="{% url 'index' %}">Home</a></li>
<li><a href="{% url 'fishes' %}">Fishes</a></li>
<li><a href="{% url 'board:list' %}">조황문의</a></li>
{% if request.session.authUser is None %}
<li><a href="{% url 'users:loginform' %}">로그인</a></li>
{% else %}
<li><a href="{% url 'users:updateform' %}">{{ request.session.authUser.email }}</a></li>
<li><a href="{% url 'users:logout' %}">로그아웃</a></li>
{% endif %}
</ul>
</nav>
"""fishbook URL Configuration
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/3.0/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 posts.views import index, fishes
from admins.views import adminIndex, adminLogin
urlpatterns = [
path('admin/', admin.site.urls),
path('', index, name="index"),
path('fishes/',fishes, name="fishes"),
path('adminIndex/', adminIndex, name="adminIndex"),
path('adminLogin/', adminLogin, name="adminLogin"),
path('posts/', include('posts.urls')),
path('users/', include('users.urls')),
path('board/', include('board.urls')),
]
"""
WSGI config for fishbook 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/3.0/howto/deployment/wsgi/
"""
import os
from django.core.wsgi import get_wsgi_application
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'fishbook.settings')
application = get_wsgi_application()
#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys
def main():
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'fishbook.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()
from django.contrib import admin
from .models import Post
@admin.register(Post)
class PostAdmin(admin.ModelAdmin):
list_display = (
'id',
'species',
'description',
'image',
'view_count',
'created_at',
'updated_at'
)
search_fields = (
'species',
)
# Register your models here.
from django.apps import AppConfig
class PostsConfig(AppConfig):
name = 'posts'
from django import forms
from .models import Post
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ['species', 'description']
labels = {
'species': '어종',
'description': '설명',
}
widget = {
'species': forms.TextInput(attrs={
'class': 'form-control'
}),
'description': forms.Textarea(attrs={
'class': 'form-control'
}),
}
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This file is too large to display.
This file is too large to display.
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.