본문 바로가기

🌌 | WEB DEV116

Django_장고 부수기 (5)_페이지 이동, 상세 페이지 페이지 이동 브라우저로부터 request를 받고 적절한 url을 연결시켜주어야 한다. urls.py) - url패턴에 path를 추가해준다. path('url경로', views.함수명, name='템플릿 태그에 쓰일 이름') 예시 path('post_list', views.post_list, name='post_list'), 'main루트/post_lis't가 url 경로가 된다. views.py) request 등의 매개변수로 전달 받은 것을 처리한 후 render, redirect 등의 함수를 호출, 반환한다. template) 템플릿에서는 템플릿 태그를 이용해 호출한다. 내용은 urls.py의 name에 정의된 이름을 이용한다. ... 상세 페이지 pk(Primary Key) DB의 각 레코드를 식.. 2022. 6. 30.

Django_장고 부수기 (4)_템플릿 문법 Django 템플릿 문법 template에서 DB의 데이터를 가져오는 방법에 대해 알아보자 HTML파일은 정적 파일이다. 그에 반해 파이썬은 동적이다. 템플릿 문법은 파이썬을 HTML로 변환시켜, 빠르고 쉽게 동적인 웹 사이트를 만들 수 있게 도와주는 역할을 한다. 동적 데이터 저번 포스팅에서 다루었던 쿼리셋을 이용하여 views.py에서 원하는 데이터를 가져와야한다. ex) from django.shortcuts import render from django.utils import timezone from .models import Post def post_list(request): posts = Post.objects.filter(published_date__lte=timezone.now()).ord.. 2022. 6. 30.

Django_장고 부수기 (3)_QuerySet Django QuerySet(쿼리셋) DB의 객체들을 템플릿에서 보여주기 위해서 이용하는 '객체의 집합'이다. 객체들에 대하여 필터링을 하거나 정렬을 할 수 있다. DB(SQL)에서는 row에 해당하고, 파이썬 코드가 SQL로 매핑되어 QuerySet이라는 자료 형태로 값이 넘어온다. 장고 Shell 장고 인터랙티브 콘솔(interactive console)를 이용하여 쿼리셋에 대한 값을 확인해볼 수 있다. 해당 콘솔에서는 장고의 명령어와 파이썬의 명령어 등을 이용할 수 있다. python manage.py shell 먼저 models.py에서 원하는 모델을 가져온다. from blog.models import Post 1. 모든 객체 반환 Post.objects.all() 2. 객체 생성하기 필요에 따.. 2022. 6. 30.

Django_장고 부수기 (2)_MVT 생성 Django Model(모델) 모델은 객체의 특별한 종류이고, 이를 저장하면 그 내용이 DB에 저장된다. 장고는 App의 집합으로 만들어졌다고 할 수있다. 즉, 어플리케이션을 만들어주어야한다. 어플리케이션 생성 python manage.py startapp blog(app명) django(프로젝트 위치) ├── mysite | __init__.py | settings.py | urls.py | wsgi.py ├── manage.py └── blog(App 디렉토리) ├── migrations | __init__.py ├── __init__.py ├── admin.py ├── models.py ├── tests.py └── views.py 위와 같은 트리가 완성이 될 것이다. 생성한 App에 대하여 꼭 해.. 2022. 6. 30.

Django_장고 부수기 (1)_기초 들어가며 EAGU 동아리 활동 그 첫 번째로 '블로그 만들기'를 해보기로 하였다 프레임워크는 Django를 이용하기로 했는데 회장님을 제외하고 나머지 멤버들은 모두 처음이라서 기초부터 시작하였다. 현재 장고와의 첫 만남을 가지고 4일차! 이번 포스팅부터는 공부했던 장고의 기초와 열심히 깨지고 부서지며 얻은 것들을 적어보려고 한다! Django란 무엇인가 Django(장고)는 파이썬 기반의 웹 프레임워크이다. 이전에 Flask를 한 번 찍먹해본 적이 있는데 그것과 함께 양대산맥과 같은 느낌의 포지션이다. 백엔드를 구현하는 Framework이므로 클라이언트의 request에 대한 답장과 그것의 콘텐츠를 만들 수 있는 역할을 한다. Django의 MVT패턴 (Model View Template) 장고는 3가지.. 2022. 6. 30.

JS_문법 (9)_이벤트 웹페이지에 어떠한 이벤트가 발생했을 때 그에 대해 사용자가 상호작용을 할 수 있게 하는 것에 대해서 알아보자. 예전에는 태그에 직접 속성으로 에벤트를 추가하는 방식도 있었지만, 최근에는 JS를 HTML과 분리하기위해서 addEventListener()를 사용하는 방식을 선호한다. 이벤트 등록 대상 요소.addEvenListener(이벤트명, 리스너함수(콜백함수)) 이벤트명은 click, intput, focus, mousehover 등을 이야기한다. 리스너함수는 말그대로 '함수'를 넣어주면 된다. 따라서 인수 자리에 함수를 정의해주거나 정의한 함수의 이름을 넣어준다. (함수의 이름이 아닌 "함수명()"의 형태를 넣어주면 반환값이 들어가므로 정상작동X) 이벤트 삭제 대상 요소.removeEvenListen.. 2022. 2. 24.

JS_문법 (8)_DOM CRUD 파헤치기 Create Read Update Delete HTML 찾기 - doucument.getElementById(id명) : id로 찾기 - doucument.getElementsByTagName(태그명) : 태그로 찾기(배열로 반환) - doucument.getElementsByClassName(클래스명) : 클래스로 찾기(배열로 반환) - document.querySelector(css 선택자) : css 선택자로 찾기(최초등장 하나만 반환) - document.querySelectorAll(css 선택자) : css 선택자로 찾기(모든 요소. 배열 형태의 객체(유사배열)로 반환) (인수로 css 선택자를 전달한다. ' . '(class), ' # '(id), ' * '(all), (tag는 prefix.. 2022. 2. 24.

JS_문법 (7)_DOM / BOM DOM Document Object Model의 약자이다 Document = HTML 전체 코드 Object = HTML 태그 DOM은 객체를 가져와서 변수에 넣고 변수or메서드를 이용해 추가, 변경, 삭제 등의 제어를 하는 것을 말한다. (한줄요약) document라는 객체가 만들어지고 그 안의 여러가지 것들을 제어하는 것 웹브라우저 동작 과정 | 1 | HTML파일 가져오기 | 2 | 가져온 HTML파일을 파싱하여 DOM tree 생성 (태그를 기반으로 하여 분석!) CSS 정보 파싱하여 CSSOM tree 생성 | 3 | DOM/CSSOM tree를 기반으로 Render tree 생성 | 4 | Render tree를 기반으로 렌더링을 한다. 웹브라우저 동작과정 & JS 이번에는 JS가 첨가된 경우.. 2022. 2. 23.

JS_문법 (6)_promise 메서드(catch, finally, all, race 등 ) catch 메서드 기본적으로 예외상황을 처리한다. 만약 failCallback이 정의되어 있지 않을 때에는 reject 시에 catch 메서드 호출된다. (예외상황으로 인식) const func = new Promise( (resolve, reject) => { //성공, 실패 함수인수로 받기 setTimeout(() => { //비동기 함수 실행 let num = 10 if (num > 11) { resolve(num)//successCallback } else { reject("error")//failCallback } }, 1000); } ) func .then((item) => { //successCallback console.log('success', item) }) .catch((err) =>.. 2022. 2. 20.

이전 1 ··· 6 7 8 9 10 11 12 13 다음

티스토리툴바