Code Master: Query

※ 전제 ※ 이미 가비아에서 도메인 주소를 구입했다는 전제 하에 진행합니다. 1. 가비아 로그인 ▶ 우측 상단에 [ My가비아 ] 클릭합니다. 2. DNS 설정 ▶ [ DNS 관리툴 ] 클릭합니다. ▶ 사용하고자 하는 도메인 주소의 우측 [ 설정 ]을 클릭합니다. ▶ [ 레코드 수정 ]을 클릭합니다. ▶ [ 레코드 추가 ]로 2개를 추가해줍니다. 타입 호스트 값/위치 TTL 우선순위 서비스 상태 CNAME @ host.tistory.io. 600 DNS 설정 수정/삭제 CNAME www host.tistory.io. 600 DNS 설정 수정/삭제 ▶ 추가를 완료한 후, [ 저장 ]을 클릭합니다. 3. 티스토리 블로그에 도메인 주소 연결 ▶ 티스토리 블로그관리 페이지로 이동합니다. ▶ 좌측 메뉴바 하단에 ..

1. 네이버 서치어드바이저 ▶ 네이버 검색창에 '네이버 서치어드바이저' 입력합니다. (네이버 서치어드바이저 링크: https://searchadvisor.naver.com/) 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com ▶ 가입 및 로그인이 완료됐다는 전제 하에, [ 웹마스터 도구 ]를 클릭합니다. 2. 사이트 등록 ▶ 사이트 등록란에 본인의 사이트 주소를 적어줍니다. 위 예시의 경우) https://yourSiteName.com 3. 사이트 소유확인 ▶ [ HTML 태그 ] 를 선택합니다. ▶ meta 태그를 전체 선택해서 복사합니다. ▶ 본인이 관리하는 사이트의 경우, 복사한 meta 태그를 본인의 base.html의 h..

1. Robots.txt란 무엇인가? ▶ robots.txt는 검색로봇에게 사이트 및 웹페이지를 수집할 수 있도록 허용하거나 제한하는 국제 권고안입니다. ▶ robots.txt 파일은 항상 사이트의 루트 디렉토리에 위치해야 하며 로봇 배제 표준을 따르는 일반 텍스트 파일로 작성해야 합니다. 1-1. Robots.txt 위치 ▶ robots.txt 파일은 반드시 사이트의 루트 디렉토리에 위치해야 하며 텍스트 파일 (text/plain) 로 접근이 가능해야 합니다. 예를 들어) https://www.example.com/robots.txt 2. 사용 예시들 User-agent: * Allow: / ▶ 모든 로봇에게 모든 문서에 대한 접근을 허락합니다. User-agent: * Disallow: / ▶ 모든 ..

1. Django urls.py 기본세팅값 (※ 하이라이트 부분이 추가된 부분입니다.) (여기서 urls.py는 settings.py와 동일 폴더에 있는 urls.py를 의미합니다.) from django.contrib import admin from django.urls import path, include from django.conf.urls.static import static from config import settings from django.views.generic.base import RedirectView, TemplateView from django.contrib.staticfiles.storage import staticfiles_storage from django.contrib.s..

1. Django settings.py 기본세팅값 (※ 하이라이트 부분이 추가/수정된 부분입니다.) import os, json from django.core.exceptions import ImproperlyConfigured from pathlib import Path # Build paths inside the project like this: BASE_DIR / 'subdir'. BASE_DIR = Path(__file__).resolve().parent.parent # Quick-start development settings - unsuitable for production # See https://docs.djangoproject.com/en/3.2/howto/deployment/checkl..

기본 Footer 템플릿 © Company's Name {% now "Y" %} ※ 참고 사항 ※ Footer 하단 고정 방법 HEADER CONTENT ▶ 단, 이 방법은 Bootstrap4 혹은 Bootstrap5를 사용할 때 가능합니다.

1. 장고 웹사이트 제작을 위한 기본 base.html 템플릿 {% load static %} {% include 'navbar.html' %} {% block content %} {% endblock content %} {% include 'footer.html' %} ▶ 장고의 기본 base.html 템플릿입니다. - 반응형 설정 태그가 포함돼 있습니다. - 웹사이트 설명 태그가 포함돼 있습니다. - 오픈그래프 메타 태그가 포함돼 있습니다. - 선호 URL 지정 태그가 포함돼 있습니다. - Bootstrap5의 CSS & JavaScript CDN이 포함돼 있습니다. - main.css 링크가 포함돼 있습니다. - 구글 애드센스 섹션과 구글 애널리틱스 섹션이 구분돼 있습니다. - 네이버 서치어드바이저..

미디어 쿼리란? ▶ 미디어 쿼리는 CSS3에 도입된 CSS 기법입니다. ▶ 특정 조건이 참인 경우에만 @media 규칙을 사용하여 CSS 속성 블록을 포함합니다. 1. 미디어 쿼리 문법 (Media Query Syntax) 미디어 쿼리는 미디어 유형으로 구성되며 참 또는 거짓으로 확인되는 식을 하나 이상 포함할 수 있습니다. @media not|only mediatype and (expressions) { CSS-Code; } 지정된 미디어 유형이 문서가 표시되는 장치 유형과 일치하고 미디어 조회의 모든 식이 참이면 조회 결과가 참입니다. 미디어 조회가 참이면 해당 스타일시트 또는 스타일 규칙이 일반 계단식 규칙에 따라 적용됩니다. 연산자를 사용하지 않는 한 미디어 유형은 선택 사항이며 모든 유형이 암시..

파일 경로는 다음과 같이 외부 파일에 연결할 때 사용됩니다. Web pages Images Style sheets (CSS파일) JavaScripts (JS파일) HTML 파일 경로는 크게 2가지로 구분할 수 있습니다. ▶ 절대 파일 경로 (Absolute File Paths) ▶ 상대 파일 경로 (Relative File Paths) 1. 절대 파일 경로 예시) ▶ 위 예시처럼, 절대 파일 경로는 파일로 다다르는 전체 URL 주소를 뜻합니다. 2. 상대 파일 경로 상대 파일 경로는 제목에서도 알 수 있듯, 현재 html 파일을 기준으로 원하는 파일의 위치 경로를 나타냅니다. 예시1) 예시2) 예시3) 예시4) ▶ 예시1의 경우, picture.jpg 파일이 현재 작업 중인 html 파일과 같은 폴더에 ..

1. 가상환경 설치 1-1. virtualenv 설치 ▶ 가상환경 프로그램 virtualenv를 설치해줍니다. ▶ 중간에 '계속 진행하시겠습니까?'라는 물음에 Y입력 후 엔터. 1-2. venv라는 이름의 virtualenv 생성 ▶ venv라는 이름의 가상환경을 만들어줍니다. (기호에 따라 이름은 바꾸셔도 상관없습니다.) 1-3. venv 가상환경 확인 ▶ 프로젝트 폴더 안에 "venv"라는 폴더가 보인다면 제대로 설치가 된 것입니다. 2. 가상환경 실행 ▶ virtualenv 가상환경을 실행하는 명령어입니다. source venv/bin/activate ▶ 위와 같이 (venv)가 앞에 생겼다면, 가상환경이 제대로 실행된 것입니다. 3. 필요 프로그램 일괄 설치 ▶ 본인의 장고 프로젝트에 필요한 프로..