우리는 word counter 기능이 구현된 웹을 만들 예정입니다. 입력받은 텍스트에서 각 단어가 얼마나 나왔는지 알려주는 사이트입니다.
textarea 태그 안에서 텍스트 데이터를 받고, Count! 버튼을 누르면 wordcount가 되도록 해줄 예정이고요,
이런식으로 만들어 볼 예정입니다.
ABOUT을 클릭하면 앞으로 작성할 about.html이 나오도록 작업해 줄 예정입니다.
여기까지가 시작하기 전 몸풀기(?)에 해당되는 내용입니다. 혹시 제가 앞서 적은 내용 중에서 이해 되지 않는 부분이 있다면 꼭 저번 주 내용을 복습해주시고, 그래도 모르시겠다면 언제든지 편하게 연락주세요!
지금부터 그러면 새로운 내용 들어가겠습니다!
서버가 없을 때는 <a href="about.html">ABOUT</a>
처럼 연결해 주었습니다. 그런데, 우리는 django를 이용하면서 서버가 있는 상태에서 돌릴 예정이기 때문에 저렇게 작성해주시면 안됩니다. 어떻게 돌아가는지 지금부터 설명드리겠습니다!!
위에 이미지로 첨부한 wordcount 페이지를 home.html에 작성해 줍시다.
<h1>Word Count!</h1>
<a href="">ABOUT</a>
<form action="">
<textarea cols=40 rows=20 name='fulltext'></textarea>
<br>
<input type="submit" value="Count!">
</form>
그리고, home.html이 runserver를 했을 때 나오도록 작업해줍시다. views.py에서 함수 정의, urls.py에서 path 추가 해주시면 됩니다!
우리는 이제 ABOUT을 누르면 about.html로 넘어가게 하고 싶은데요, 일단 about.html을 작성해 주어야겠죠? about.html도 간단하게 만들어줍시다. 저는 대충 다음과 같이 예를 들어서 작성하고, 맨 끝에 home으로 돌아가줄 수 있도록 a태그를 작성해 주었습니다
<h1>About</h1>
<p>Hi, this is a page for counting words.</p>
<a href="{% url 'home' %}">Back to home</a>
about.html을 만들고, 똑같이 views.py와 urls.py 작업을 해줍시다. 그런데, 여기서, urls.py의 path를 추가할 때 저번 주랑 다른게 있는데 path를 추가하실 때 마지막 줄과 같이 추가해주셔야 합니다!