WEB
[Django/Blog] View / Template
View 앱의 logic을 넣는 곳. 모델에서 필요한 정보를 받아와서 템플릿에 전달하는 역할. blog/views.py from django.shortcuts import render # Create your views here. def post_list(request): return render(request, 'blog/post_list.html', {}) - post_list 라는 함수는 request를 넘겨받아 render 메서드를 호출. 이 함수는 render 메서드를 호출하여 받은 return 값인 blog/post_list.html 템플릿을 보여줌. Template 서로 다른 정보를 일정한 형태로 표시하기 위해 재사용 가능한 파일. 장고의 템플릿 양식은 HTML을 사용. 템플릿 생성 //bl..
[Django/Blog] URL
URL 웹 주소, 인터넷의 모든 페이지는 고유한 URL을 가지고 있음. Django는 URLconf(URL configuration)을 사용(장고에서 URL과 일치하는 뷰를 찾기 위한 패턴들의 집합) mysite.urls #mysite/urls.py from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('', include('blog.urls')), ] - mysite/urls.py를 깔끔하게 만들어주기 위해 include 함수를 import 해서 사용 - http://127.0.0.1:8000/로 접속 요청이 들어오면 blog.urls..
[Django/Blog] 관리자 설정
관리자 환경 한국어로 변경 //settings.py LANGUAGE_CODE = 'ko' 관리자에 모델 추가 #blog/admin.py from django.contrib import admin from .models import Post admin.site.register(Post) Superuser 생성 (myvenv) ~/djangogirls$python manage.py createsuperuser 관리자 페이지 URL URL: http://127.0.0.1:8000/admin/ 공식 사이트 https://docs.djangoproject.com/en/2.0/ref/contrib/admin/
[Django/Blog] Model 생성
Django 모델(Model) 객체의 특별한 종류. 부가적인 메타데이터를 가진 데이터베이스의 구조(layout). 이 모델을 저장하면 그 내용이 데이터베이스에 저장됨. App 만들기 (myvenv) ~/djangogirls$python manage.py startapp blog //result djangogirls ├── mysite | __init__.py | settings.py | urls.py | wsgi.py ├── manage.py └── blog ├── migrations | __init__.py ├── __init__.py ├── admin.py ├── models.py ├── tests.py └── views.py mysite/settings.py를 수정 #mysite/settings.p..
[Django/Blog] Virtualenv & Django 설치 및 프로젝트 생성
Django란? 파이썬으로 만들어진 무료 오픈소스 웹 애플리케이션 프레임워크(web application framework). 웹 서버에 request를 보내면 일어나는 일 웹 서버에 request가 옴 -> django로 전달 -> django urlresolver는 웹 페이지의 주소를 가져와 무엇을 할지 확인 -> urlresolver는 패턴 목록을 가져와 URL과 맞는지 대조하고 일치하는 패턴이 있으면 해당 요청을 관련된 view에 넘겨줌 -> view 함수에서는 request 받은 내용을 확인해서 권한 확인 후 데이터를 바꾸거나, 추가 -> view는 '답장'을 다시 사용자의 웹 브라우저에 보냄 가상환경(Virtual environment) 가상환경(Virtual environment, virtu..
[WEB] SEO (search engine optimization) 검색 엔진 최적화
[WEB] SEO (search engine optimization) 검색 엔진 최적화 SEO(Search Engine Optimization), 검색 엔진 최적화란 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다. - HTTPS 2014년 구글은 보안의 중요성을 언급하며 앞으로 HTTPS 보안 프로토콜을 사용하는 웹사이트에 대해 HTTP 일반 프로토콜을 사용하는 웹사이트보다 더 높은 점수를 부여할 것이라고 발표 - Robots.txt (로봇 배제 표준 파일) & Sitemap.xml (사이트맵) (https://www.twinword.co.kr/blog/basic-technical-seo/) (https://w..
[WEB] Semantic(의미론적인) Web
[WEB] Semantic(의미론적인) Web Semantic Web이란? 시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술이다. 웹의 창시자인 팀 버너스리가 1998년 제안했고 현재 W3C에 의해 표준화 작업이 진행 중이다. -위키백과 한 사이트에서는 이렇게 정의해 놓았다.(https://poiemaweb.com/html5-semantic-web) 시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)..
[React] React와 Virtual DOM
React and the Virtual DOM (https://www.youtube.com/watch?v=muc2ZF0QIO4) 기존 방식 View가 Model에서 준 수정된 data를 매번 찾아서 바꿈 React의 방식 View가 virtual DOM에 Model에서 준 수정된 data를 렌더링을 함 -> virtual DOM에 렌더링한 해당 데이터를 real DOM과 비교하여 다른 부분만 수정함 -> DOM의 변화를 최소화 시켜줌 기존 DOM을 사용하는 경우: 뷰에 변화가 있다면, DOM이 바뀌고 Render Tree를 재생성 하게 되고 모든 스타일의 요소들이 다시 계산되면서 레이아웃을 만들고 페인팅하는 과정이 반복됨->비효율 Virtual DOM을 사용하는 경우: 뷰에 변화가 있다면, 그 변화는 실..