본문 바로가기

인문학도 개발일지/웹프로그래밍

 (29)
[수업노트] django - 회원가입, 로그인, 로그아웃 기능 구현 로그인 기능은 왜 필요한가? 동적인 기능을 하는 login view 로그인: 프로그램 실행 요청 개념 세션관리 세션: 로그인에서 로그아웃까지, 프로그램을 시작해서 이용을 종료할 때 까지 forms.py # 로그인 폼 class LoginForm(forms.Form): email = forms.EmailField( label='이메일', widget=forms.EmailInput(attrs={'class':'form-control'}) ) password = forms.CharField( label='비밀번호', widget=forms.PasswordInput(attrs={'class':'form-control'}) ) def clean(self): cleaned_data = super().clean() ..
[수업노트] django - 회원가입, 로그인 화면 구현 CRUD CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다. 기본 설정 project 생성 'account' app 생성 config/settings.py # App 추가 INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfile..
[수업노트] django 페이지네이션 - paginator 지난 수업을 이음 " 페이지네이션 " 웹서비스의 데이터가 일정 수준 이상 쌓이면 몇 개의 페이지로 나누어 이전/다음 페이지로 넘어갈 수 있도록 설정하는 것 " Paginator " 페이징 관리 클래스. 전체 데이터를 가지고 있으면서 각 페이지별 데이터를 반환해준다. 한 페이지에 몇 개의 데이터를 묶을지 지정해야 한다. # Paginator(전체데이터, 한 페이지에 보여질 데이터수) from django.core.paginator import Paginator data_list = list('adfalksejrpqaodkdlkafjkjeqwormv') print(len(data_list)) pn = Paginator(data_list, 5) # 전체데이터, 한 페이지에 보여질 데이터수 print('총데이터..
[수업노트] Bootstrap - 부트스트랩 개요 " Bootstrap이란? " free 더 빠르고 쉬운 웹 개발을 위한 무료 프론트엔드 프레임워크 ready-made HTML, CSS 디자인 템플릿, JavaScript 플러그인 포함 Responsive Design 반응형 웹디자인*을 쉽게 만들 수 있는 기능 제공 * 반응형 웹 디자인 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법 모바일 우선 접근 스타일 모든 최신 브라우저와 호환 크롬, 파이어폭스, 인터넷 익스플로어 10+, 엣지, 사파리, 오페라 웹 어플리케이션 UI 프레임워크와의 연계를 통한 활용 Vue.js, React 등 UI를 구성하는 프레임워크에 부트스트랩 추가 기능
[수업노트] JavaScript - 자바스크립트 개요 " 웹 문서의 구성요소 " ▪ HTML 웹 문서 내용의 구조를 정의 ▪ CSS(Cascade Style Sheet) 웹 문서의 디자인을 처리 ▪Javascript 웹 문서 내에서 동적인 부분을 처리 " Javascript란? " 웹 문서(HTML) 내에서 실행되는 프로그램을 구현하기 위한 언어 HTML 문서 내에 작성하며 Web Browser 에 내장되어 있는 Javascript 엔진에 의해 실행된다. 객체지향 언어(함수도 지원) 이벤트(사용자가 action을 취하는 것) 중심 언어 " 변수 " ▪ 변수선언 var 변수명 [= 값] 또는 let 변수명 [= 값] var 변수 : 선언된 함수의 전 영역에서 사용할 수 있다. (function scope), 같은 이름의 변수를 여러 개 선언가능 var num..

티스토리툴바