네발로 코딩하는 포메라니안

1. 포맷팅 Element - 텍스트에 특별한 의미를 부여하는 요소 tag명 설명 웹 문서나 포스트에서 참고 내용을 표시 공백, 줄바꿈등 입력한 그대로 화면에 표시 소스 코드 실행이 아닌 출력을 하고 싶을 때 사용 특정 문자열을 강조, 하이라이팅으로 표시됨 구분선 , 특정 문자열을 강조, 굵은 글씨로 표시됨 , 취소선, 밑줄 2. 목록형 Element - 목록 tag는 하나 이상의 하위 tag를 포함 tag명 설명 번호 없는 목록을 표시, 항목 앞에 심볼이 표시됨 ordered list, 번호 있는 목록을 표시 type 1 숫자(기본값) a 영어 소문자 A 영어 대문자 i 로마숫자 소문자 I 로마숫자 대문자 목록 항목으로 혹은 태그 하위에 사용 용어의 정의와 설명에 대한 내용을 목록화해서 표시 용어 목록..

1. HTML이란? - Hypertext Markup Language의 약자 - tag = 현재 문서가 HTML문서임을 정의 - 시작tag와 종료tag들의 집합으로 이루어진 문서 - 웹페이지의 "구조"를 담당 2. Web과 HTML의 작동원리 1. 클라이언트의 요청(URL) 2. 서버는 클라이언트의 요청을 분석하여 결과값(HTML)을 전송 3. 클라이언트는 전달받은 HTML을 Web Browser(내장된 엔진이 tag를 해석해서 화면에 나타냄)에 표시 3. HTML문서의 구성 - html, head, body tag로 구성 1. head 태그 - , , , , tag 포함 가능 - : 문서의 제목으로, 브라우저의 제목에 내용이 나타남 - : 문서의 작성자, 날짜, 키워드, 인코딩 정보 등 화면에 나타나지..

0. Pagination이란? 게시판이나 블로그처럼 객체가 많은 경우, 페이지로 나누어 보여주는 것이 보기도 좋고 사용하기 편하다. 2021.06.23 - [웹프로그래밍/Django] - 클래스형 뷰를 사용한 CRUD 1. Pagination 구현 #views.py class BookmarkListView(ListView): model = Bookmark paginate_by = 3 #객체 3개가 한 페이지 https://getbootstrap.com/docs/5.0/components/pagination/ 에서 Alignment 즉 중앙 배치된 경우를 복사해서 사용하겠습니다. {% block pagination %} {% if is_paginated %} {% if page_obj.has_previou..

0. 클래스형 뷰란? Django의 views.py에서 함수형(def), 클래스형(class)를 모두 제공하고 있다. 클래스형 뷰의 장점은 아래와 같다. 이미 구현되어 있는 기능을 상속으로 받아와서 쓸 수 있다. 코드가 길어지거나 개발하는 웹 or 앱의 규모가 큰 경우 코드를 깔끔하게 볼 수 있다. 이때, Django에 이미 구현해서 제공하는 기능들을 제네릭 뷰라고 한다. 1. 프로젝트 시작하기 Project 시작하기 1) 가상환경 켜기 $ python -m venv myvenv $ source myvenv/Scripts/activate 2) 가상환경에 django 설치 $ pip install django 3) project 만들기 $ django-admin startproject staticproje..

1. 클래스 생성 데이터를 저장할 틀을 만든다. #app/models.py from django.db import models from django.core.validators import validate_email # Create your models here. class User(models.Model): name = models.CharField(max_length=20) phone_number = models.CharField(max_length=50) email = models.EmailField(max_length = 50, blank=True, null=True) #객체 이름 = 사용자 이름 def __str__(self): return self.name django 서버에게 데이터 형식을 ..

0. 프로젝트 만들기 Project 시작하기 1) 가상환경 켜기 $ python -m venv myvenv $ source myvenv/Scripts/activate 2) project 만들기 $ django-admin startproject staticproject 3) app 만들기 cd staticproject $ python manage.py startapp stati.. yerinpy73.tistory.com 1. Request 구현 #views.py import json import os def test(request): #일반 파일 abspath = os.path.abspath(request.FILES["file"]._get_name()) path = open(abspath, 'wb') #j..

0. API 서버용 Project와 app을 생성 Project 시작하기 1) 가상환경 켜기 $ python -m venv myvenv $ source myvenv/Scripts/activate 2) project 만들기 $ django-admin startproject staticproject 3) app 만들기 cd staticproject $ python manage.py startapp stati.. yerinpy73.tistory.com 1. Django Rest Framework 설치 및 설정 1) djangorestframework 패키지 설치 TERMINAL에 아래 명령어를 입력해줍니다. pip install djangorestframework 2) settings.py 파일 수정 #set..

1. CSS 기초 문법 선택자(Selector) : 스타일을 적용하고자 하는 HTML 요소 2. HTML에 CSS를 적용하기 [방법1] .css 파일을 만든 후, html에 적용 css파일에 코드를 작성하고 아래의 코드를 html파일 head태그 안에 붙여준다. [방법2] html에 css코드를 작성 html파일에 head태그 안에 아래와 같이 작성한다. [방법3] 태그 속성으로 지정 태그마다 속성으로 따로 스타일을 지정해준다. html과 css가 잘 구별되지 않기 때문에 추천하지 않는다. hello 3. 선택자 1. 선택자 특징 여러 선택자는 ,를 이용하여 한번에 사용 가능 h1, p{ color : blue; } 2. 종류 1) 태그 p{ color: blue; } 2) 아이디 = HTML 문서 내에..

1. HTML 기초 1. HTML 문서 구조 2. 태그 분류 1) Block level element - 행 전체를 차지 ex) , , , , , 등 2) Inline level element - 요소 크기만큼 차지 ex) , , , , 등 3. 태그 종류 1) 시맨틱 태그(Semantic tag) : 의미를 가지고 있는 태그 ex) header : 소개, 제목, nav : 네비게이션, 메뉴바, section : 구간 나누기, footer : 사이트 정보 등 2) 텍스트 관련 태그 ex) h1~h6 : 제목, p : 본문, br : 줄바꿈, pre : html에 적은 그대로 출력 3) 링크 태그 ex) 4) 멀티미디어 태그 ex) 2. 테이블과 리스트 1. 테이블 1) 태그 : 표 전체를 감싸는 태그 :..

회원이 이미 정해진 서비스를 만들 경우, 관리자가 데이터베이스에 직접 회원 정보를 저장하여 회원이 로그인할 수 있도록 한다. 1. 프로젝트 만들기 2020/07/08 - [웹프로그래밍/Django] - Project 시작하기 Project 시작하기 1) 가상환경 켜기 $ python -m venv myvenv $ source myvenv/Scripts/activate 2) project 만들기 $ django-admin startproject staticproject 3) app 만들기 cd staticproject $ python manage.py startapp stati.. yerinpy73.tistory.com 2. 로그인 페이지 작성 로그인용 html파일을 생성한다. #login.html Log..