Computer Science/Web 10

HTML, CSS, Javascript 기초

HTML : 뼈대 CSS : 꾸미기 javascript : 움직이게 하는것 CSS기초 1. HTML 부모-자식 구조 살펴보기 html 태그는, "누가 누구 안에 있느냐"를 이해하는 것이 가장 중요합니다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받지요! 빨간색 div 안에, 초록색/파란색 div가 들어있습니다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록/파란 div도 모두 함께 이동하겠죠! 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리입니다. 같은 원리로, 초록 div의 글씨색을 바꾸면, 나는버튼1의 글씨색도 바뀐답니다! 2. CSS 기초 CSS는 어떻게 사용하나요?mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라..

[Django] 장고 튜토리얼(5), 간단한 설문조사(Polls) 어플리케이션

자동화된 테스트 테스트를 만들어야하는 이유 시간절약 : 수동 테스트 작업을 자동화된 테스트가 한다면 시간을 많이 아낄 수 있다. 문제예방 : 잘못된 부분을 미리 알려준다. 코드를 더 매력적으로 만든다. : 다른 개발자들이 소프트웨어 사용하는 것을 고려하기 전에 테스트 코드를 보기를 원함. 팀이 같이 일할 때 좋음 테스트 작성 1. 버그 식별하기 Question.was_published_recently() 메소드는 Question이 어제 게시된 경우 True를 반환(올바른 동작)할 뿐만 아니라 Question의 pub_date 필드가 미래로 설정되어 있을 때도 그렇습니다(틀린 동작). 미래는 최근이 아니라 True가 오면 안된다. 2. 버그를 노출하는 테스트 만들기 방금 수행한 작업은 자동화된 테스트에서 ..

[Django] 장고 튜토리얼(4), 간단한 설문조사(Polls) 어플리케이션

투표 상세 템플릿(《polls/detail.html》)을 수정하여, 템플릿에 HTML 요소를 포함 라디오 버튼의 value는 연관된 질문 선택 항목의 ID. 라디오 버튼 중 하나를 선택하면 choice=#를 보낸다. #은 선택한 항목의 id라고 한다. 폼의 동작을 {% url 'https:https' question.id %}(으)로 설정하고 method="post"로 설정합니다. method="post"를 사용하는 것은 매우 중요합니다(method="get"과 달리). 이 양식을 제출하면 데이터 서버측을 변경할 수 있기 때문입니다. 데이터 서버측을 변경하는 양식을 작성할 때마다 method="post"를 사용하십시오. 이 팁은 Django에만 국한된 것이 아닙니다. 일반적으로 웹 개발의 모범 사례입니다..

[Django] 장고 튜토리얼(3), 간단한 설문조사(Polls) 어플리케이션

Blog 뷰 예시 Blog 홈페이지 – 가장 최근의 항목들 항목 《세부》(detail) 페이지 – 하나의 항목에 연결하는 영구적인 링크(permalink) 년도별 축적 페이지 – 주어진 연도의 모든 월별 항목들을 표시 월별 축적 페이지 – 주어진 월의 날짜별 항목들을 표시 날짜별 축적 페이지 – 주어진 날짜의 모든 항목들을 표시 댓글 기능 – 특정 항목의 댓글을 다룰 수 있는 기능 네개의 view 를 만들것임. 질문 《색인》 페이지 – 최근의 질문들을 표시합니다. 질문 《세부》 페이지 – 질문 내용과, 투표할 수 있는 서식을 표시합니다. 질문 《결과》 페이지 – 특정 질문에 대한 결과를 표시합니다 투표 기능 – 특정 질문에 대해 특정 선택을 할 수 있는 투표 기능을 제공합니다 URL로부터 뷰를 얻기 위해..

[Django] 장고 튜토리얼(2-2), 간단한 설문조사(Polls) 어플리케이션

은 이 객체를 표현하는 데 별로 도움이 되지 않습니다. (polls/models.py 파일의) Question 모델을 수정하여, __str__() 메소드를 Question과 Choice에 추가. from django.db import models class Question(models.Model): # ... def __str__(self): return self.question_text class Choice(models.Model): # ... def __str__(self): return self.choice_text 커스텀 메소드 또한 추가 import datetime from django.db import models from django.utils import timezone class Que..

[Django] 장고 튜토리얼(2-1), 간단한 설문조사(Polls) 어플리케이션

데이터베이스 설치 $ python manage.py migrate 모델 만들기 부가적인 메타데이터를 가진 데이터베이스의 구조(layout) 설문조사앱에서 만들 두 모델 : 질문, 선택 질문 - 질문, 발행일 선택 - 선택할 텍스트, 투표 집계 vim models.py로 불러와 편집 from django.db import models class Question(models.Model): question_text = models.CharField(max_length=200) # CharField는 문자 필드 표현 pub_date = models.DateTimeField('date published') # DatTimeField는 날짜와 시간 필드표현 class Choice(models.Model): ques..

[Django] 장고 튜토리얼(1), 간단한 설문조사(Polls) 어플리케이션

장고 설치를 완료해서 이제 간단한 설문조사 어플리케이션을 만들어 본다. 장고 웹사이트에서 튜토리얼을 확인할 수 있다. 튜토리얼 중.. 절대로 개발 서버를 운영 환경에서 사용하지 마십시요. 개발 서버는 오직 개발 목적으로만 사용하여야 합니다 이런 문구가 있었다. 찾아보니 웹서버로 이용하지 않는 것이 좋다고 한다. 프레임워크일뿐 서버가 아니라고 한다. gunicorn이나 uwsgi와 같은 Gateway Interface를 통해서 다른 웹서버 프로그램과 통신을 한다고 한다. 더보기 django-admin startproject mysite python3 manage.py runserver 이후에 성공한 페이지 설문조사앱 만들기 더보기 python manage.py startapp polls cd polls v..

[리눅스] 노트북 산 기념 리눅스 환경 만들기! + 장고 설치까지..

드디어 lg 그램 16을 샀다. 세팅하는거 참 힘들다.. 윈도우 10 education로 업그레이드하고..ㅎㅎ 힘들다. 장고를 이 노트북으로 하기 위해 리눅스 환경으로 만들 것이다. 1. VMware Workstation 16 Player player는 개인이 이용하면 무료라고 한다. 2. 우분투 리눅스(Ubuntu Linux) 설치 (http://www.ubuntu.com)에서 설치 나는 조금 오래걸렸다. 설치하고 거의 하루를 마우스 커서가 깜빡거리는 걸 해결하지 못해서 애먹었다. 우분투 20.04를 처음부터 다시 깔아보고 난리도 아니었는데ㅠㅠ 거의 하루를 이거 해결하는데 썼다...진짜 시간 아깝다 일단 power off를 하고 virtual machine setting으로 들어가서 3d grapic?..

[Django] 장고 설치하면서 배운 리눅스 명령어들

프로젝트하면서 리눅스를 많이 이용할 것 같다고 하셔서 리눅스에 장고를 설치해보았다. 설치하면서 배운 리눅스 명령어들.. Linux 기본 명령어 ▷ls : 파일 리스트 보기, 해당하는 파일안에 무슨 파일이 있는지 알 수 있음(파일 목록 조회) ▷cd : 디렉토리를 변경. -cd (파일명) -cd .. : 상위 디렉토리로 이동, 전 파일로 이동 -cd 또는 cd~ : 홈 디렉토리로 이동 -cd /(디렉토리명) ▷mkdir : 디렉토리 생성 ▷chmod : 권한 설정 VI 기본 명령어 저장/종료 ▷:wq! : 강제 저장 후 종료(느낌표가 붙으면 강제) ▷:w : 저장 ▷:q : vi종료(여기서 느낌표 붙으면 강제 종료) 입력모드 ▷i : 커서 위치에 입력 ▷esc키 : 입력모드 종료

[Django] 장고 프로젝트 순서

장고 프로젝트 순서 0. 파이썬 설치 1. 파이참 프로젝트 만들기 2. 장고 설치 3. 장고 프로젝트 만들기 4. 설정하기 (데이터베이스, S3) 5. 데이터베이스 초기화 6. 관리자 계정 만들기 7. 앱 만들기 8. 모델 설계 (데이터베이스) 9. 뷰 만들기 (기능,계산) 10. 템플릿 만들기 (화면에 표시될 내용, 양식) 11. URL 만들기 대표적인 기능(화면) : CRUD -> Create, Read, Update, Delete youtu.be/Nv_9uZ4ld9U 출처 : 배우는 프로그래머 www.youtube.com/channel/UCoIC6Nj833OCz3J3bZrJGyg