< django - 22 >

22. 답변 앵커 + 답변 redirect + 마크다운과 마크다운 문법

 

 

# 답변 앵커

- projects\mysite\templates\pybo\question_detail.html 파일을 열고 답변 작성, 수정 시에 이동해야 할 앵커 태그를 질문 상세 템플릿에 추가

Line 44 추가

+  URL 을 호출할 때 원하는 위치로 이동할 수 있게 해 주는 <a id="answer_{{ answer.id }}"></a> 앵커 태그 추가

+ answer_{{ answer.id }}처럼 답변 id 사용  -->  앵커 태그의 name 속성이 유일한 값이여야 하기 때문

 

 

 

 

# 답변 redirect

1. projects\mysite\pybo\views\answer_views.py 파일을 열고 answer_views.py의 answer_create, answer_modify, answer_vote 함수를 아래처럼 수정

+ 답변을 등록, 수정할 때 위에서 지정한 앵커 태그로 이동하도록 코드 수정

 

 

 

2. http;//localhost:8000/pybo/ 페이지를 호출  -->  수정한 후 답변을 등록할 때 스크롤이 지정한 앵커로 이동함을 확인 가능

상세 화면의 URL 에 #answer_5 가 추가되고 스크롤이 해당 위치로 이동함

 

 

 

 

# 마크다운과 마크다운 문법

- 마크다운

: 웹 사이트에서 주로 사용하는 글쓰기 도구

 

 

- 마크다운 문법

리스트	강조	링크	소스코드	인용
목록 표시를 위해 사용	특정 글자를 강조하기 위해 사용	HTML 링크 [링크명](링크주소) 규칙을 적용하여 생성	백쿼트(백틱) ` 3개를 연이어 붙여 위아래로 감싸 생성	>를 문장 맨 앞에 입력한 후, 1칸 띄어쓰기를 한 다음 인용구 입력
ex.  1. 일        2. 이        3. 삼	ex. 나는 파이썬이 좋아.	ex. 파이썬 홈페이지는 http://www.python.org 랍니다.	ex. def add(a, b): return a+b	ex. 마크다운은 Github에서 사용하는 글쓰기 도구이다.

 

 

 

 

# 마크다운 설치와 적용

1. 파이보에 마크다운 기능을 추가하기 위해 명령 프롬포트를 열어 마크다운 모듈 설치

pip install markdown 명령어 사용

 

 

 

2. projects\mysite\pybo\templatetags\pybo_filter.py 파일을 열어 mark 필터 추가

Line 1, 3, 12 ~ 15 추가

+ << Line 13 >>

: mark 함수  -->  markdown 모듈, mark_safe 함수를 이용하여 입력 문자열을 HTML로 변환하는 필터 함수

 

+ << Line 14 >>

: nl2br  -->  줄바꿈 문자를 <br> 로 변환해 줌

: fenced_code  -->  마크다운의 소스코드 표현을 위해 필요

 

 

 

3. projects\mysite\templates\pybo\question_detail.html 파일을 열고 질문 상세 템플릿에 {% load pybo_filter %} 태그를 추가한 뒤 마크다운 필터 적용

Line 2 추가, 16 수정

+ << Line 16 >>

: {{ question.content|mark }} 같은 마크다운 필터 mark 적용

 

 

 

4. projects\mysite\templates\pybo\question_detail.html 파일을 열고 답변 내용에 마크다운 필터 적용

Line 48 수정

 

 

 

5. http;//localhost:8000/pybo/ 페이지를 호출  --> 마크다운 문법으로 글 작성해보기

마크다운 문법을 지켜 글을 작성해보면 아래와 같이 나타남