😵Django5
장고를 통해 URL Reverse와 Static File 사용법을 알아봅시다.(
z . z . . Z)
-
url 변경으로 텍스트 값 변경하기
① member/urls.py에 라우팅 추가
② member/views.py 에 novel 함수 추가
③ member/templates에 c.html 파일 작성
④ puuty에서 파이썬 서버를 킨다.
⑤브라우저에 공인ip/포트/dontgiveup/novel/3/남도산/서달미 을 입력
(int형 아무거나/string 아무거나/string 아무거나)
-> 🤔이방법을 쓰는 이유 : 소설(novel)이 1화~1000화가 있다고 할시 그만큼 라우팅 해줘야할 path 주소가 필요한데, 이방법으로 하나를 만든 후 안에 조건을 작성해주어 회차마다 다른페이지를 보여주게끔 만들면 더 효율적이고 유용하기 때문!!!
-
static 파일 불러오기
웹 사이트 구성요소 중 그 내용이 고정되어 응답을 할 때 별도의 처리 없이 파일 내용을 그대로 보내주면 되는 파일을 말하며, 대표적인 예로 image파일, CSS파일 등이 해당된다.
① member 안에 static 폴더 추가 후 안에 이미지 추가한다.
② member/urls.py 에 라우팅 추가
③ member/views.py에 static 함수 추가
④ member/templates 에 f.html 파일 작성
- static 파일을 사용시 {% load static %} 를 이미지태그 상단에 선언해줘야한다.
- 장고템플릿 {% static '이미지파일'%} 형식으로 사용
⑤ 파일질라를 이용해서 static 폴더에 파일을 업로드한다.
⑥ 브라우저에 공인IP/포트/dontgiveup/static 을 입력한다.
-> 🤔이 방법에서 중요한것 :
- 기존에는 폴더에 파일을 업로드하면 그 파일명이 곧 주소가되는 방식이였는데, 장고에선 접속주소와 실제 파일의 위치(파일명)이 다르다.
- 템플릿언어 쓰는 형식 띄워쓰기 중요!!!!!!
- static 파일 올린걸 접근하라면 장고 템플릿 언어를 사용해야 한다는 것!
💫HTML5 Validation
유효성 검사는 사이트가 원하는 조건에 대한 형식에 맞춰서 입력하였는지 검사하는것을 말한다. 주로 회원가입, 로그인시에 많이 사용된다.
- HTML5 유효성검사
- 버튼타입이 submit 인 버튼이 클릭될때 발동된다.
- 즉, 그 버튼이 속하고있는 폼안에 있는 폼 요소들을 찾아서 규칙을 지켰는지 검토해주는 것
- 정규표현식(regexp)
- '*' : 모든부분 (0개이상)
- '.' : 임의의 한 문자 (0개 이상)
- '^' : 문장의 처음
- '$' : 문장의 끝
- '?' : 앞의 문자가 없거나 1개 있는 경우
- '+' : 앞의 문자가 1개 이상 인경우
- '()' : 안에 들어있는 문자중 1개
- '\' : 이스케이프 문자 - 바로 뒤에 나오는 문자는 문자 그대로 받아드림
-> \를 출력하고 싶을때는\\(두개붙여서)
->\\\을 할시 SynataxError 뜸 - [\w] : [a-zA-ZO-9] 의 약자
- [a-z] : a부터 z까지의 문자 1개
- {2, 4} : 2~4 까지의 개수
- 정규식 템플릿?!
- 한글만 :
/^[가-힣]*$/ - 영어만 :
/^[a-zA-Z]*$/ - 숫자만 :
/^[0-9]*%/ - 스마트폰 : ``
- 주민등록번호 :
/\d{6} \- [1-4]\d{6}/ - 이메일 :
/^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]*\.[a-zA-Z]
- 한글만 :
📌짚고 넘어가기
-
유효성 검사기준
- 아이디 : 4~12자 숫자와 영어 대소문자 가능하게
- 비밀번호 : 4~12자 숫자와 영어 대소문자 가능하게
- 비밀번호확인 : 비밀번호와 같은지 확인
- 메일주소 : @가 있는지, .COM이나 .KR로 끝나게
- 주민번호 : 주민번호 계산식으로
-
Verification 과 Validation의 사전적 차이
-
Verification(확인) : 개발 단계의 제품이 시작부분에서 부과된 조건을 만족시키는지를 결정하기 위해 소프트웨어를 평가하는 과정
- 워크스루, 인스펙션, 동료검토 -
Validation(검증) : 소프트웨어가 특정 요구조건을 만족시키는가를 결정하기위해 개발과정 중, 끝에 소프트웨어를 평가하는 과정
- 단위테스트, 통합테스트, 시스템테스트, 인수테스트 (단통시인ㅋㅋ)
-
📚과제
🦈수업후기
장고 템플릿 언어가 js대비 정적이고 유연하지 못하고 엄격하다는걸 몸소 알게 되었다.. 가독성을 위해 중괄호 띄웠더니 error,,
오늘도 유효성 검사시 매번 가져다 쓰던 나를 반성하며, 제대로 짚고 넘어가게 되어 좋았고, 정처기 하는 듯한 기분?!이 들었다ㅋㅋㅋ 다음시간은 JS 한다고 하셨는데 꿀잼예상~🤗
