불로

Angular Tutorial 아래 튜토리얼은 1~3 Introduction The Application Shell The Hero Editor Introduction Tour of Heroes 위 튜토리얼은 Angular의 fundamentals를 커버 할 수 있음 튜토리얼 구성 Use built-in Angular directives to show and hide elements and display lists of hero data. Create Angular components to display hero details and show an array of heroes. Use one-way data binding for read-only data. Add editable fields to upd..

Angular Quick Start Angular CLI를 제공 https://cli.angular.io/ project를 생성 add files testing, budling, deployment cli 설치 $ npm install -g @angular/cli 프로젝트 생성 $ ng new my-dream-app serve app $ ng serve --open (-o는 자동으로 http://localhost:4200/을 열어주는 옵션) angular component 수정 CLI를 통해 Angular component가 생성이 된다. ./src/app/app.component.ts 타이틀을 변경 ./src/app/app.component.css 는 스타일을 변경 프로젝트 구성을 확인 가능 asset..

Django Packages 소스코드를 전부 작성할 것이냐 이미 기존에 아주 잘 짜여진 코드를 갖다 붙이는 것도 생산성에 도움이 된다. Django에서는 패키지를 모아놓은 사이트가 있다.djangopackages 정말 아래와 같이 다양한 패키지를 제공하기 때문에, 굳이 내가 다 만들지 않아도 가져다가 사용이 가능하다. django packages rest framework data-tools blog email chat python version에 따라 virtualenv 생성하기 virtualenv -p /usr/bin/python2.7 django-angular 설치 및 적용 https://github.com/jrief/django-angular http://django-angular.readthed..

첫 번째 장고 앱 작성하기, part7 django에서는 관리자 사이트를 제공하는데, 관리자 사이트를 커스터마이징하는 방법에 대해서 설명한다. Question 모델을 admin.site.register(Question)에 등록함으로써, Django에서 제공하는 관리자 사이트를 커스타미이징이 가능하다. filed 순서 변경하기 polls/admin.py 파일에 admin.site.register(Question)을 추가한다. 위 처럼 변경하면, 기존에 Date published가 Qeustion text보다 앞에 오게 만든다. filedset을 분할하자 여러가지 입력항목이 있을때는 아래와 같이 fieldset을 이용해서 filed를 구분하는게 좋다. 참고 https://docs.djangoproject.c..

첫 번째 장고 앱 작성하기, part 6 서버에서 생성된 HTML을 제외하고, 웹 어플리케이션은 일반적으로 전체 웹 페이지를 렌더링하는데 필요한 추가 파일을 정적파일이라고 부른다. 이미지, javascript, CSS 소규모 프로젝트에서는 웹서버가 정적파일을 보관할 수 있기 때문에 큰 문제가 아니지만, 큰 프로젝트에서 제공하는 여러 정적파일 세트를 다루는 것이 까다로워지기 시작 django.contrib.staticfiles: 정적 파일들을 프로덕션 환경에서 쉽게 제공 할 수 있는 단일 위치로 수집 CSS를 적용: 앱의 모양과 느낌을 원하는대로 변경 먼저 polls 디렉토리에 static디렉토리를 생성한다. django는 templates와 비슷하게 정적 파일을 찾는다. polls/static/polls..

첫 번째 장고 앱작성하기, part 5 애플리케이션을 구축했으면 자동화 테스트를 작성 테스트가 필요한 이유 특정 모델 메소드에서 예상된 값을 반환하는지 사이트에서 사용자의 입력 시퀀스가 원하는 결과를 생성하는지 등등.. 버그 테스트 케이스 만들기 polls/tests.py 테스트 실행 python manage.py test polls 버그 수정 polls/models.py 포괄적인 테스트 waspublishedrecently()메소드를 고정하게 되면, 다른 버그를 하나 고치면 새로운 버그가 생길 수 있기 때문에 메소드의 동작을 보다 포괄적으로 테스트하기 위해 동이한 클래스에 두가지 테스트 메소드를 추가 polls/tests.py 클라이언트 테스트 django는 뷰레벨에서 코드와 상호작용하는 사용자를 시뮬..

첫번째 장고 앱 작성하기, part 4 간단한 폼 만들기 polls/detail.html을 변경해보면 polls/urls.py path('/vote/', views.vote, name='vote'), polls/views.py polls/templates/polls/results.html Generic View 사용하기 더욱더 간결한 코드를 작성하기 위해서 URLconf 수정 를 로 변경 조회수 수정 index, detail, results 뷰를 제거하고 장고의 일반적인 뷰를 사용. ListView와 DetailView의 두 가지 제네릭 뷰를 사용. 참고 https://docs.djangoproject.com/ko/2.0/intro/tutorial04/

첫번째 장고 앱 장성하기, part2 데이터 베이스 설치 mysite/settings.py 기본적으로 SQLite(Python에서 기본 제공)를 사용하도록 구성되어 있다. ENGINE - 'django.db.backends.sqlite3', 'django.db.backends.postgresql', 'django.db.backends.mysql', or 'django.db.backends.oracle' NAME - 뭐 맘대로 설정 SQLite 를 데이터베이스로 사용하지 않는 경우, USER, PASSWORD, HOST 같은 추가 설정이 반드시 필요합니다. 더 자세한 내용은 DATABASES 문서를 참조해 주세요. database 설치 테스트하기 https://docs.djangoproject.com/ko..

첫번째 장고 앱 작성하기, Part3 view를 추가 질문 "색인" 페이지 - 최근의 질문들을 표시 질문 "세부" 페이지 - 질문 내용과, 투표할 수 있는 서식을 표시 질문 "결과" 페이지 - 특정 질문에 대한 결과 투표 기능 -- 특정 질문에 대해 특정 선택을 할 수 잇는 투표 기능 View 작성하기 view 코드 작성 polls.urls에 path를 추가 View 동작시키기 View에서는 요청된 페이지의 내용이 담긴 HttpResponse를 하거나, HTTP404와 같은 예외를 발생시키게 한다. view에서는 데이터베이스의 레코드를 읽거나, 레코드를 읽은 데이터를 처리해서 반환을 할 수 있습니다. 위처럼 코딩하면, view에서 페이지 디자인이 하드코딩 되어 있기 때문에, 모두 view에 있는 코드를 ..

첫 번째 장고 앱 작성하기, part 1 간단한 설문조사(Polls) 어플리케이션을 만드는 과정을 따라해보면 요구사항 사람들이 설문 내용을 보고 직접 투표할 수 있는 개방된 사이트 관리자가 설문을 추가, 변경, 삭제할 수 있는 관리용 사이트 $ python -m django --version django 프로젝트 만들기 $ django-admin startproject mysite startproject를 수행하면 아래와 같은 파일이 생성된다. mysite/ 그냥 프로젝트를 담는 폴더 manage.py 커맨드 유틸리티 mysite/init.py mystie/settings.py project의 환경/구성 mysite/urls.py 사이트의 목차 mysite/wsgi.py 현재 프로젝트를 서비스하기 위한 ..