728x90 반응형 SMALL html28 [Django] 폼 (Form) 폼 (Form) HTML에서 양식은 ...에서 방문자가 텍스트 입력, 옵션 선택, 개체 또는 컨트롤 조작 등과 같은 작업을 수행한 다음 해당 정보를 다시 서버로 보낼 수 있도록 하는 내부 요소 모음이다. Your name: 장고 폼은 데이터를 사용자로부터 서버로 전송하는 데 사용할 수 있는 도구 폼은 데이터를 모델에 저장하는 데 사용 forms 모듈 사용 클래스에서 각 필드 (CharField, TextField, DataField)를 정의 s_valid() 메서드를 사용하여 유효한지 확인 장고 폼 from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) message = forms.Te.. 2023. 6. 27. [Django] 템플릿 (Template) 템플릿 (Template) Django 템플릿은 Django 템플릿 언어를 사용하여 마크업된 텍스트 문서 또는 Python 문자열이다. 일부 구문은 템플릿 엔진에서 인식하고 해석한다. 주요 항목은 변수와 태그이다. 템플릿은 컨텍스트로 렌더링된다. 렌더링은 컨텍스트에서 조회되는 값으로 변수를 대체하고 태그를 실행한다. 나머지는 그대로 출력된다. 프로젝트 템플릿 디렉토리는 TEMPLATES 설정의 DIRS 항목에 지정된 디렉토리이다. 앱 템플릿 디렉토리는 각 어플리케이션 디렉토리마다 존재하는 templates/ 디렉토리를 말한다. 프로젝트 디렉토리에는 base.html 등 전체 프로젝트의 룩앤필에 관련된 파일들을 모아두고 각 앱에서 사용하는 템플릿 파일들은 앱 템플릿 디렉토리에 위치시킨다. 일반적인 경우 템.. 2023. 6. 22. 티스토리 목차 적용하기 (TOC) html 블로그 관리 → 스킨 편집 → html 편집으로 이동한다. head 태그 밑에 다음 코드를 추가한다. 위치를 검색하여 다음 코드를 추가한다. html 편집기 맨 밑에 다음 스크립트 코드를 추가한다. css css로 이동하여 다음 코드를 추가하여 스타일을 적용한다. .toc-absolute { position: absolute; margin-top:165px; } .toc-fixed { position: fixed; top: 165px; } .toc { right: 8%; width: 250px; padding: 10px; box-sizing: border-box; } .toc-list { margin-top: 10px !important; font-size: 0.9em; } .toc > .toc.. 2023. 6. 15. [Website] 컴포넌트 (Component) (1) 컴포넌트 (Component) 부트스트랩 컴포넌트는 웹 페이지의 디자인과 기능을 향상시키는 데 도움이 되는 미리 만들어진 요소들이다. Buttons 다양한 스타일, 크기 및 상태를 가진 버튼을 만들 수 있다. Navbar 웹 페이지의 상단에 탐색 링크를 배치하는 반응형 네비게이션 헤더이다. 부트스트랩의 Navbar는 브랜드 로고 및 탐색 링크, 검색 폼, 드롭다운 메뉴 등을 지원한다. Alerts Alerts 컴포넌트는 사용자에게 피드백을 제공하는 데 사용되는 스타일이 있는 경고 메시지이다. 간단한 경고부터 닫기 버튼이 있는 경고 메시지까지 다양한 유형의 알림을 만들 수 있다. Cards 이미지, 텍스트, 링크 등의 콘텐츠를 그룹화하는 유연한 컨테이너이다. 카드는 블로그 게시물, 프로필 정보, 이미지 갤.. 2023. 6. 5. [JavaScript] 날짜 (Date) 날짜 (Date) Date 객체를 사용하여 매 순간 변화하는 시간과 날짜에 관한 정보를 손쉽게 얻을 수 있다. Date 객체는 연월일, 시분초의 정보와 함께 밀리초 (millisecond)의 정보도 함께 제공한다. html 반갑습니다. js // 날짜 객체 생성 var date = new Date() console.log(date) // 연도 정보 얻기 var year = date.getFullYear() console.log(year) // 월 정보 얻기 var month = date.getMonth() console.log(month) // 날짜 정보 얻기 var currentDate = date.getDate() console.log(currentDate) // 요일 정보 얻기 var current.. 2023. 6. 2. [JavaScript] 배열 (Array) 배열 (Array) 배열 (array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소 (element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스 (index)라고 한다. html 반갑습니다. js // 20개의 변수를 가진 배열 생성 var names = new Array(20) // 배열 인덱스는 항상 0부터 시작 names[0] = "메시" names[1] = "호날두" // 배열 요소 출력 console.log(names[1]) // 값을 가진 배열 생성 var player = ["메시", "호날두", "네이마르", "레반도프스키"] console.log("player = " + player) console.log("2번째 선수: " +.. 2023. 6. 2. [Website] 부트스트랩 (Bootstrap) 부트스트랩 (Bootstrap) 부트스트랩은 웹 개발자들이 빠르게 반응형 웹사이트를 만들 수 있도록 도와주는 오픈 소스 프레임워크이다. 부트스트랩 5는 HTML, CSS, JavaScript를 사용하여 제공되며 다양한 레이아웃, 그리드 시스템, 컴포넌트 등을 제공하여 웹 개발을 손쉽게 만들어 준다. jQuery 제거 : 부트스트랩 5에서는 jQuery를 사용하지 않는다. 대신, Vanilla JavaScript로 작성된 코드로 대체되어 더 가볍고 빠른 웹사이트를 제공한다. 사용자 정의 및 확장성 : 부트스트랩 5는 사용자 정의가 더욱 쉽도록 설계되었다. 개발자들은 SCSS 변수를 활용하여 기본 스타일을 쉽게 변경할 수 있으며, 더 많은 유틸리티 클래스를 통해 디자인을 빠르게 조정할 수 있다. 개선된 그리.. 2023. 6. 1. [JavaScript] 즉시 실행 함수 표현식 (IIFE) 즉시 실행 함수 표현식 (IIFE) 즉시실행함수는 다음과 같이 소괄호( () )로 함수를 감싸서 실행하는 문법을 사용한다. html 반갑습니다. js // IIFE (function display(message) { console.log(message); })("hi"); // 함수 표현식 var display2 = function displayMessage(msg) { console.log(msg); } display2("I am message"); // IIFE를 사용하여 두 숫자의 합을 출력 (function addNumbers(a, b) { console.log(a + b); })(3, 4); 2023. 6. 1. [JavaScript] 함수 (Function) 함수 (Function) 함수는 JavaScript에서 기본 구성 요소 중 하나이다. JavaScript의 함수는 작업을 수행하거나 값을 계산하는 명령문의 집합인 프로시저 (procedure)와 비슷하지만, 프로시저가 함수로 쓰이려면 입력을 반드시 받아야 하고 입력과 명확한 관계가 있는 출력을 반환해야 한다. html js // 매개변수가 없는 함수 생성 function message() { document.write("function without parameter" + " ") } // 한 개의 매개변수를 가진 함수 생성 function welcomeMessage(name) { document.write("welcome " + name + " ") } // 여러 개의 매개변수를 가진 함수 생성 fun.. 2023. 6. 1. [JavaScript] do-while 루프 do-while 루프 do-while 문은 테스트 조건이 거짓으로 평가될 때까지 지정된 구문을 실행하는 루프를 만든다. html js var i = 1 do { document.write("dowhile" + " ") i++ } while (i 2023. 6. 1. 이전 1 2 3 다음 728x90 반응형 LIST