AI Platform / Web

웹의 역사 기본 웹의 역사를 알아보자. 기본 개념 클라이언트가 서버로 URL로 요청을 보낸다. 그러면 서버는 클라이언트에게 문서한장(HTML, CSS, Javascript)을 보내준다 브라우저가 문서한장을 시각화 시켜 바꿔준다. SQL은 DB가 알아 듣는 유일한 언어다 Strected Query Language = RDBMS = 관계형 데이터 베이스 메니지먼트 시스템 1995년 네스케이프가 브라우져의 90프로 이상을 차지하고 있었고. 마이크로소프트 사의 explorer은 점유율이 매우 작았다. 1996 네스케이프는 브라우저를 움직이게 해 보고 싶어서 언어를 만들었다.(Mocha => LiveScript => Javascript) 1997 네스케이프는 JavaScript를 인증 받길 원해서 수소문 끝에 E..

JS(Browser) 오늘 배울 내용 ES callback Function funtion(){} () => {} this function DOM(+BOM) HTML 요소들을 직접 만들기 Event FUNCTION // 1. default args function defaultArgs(a=1, b=2) { console.log(a + b) // return a + b } defaultArgs() 3 defaultArgs(20, 30) 30 // 2. JS 함수의 인자 개수 function wrongArgCount(a, b) { console.log(a, b) } wrongArgCount() undefined undefined wrongArgCount(1) 1 undefined wrongArgCount(1,..

Django Template Language 종속 html만들기 이번엔 무엇을 배울까? 아래의 내용을 보자. Document 부분은 위쪽 창에 뜨는 부분이다.(HTML 문법) 만약 우리가 title을 바꾼다면 지금까지 만든 html 파일을 다 들어가서 하나씩 바꿔야 한다. 이러한 번거로움을 해결하기 위해서 상속하는 법을 알아보자. 첫 번째, templates/base.html을 만든다. 위치는 생성한 프로젝트 안에서 templates 폴더를 하나 만든다. 위의 트리를 보면 articles라는 app도 생성해놨다. +) 혹시나 서버 실행했을 때 한글로 번역할 거냐고 계속 뜬다면 을 로 바꾸자. {% block body %} {% endbody %} 사이 부분에 다른 html 파일들이 추가된다고 생각하면 된..

정리 우리는 장고를 통해 서버를 만들고 있다. 서버는 요청이 들어오면 응답을 보내준다. 그리고 사용자는 url을 통해 요청을한다. 따라서 url 부터 만들고 수행하는 view를 만들고 반환해주는 html을 만든다. 그리고 templates에 html을 넣어서 보낸다. django template language 장고 문법에 대해 알아보자. 실습 위주로 진행되니 쭉 따라오면서 정리할거 정리하면된다. 참고 사이트 https://docs.djangoproject.com/en/3.0/topics/http/shortcuts/ Django shortcut functions | Django documentation | Django Django The web framework for perfectionists with..

5-1. django_variable routing 기초(str)에서 기본적인 설명이 자세히 적혀 있으니 확인하고 오자. 5-1에서는 문자열을 했다면 이번엔 숫자열에 대한 실습을 빠르게 한다. 무엇을 할건가? /add/4/8/ 을 추가하면 4와 8의 합인 12가 출력되게 만들것이다. 첫번째, url.py add 추가하자. url 에 뒤에 꼭 '/'를 붙이고 path마지막에 , 콤마를 꼭 붙이는 습관들 들여야 나중에 오류가 줄어든다. 둘째, views.py 보이는 바와 같이 a, b 두개를 추가도 가능하다. 반드시 key와 value값이 있는 dictionary형태로 적어 줘야한다.(python 문법) 아래와 같이 context를 안적고 아래처럼 넣어줘도 된다. 하지만 그러면 길이가 매우 길어지므로 con..

1번부터 순서대로 보는 걸 추천한다. 결론부터 말하면, variable routing 부분은 url 부분에 / 다음 추가되는 부분을 사용하는 것이다. 예를 들면, 게시판 글을 보면, url 부분이 숫자로 이루어진 것을 볼 수 있다. 주소는 같은데 마지막에 있는 숫자에 따라 다른 게시판의 글이 보인다. 예를 들면, 나의 티스토리 홈페이지 주소는 https://han-py.tistory.com/ 이다. 지금부터 할 내용은 내가만든 어떠한 홈페이지 주소가 위의 주소라고 하면 https://han-py.tistory.com/hi/ 이렇게 뒤에 hi를 붙이고 그 뒤에 나오는 문자나 숫자를 페이지에 반영하는 방법을 알아볼 것이다. https://han-py.tistory.com/hi/1 https://han-py...

첫번째, url.py path('index/' ~~ 에서 index뒤에 반드시 /를 붙인다. views.index의 뜻은 views 안의 index 함수를 실행하겠다는 말이다. 두번째, views.py 그리고 random함수를 썼기 때문에 제일 윗부분에 import random 을 넣어줘야 돌아간다.(python) 세번째, computer.html 우선 위의 내용 다 쓰지말고 ! 하나만 치고 tab을 누르면 html 기본형이 만들어 진다. 그리고 body 사이에 코드만 넣자. 추가적으로 파이썬에서 리스트의 2번째 값을 가져오려면 languages[1]을 쓰면 된다. 하지만 여기서는 {{ languages[1] }}이 아니라 {{ languages.1 }}이라고 써야한다. 쉽게 말해서 templates 안..

프로젝트 파일 설명 장고에서 왼쪽의 트리를 프로젝트라고 한다. 오늘은 프로젝트에 대해 설명해 보고자 한다. hanpy파일 안에 들어있는 4개의 .py이가 프로젝트관련이라고 보면된다. __init__.py settings.py urls.py wsgi.py pages파일이 내가 만든 app과 관련이 되어있다고 보면된다. __init__.py admin.py apps.py models.py tests.py views.py 정말 간단하게 지금 상황에서 알아야 할 정도만 설명을 할거다. 혹시나 더욱 많은 것들이 궁금하다면, 아래의 홈페이지에 가서 보면된다. 여기서는 기본적인 틀만 설명한다. https://github.com/django/django django/django The Web framework for ..