IT20 Chap 2. 장고 기본 요소 학습#9 (표준 HTML 과 템플릿 상속) 안녕하세요. 밤고래에요 :) 오늘은 표준 HTML 과 템플릿 상속을 배워보고자 합니다. 2-9 표준 HTML 과 템플릿 상속 사용해 보기 지금까지 작성한 질문 목록과 질문 상세 템플릿 파일을 표준 HTML 구조가 아니다. 어떤 OS나 웹 브라우저를 사용하더라도 웹 페이지가 동일하게 보이고 정상적으로 작동 하게 하려면 반드시 웹 표준을 지키는 HTML 문서를 작성해야 한다. 그럼 표준 HTML 구조는 어떻게 생겼을까? 다음과 같이 html, head, body 엘리먼트가 있어야하며, CSS 파일은 head 엘리먼트 안에 있어야 한다. 또한 head 엘리먼트 안에는 meta, title 엘리먼트 등이 포함되어야 한다. [실습] 템플릿을 표준 HTML 구조로 바꾸기(p106) 앞에서 작성한 템플릿 파일을 표준.. 2021. 6. 18. [프로그래밍] Chap 2. 장고 기본 요소 학습#8 (부트스트랩) 안녕하세요. 밤고래에요 :) 오늘은 저번시간에 CSS를 적용하여 만들었던 파이보 웹사이트에 부트스트랩을 활용하여 좀 더 예쁘게 웹사이트를 만들어보고자 합니다. Chap 2. 장고 기본 요소 학습#7 (스타일 시트(CSS)) 안녕하세요. 밤고래에요 :) 앞에서는 게시판 답변 등록 기능을 만들었어요. [프로그래밍] Chap 2. 장고 기본 요소 학습#6 (게시판 답변 등록 기능) 안녕하세요. 밤고래에요 :) 앞에서는 질문 등록, 조 bamgorae.tistory.com 2-8 부트스트랩으로 더 쉽게 화면 꾸미기 부트스트랩은 전문 웹 디자니어가 아닌 개발자 혼자서도 화면을 괜찮은 수준으로 만들 수 있게 도와주는 도구다. 부트스트랩은 트위터를 개발하면서 만들어졌고, 지속적으로 관리되고 있는 오픈소스 프로젝트이다.. 2021. 6. 7. [프로그래밍] Chap 2. 장고 기본 요소 학습#7 (스타일 시트(CSS)) 안녕하세요. 밤고래에요 :) 앞에서는 게시판 답변 등록 기능을 만들었어요. [프로그래밍] Chap 2. 장고 기본 요소 학습#6 (게시판 답변 등록 기능) 안녕하세요. 밤고래에요 :) 앞에서는 질문 등록, 조회 기능을 만들었어요. [프로그래밍] Chap 2. 장고 기본 요소 학습#4 (장고 Admin, 템플릿, 예외페이지) 안녕하세요. 밤고래에요 :) 오늘은 장고 Admin bamgorae.tistory.com 그러나 아직 뭔가 부족한 느낌...? UI 개선이 필요합니다. 오늘은 UI 를 개선하기 위해 스타일시트를 적용해보려고합니다. 2-7 화면 예쁘게 꾸미기 [실습] 웹 페이지에 스타일시트 적용하기(p97) 스타일시트를 파이보에 적용하려면 CSS 파일이 스태틱 디렉터리에 있어야한다. Step 1. 설정.. 2021. 6. 3. [프로그래밍] Chap 2. 장고 기본 요소 학습#6 (게시판 답변 등록 기능) 안녕하세요. 밤고래에요 :) 앞에서는 질문 등록, 조회 기능을 만들었어요. [프로그래밍] Chap 2. 장고 기본 요소 학습#4 (장고 Admin, 템플릿, 예외페이지) 안녕하세요. 밤고래에요 :) 오늘은 장고 Admin 과 템플릿에 대해서 알아볼 예정입니다. Admin 이란, 저희가 만든 웹 어플리케이션의 관리자페이지라고 생각하면됩니다. 템플릿 이란, 장고 문법을 사 bamgorae.tistory.com 이번에는 파이보 게시판 앱에 답변을 등록하는 기능을 구현해볼 예정입니다. 2-6 답변 등록 기능 만들기 [실습] 답변 저장하고 표시하기(p91) Step 1. 질문 상세 템플릿에 답변 등록 버튼 만들기 질문 상세 템플릿 pybo/question_detail.html 파일을 수정하자. form 엘리먼트 .. 2021. 6. 1. [프로그래밍] Chap 2. 장고 기본 요소 학습#5 (URL 네임스페이스) 안녕하세요. 밤고래에요 :) 오늘은 URL을 더 똑똑하게 사용하는 방법에 대해 다룰 예정입니다. 특히, 템플릿에서 사용한 URL 하드 코딩을 없애는 방법에 대해 알아보겠습니다. 2-5 URL 더 똑똑하게 사용하기 question_list.html 에서 사용된 href 값을 보자. "pybo/{{ question.id }}/"는 질문 상세를 위한 URL 규칙이다. 하지만 이런 URL 규칙은 프로그램을 수정하면서 '/pybo/question/2/' 또는 '/pybo/2/question/'으로 수정될 가능성도 있다. 이런 식으로 URL 규칙이 자주 변경된다면 템플릿에 사용된 모든 href 값들을 일일이 찾아 수정해야 한다. 이런 문제를 해결하려면 해당 URL에 대한 실제 주소가 아닌 주소가 매핑된 URL 별칭.. 2021. 5. 29. [프로그래밍] Chap 2. 장고 기본 요소 학습#4 (장고 Admin, 템플릿, 예외페이지) 안녕하세요. 밤고래에요 :) 오늘은 장고 Admin 과 템플릿에 대해서 알아볼 예정입니다. Admin 이란, 저희가 만든 웹 어플리케이션의 관리자페이지라고 생각하면됩니다. 템플릿 이란, 장고 문법을 사용하는 html 파일입니다! 예외페이지 란, URL에 정의하지 않은 URL을 사용자가 접근시 출력되는 페이지입니다. 2-3 개발 편의를 제공하는 장고 Admin(P70) [실습] 장고 Admin 사용하기 장고 Admin을 사용하려면 슈퍼 유저를 먼저 생성해야 한다. 슈퍼 유저는 장고 운영자 계정이다. Step 1. 슈퍼 유저 생성하기 명령 프롬프트에서 python manage.py createsuperuser 명령을 실행하여 슈퍼 유저를 생성한다. Step 2. 장고 Admin에 접속해 로그인하기 장고 개발.. 2021. 5. 27. 이전 1 2 3 4 다음
