Code1018

* 추가할 기능 구현 (게시판)

- 조회수 조작 방지 기능

* 추가할 기능 구현 (인증)

- 소셜 인증

--------------------------------------------------------------------------------------

  조회수 조작 방지에 관해 어떻게 해결해야할까 고민하던 중 오늘 자료실의 좋아요 기능을 만들면서 해결책이 가늠이 잡혔다. 하지만 이번 일지에서는 구현하지 못하였다.

  이번 일지에서는 자료실을 추가하였다. 게시판과 똑같다. 다만 파일 업로드, 다운로드 기능이 새로웠고, 조회수 대산 좋아요 기능을 추가하였다.

  자료실 모델이다.

< model >

  게시판과 똑같다. 다른 점은 FileField 가 추가되었다.

< urls.py >

  게시판과 같고 다른점은 좋아요 기능 구현을 위한 url이 추가되었다.

자료실의 모습이다.

< 자료실 모습 >

  게시판과 같은 모습이지만 맨 오른쪽에 좋아요 수를 보여주고 있다.

자료실 업로드는 큰 어려움이 없었는데 업로드된 파일을 다른 사용자가 다운로드해주는 기능을 추가해야했다.

< 다운로드 기능 >

  DEBUG 모드에서는 단순히 URL 주소를 넘겨주면 직접 접근이 가능하다. 하지만 실제 배포하였을 때는 직접 접근이 안되기 때문에, 다운로드 기능을 추가해주어야한다. file_url 에서 맨 앞 글자를 지운 이유는 이상하게도 업로드된 사진을 웹에 보여주는 것과는 동작이 달랐기 때문인데 문제를 분석하다보니 url 다루는 차이가 있었다.

  file의 경우 앞에 / 문자가 없어야 잘 동작했고 사진의 경우 / 문자가 있어야 잘 동작했다. 그래서 / 문자를 settings.py 에서는 넣어서 설정을 하고 파일 다운로드 기능에서는 위와 같이 [1:] 을 사용해 맨 처음 문자를 빼고 넣어주었다.

< 다운로드 >

  다운로드를 클릭하니 다운로드 되었다.

< 다운로드 된 모습 >

  다음으로 좋아요 기능이다.

< like_tools 추가 >

  먼저 사용자의 프로필에 like_tools를 추가해주었다. 이는 ManyToMany 필드로 연결했다.

< 토글 기능 >

  토글기능은 현재 사용자의 좋아요 리스트에서 해당 포스트 자료가 존재하면 remove 해주고 존재하지 않으면 add로 해당 포스트 자료를 추가해준다.

< html >

  마찬가지로 좋아요 리스트에 있다면 좋아요를 누른것이므로 Unlike를 출력해주고 없으면 아직 누르지 않은 것으로 Like 를 출력하여 토글 버튼이 되도록 하였다.

< 좋아요 클릭 >

< 좋아요 클릭한 모습 >

  좋아요를 클릭하면 Unlike로 바뀐다.

< 좋아요 수 출력 >

  좋아요 수는 해당 자료를 좋아요 누른 사람들의 수를 count 하여 출력해준다.

* 서버 호스팅

- MySQL 연동

- AWS 구축 및 환경 구축

- 호스팅 및 DNS 등록

* 추가할 기능 구현 (게시판)

- 조회수 조작 방지 기능

* 추가할 기능 구현 (인증)

- 소셜 인증

* 추가할 기능 구현 (게시판)

- 댓글 기능

- 조회수 기능

- 게시글 삭제 기능

* 추가할 기능 구현 (인증)

- 소셜 인증

------------------------------------

  오늘은 댓글 기능과 조회수 기능을 추가하였다.

  추가적으로 게시판의 모양을 테이블로 조금 더 그럴싸하게 만들었다.

< 게시판 표 작성 >

  게시판 모델 HTML을 가져와 사용했고, 컨텐츠는 전달받는 post에서 뽑아서 뿌려주었다.

< 게시판 모양 >

  다음으로 댓글 기능을 추가하였다.

다음은 댓글 Model이다.

< Comment Model >

  writer를 Profile과 연결해주었다. 또 post와도 연결해주었다.

  다음은 템플릿에서 댓글 출력 코드이다. 

< 댓글 출력 코드 >

  Comment 모델에서 post를 외부키로 연결할 때 related_name을 comments로 정의해주어서 comments로 접근할 수 있다.

  여기에 사진은 캡쳐하지 않았지만 comment.comment_writer로 닉네임을 출력할 수 있었던 이유는 내가 Profile 모델을 정의하면서 __str__ 을 overwrite해서 닉네임을 출력하게 만들었기 때문이다.

< 댓글 출력 화면 >

  다음으로 댓글 쓰기 기능을 만들었다. 쓰기의 경우 기존 detail 보는 템플릿에서 폼을 추가해주고 해당 폼을 처리해줄 view를 만드는 과정으로 진행했다.

< form 생성 >

  post 와도 외부키가 연결되어있기 때문에 post의 pk가 필요하다.

< comment_write view >

  POST 메서드일 경우만 처리하게 만들었다. 이 경우 post를 pk로 뽑아내고 현재 로그인한 사용자의 user를 가져와 연결된 Profile을 작성자와 연결해준다. 그 후 각 내용을 Comment 로 생성해주면 된다.

< 테스트 댓글 작성 >

< 댓글 작성 확인 >

  다음으로 댓글의 개수를 출력해주었다.

< 댓글 수 >

  이 댓글 수를 새주는 것은 all 대신 count를 이용하면 되었다.

  다음으로! 조회수 기능이다.! 

나는 Detail View(CBV)를 사용하였는데, 인터넷에 보니 CBV를 사용할 경우 처리해야할 게 많아서 보통 다른 lib를 이용한다고 들었다. 그런데 내가 일단 구현해 보았다.

< 조회수 증가 함수 생성 >

  @property를 이용하면 템플릿에서도 사용할 수 있다. 조회수를 1 늘리고 저장한다.

< 템플릿에 삽입 >

  이렇게 되면 해당 화면이 불려질때마다 해당 post의 조회수가 1씩 증가한다.

< 조회수 증가 테스트 >

  테스트해보니 문제가있었다...

해당 템플릿이 로드 될 때마다 조회수가 증가하다보니, F5를 연달아 누르면 조회수가 막 올라간다... 

  이 기능을 세션을 가지고 처리했던 것 같은데 자세히 다시 알아보고 처리해야겠다.

* 추가할 기능 구현 (게시판)

- 댓글 수정기능

- 조회수 조작 방지 기능

- 게시글 삭제 기능

* 추가할 기능 구현 (인증)

- 소셜 인증

  Django 프로젝트에서 게시판 프로젝트를 시작한다. 인증 부분에서 소셜인증, 회원정보 수정을 제외하고는 전부 구현하였다. (나머지 기능은 차차 구현할 것이다.)

  오늘은 게시판에서 게시글들을 출력하고 게시글을 들어가서 확인하는 것까지 구현하였다.

  먼저 시간 설정을 해주었다. Post 모델을 정의하여 게시글을 만들었다. 이 때 작성일시를 자동으로 현재 날짜시간을 기록하게 하였는데, 이 때 settings.py 에서 설정해주어야할 것이 있다.

< settings.py 설정 >

  이 변수를 False로 설정해야 settings.py에서 설정한 시간대를 프로젝트 전체에서 사용할 수 있다.

  Post 모델을 정의하였다.

< Post 모델 >

  이 모델은 게시글이다. 작성자를 CharField로 설정한 이유는 사용자의 프로필에서 nickname을 가져와서 문자열로 저장하려고 하기 위해서이다.

< urls.py >

  다음으로 urls.py를 설정해준다. 기본적인 게시글 리스트와 디테일을 만들었다. 그리고 추가적으로 글 쓰기와, 글 수정을 만들었다.

< CBV를 이용한 View >

  글 리스트와 디테일은 CBV를 이용하여 쉽게 구현하였다.

< 게시글 목록 보기 >

< 게시글 자세히 보기 >

  다음으로 글 작성하는 것을 만들었다. CreateView (CBV)를 이용할 수 있었지만, 나는 작성자에 사용자의 프로필에 있는 닉네임을 넣어줄 것이고 또한 메세지를 출력해주고 싶었기에 직접 view를 만들었다.

< post_write view >

  글쓰기 뷰를 만들고 테스트해보았다.

< 글 작성 테스트 >

< 글 작성 성공 메세지 알람 >

< 글 작성 리스트에서 확인 >

< 글 작성 내용 보기로 확인 >

  다음으로 작성한 글에 대한 내용을 수정하는 것이다.

< post_update view >

  여기서 인증부분이 필요했다. 글은 아무나 수정하면 안되기 때문이다. 로그인한 사용자의 정보에서 프로필을 가져와 프로필에 있는 닉네임과 게시글 작성자를 비교하여 같으면 수정을 허락하고 같지 않으면 경고를 해준다.

< 글 수정 테스트 >

< 글 수정 성공 메세지 알람 >

< 글 수정 확인 >

  오늘 일지의 마지막으로는 유저 확인기능에 대해서 정리할 것이다. 게시글에서 작성자가 나오는데 해당 작성자에 대해 알아볼 수 있는 기능을 추가하기로 했다. 작성자를 클릭하면 작성자의 정보가 나오게 하는 것이다.

< user_select_info view >

  개인 정보 확인하는 것을 그대로 따왔다.

< urls 추가 >

  개인정보의 경우 로그인정보를 이용하여 정보를 가져오면 되지만 다른 사용자의 정보를 출력하기 위해서는 해당 사용자의 정보를 넘겨줘야한다. 그래서 나는 작성자를 넘겨 주기로 했다.

< 작성자 확인 테스트 >

  tfa 를 클릭해보았다.

< 다른 사용자 정보 확인 >

  다른 사용자의 정보를 확인 할 수 있었다.

=============================

* 추가할 기능 구현 (게시판)

- 댓글 기능

- 조회수 기능

- 게시글 삭제 기능

* 추가할 기능 구현 (인증)

- 소셜 인증

github에서 계정을 만들고 새 저장소를 만든다.

(저장소 생성)

생성된 저장소는 아래와 같다.

(생성된 저장소)

이제 remote 저장소와 현재 저장소를 연결해야한다.

(사용자 정보 입력)

그리고 remote 저장소와 연결

(remote 저장소와 연결)

이제 현재 내 VM-kali 호스트와 계정을 연결해 둘 것이다.

(SSH 연결)

그래서 할 수 없이 새로 다른 폴더를 만들고, 거기서 git clone을 해준 뒤, 작업했다.

(add 전)

그리고 git status를 치니 아직 추적되지 않은 파일들이 나온다.

(add)

commit을 해준다.

(commit)

이제 이 정보들을 remote 저장소에 push 해주면 된다.

(push)

작업했던 내용들이 업로드 된다.

(원격 저장소)

이제 CoffeeNet 프로젝트를 소개할 README.md 를 작성해야한다.

(README.md)

방금 작성한 README파일을 내 로컬에도 옮겼다.

(pull)

그렇기에 이와 관련되어 필요한 파일들을 설치해주는 setup.sh 쉘스크립트를 작성했다.

(setup.sh)

그리고 파이썬의 필요한 모듈들을 파일로 이름들을 저장해두었다.

(필요한 모듈)

custom 옵션같은 경우, 스캐너 클래스에 custom_option이라는 문자열 변수를 놓고 여기에 옵션을 사용자로부터 입력받아 저장하고, 스캔할 때 이 옵션을 뒤에 추가한다.

(추가한 옵션 변수)

여기에 옵션을 사용자로부터 입력받아 저장한다.

(실행 코드)

실행시 이 변수를 옵션 뒤에 붙여서 실행해준다.

(실행 모습)

왜냐하면 부정확한 옵션을 입력으로 넣게 되면 스캔 작업때 에러가 나기 때문이다.

(입력된 옵션)

입력을 받게 되면 스캔 메뉴에서 직접 어떤 옵션이 들어가있는지 확인 할 수 있다.

(실행 모습)

아무리 경고를 해놨다 해도, 이에 대해 잘 처리를 안해두면 훌륭한 프로그래머가 아니다.

(에러 모습)

이를 막기 위해 예외 처리를 하였다.

(예외 처리)

예외처리를 하였다. 총 스캔하는 코드가 3부분 있었는데 그 곳에 이렇게 예외처리를 하였다.

(예외처리 모습)

에러를 출력한다. 그리고 현재 입력된 옵션을 지워주게 만들었다.

(옵션 삭제)

깃헙에 올려서 배포를 한 후, 깃헙을 이용해 업데이트 작업을 진행할 계획이어서 여기서는 구현하지 않았다.

(update 미 구현)

그리고 추가적으로 메뉴를 조금씩 바꾸고 있다. 아래는 스캐너 모듈의 스캔 메뉴를 조금 바꾸었다.

(스캔 메뉴)

이럴 경우 기존 host 데이터가 없으므로 detail 스캔을 진행하지 못하므로, ip 주소를 입력받아 해당 ip 주소를 detail 스캔 하는 방식으로 작성하였다.

(detail 스캔 예외모드)

실행하면 다음과 같이 잘 동작하는 것을 확인하였다.

(동작 확인)

코드에서는 두번째 인자를 ip 형식이 맞는지 체크하는 루틴을 위에서 만든것과 같이 똑같이 만들었다.

(동작 확인)

그래서 찾아본 결과 -T 옵션이 아래와 같은 기준으로 세부 옵션을 설정해주는 거였다.

(-T 옵션)

그런데 카페 같은 소규모 네트워크에서 사용할 프레임워크로써 그러한 소음에는 덜 민감해도 된다고 판단하였고, 카페같은 무선랜을 주로 사용하는 곳에서는 호스트가 유동적으로 연결 되었다 해제된다. 그러기에 빠르게 스캔할 줄 아는게 굉장히 중요하다고 판단하여 -T5 옵션을 사용하기로 결정했다.

(-T 옵션 장착)

그 외로 이제 정상적인 스캐너의 기능을 할 줄 알게 되는 스캐너를 구현하였다.

(스캐너 구현)

db 메뉴에서 지금까지 스캔한 정보에 대한 정보를 선택해서 볼 수 있는 메뉴를 만드는게 좋을 것 같았다.

(추가한 db메뉴)

db 메뉴에 들어가면 아래와 같다.

(db 메뉴)

host 리스트 정보 출력

(호스트 리스트)

입력된 ip에 열려있는 포트 정보를 출력해준다.

(open 된 port 정보)

예외적으로 호스트된 정보가 없다면 데이터가 없다고 출력해준다.

(호스트 정보 없음)

service 메뉴에 관한 코드는 아래와 같다.

(service 메뉴)

4. nmap의 속도 개선 고민.

제일 첫 단계로 인터페이스를 잡아야한다.!

(인터페이스 리스트)

netifaces 라이브러리의 interfaces 함수를 사용하면 현재 호스트의 인터페이스 리스트가 반환된다.

(결과)

인터페이스가 설정 되었으면 그 인터페이스의 ip 정보를 확인해 볼 수 있다.

(ifaddresses)

ifaddresses 함수를 사용한다.

(결과)

결과 해당 인터페이스의 ip정보가 나온다. 난 IPv4를 사용할 것이다.

(AF_INET)

(AF_INET)

'addr' 키를 넣으면 해당 ip 주소 데이터가 나온다.

(결과)

gateway정보는 gateways 함수를 사용하면 된다.

(gateways() 함수)

(결과)

그러면 기본 gateway의 주소를 구할 수 있게 된다.

(gateway주소)

(결과)

netmask 정보는 아까 ifaddresses 함수의 결과 안에 있었다. 거기서 netmask 정보를 가져온다.

(netmask)

(결과)

지금까지 알아본 정보로 CoffeeNet 프로젝트에 기능을 추가했다.

(CoffeeNet 의 Tool, Scanner)

scan_func 파일을 만들어 스캐너에 필요한 함수를 전부 여기다 정리해 둘 것이다.

(scan_func.py)

그러면 지금까지 정리된 툴을 실행시켜보겠다.

(use scanner)

그러면 인터페이스를 설정하는 선택지가 나온다.

(번호 선택)

처음 Scanner시작화면이 뜨게된다.

(Scanner 화면)

2. 선택한 인터페이스의 IP대역에 있는 호스트 스캐닝 구현

먼저 프레임 워크 틀을 만들었다.

(main menu)

list 기능 구현이다.

(list)

list 명령을 입력하면 현재 import된 툴 이름을 출력해준다.


use 명령

(use)

info 명령

(info)

info 명령어 뒤에 툴 이름을 적으면

info [tool_name]

exit 명령어

(exit)

큰 구조는 아래와 같다.

(CoffeeNet 구조)

2. Scanner 제작.

4. results : 설문 결과를 보여주는 view

(views.py)

두번째 인자는 넘겨 받는 인자인데, 우리가 urls.py를 작성할 때 url 주소에서 파싱한 내용들이다.

(polls/urls.py)

뒤에 3이 question_id 라는 변수에 들어가서 넘겨가는 것이다.

(실행 화면)

최근 설문지 5개를 가져와서 출력하는 것을 해보자!

(views.index)

확인!

(확인)

polls/templates/polls/index.html 을 만들자!

(polls/templates/polls/index.html)

우리는 view에서 이 템플릿과 연결해야한다.

(polls/views.index)

그리고 template.render를 해주면 된다.

(결과)

단축기를 사용해보자.

(단축기 사용)

404 에러 처리를 해보자!

(404 에러처리)

실행하기 위해 detail.html을 만들어야하는데 형식상 만드는 것이므로 지금은 아주 간단히 작성한다.

(polls/templates/polls/detail.html)

없는 인덱스로 실행해보자.

(404 에러)

우리가 위에서 했던 것을 한방에 해주는 함수다.

(단축기 사용)

실행해본다.

(실행 결과)

선택지를 보여주는 작업을 해볼 것이다.

(polls/templates/polls/detail.html)

(실행)

(index 템플릿)

(하드코딩 제거)

그렇다면 저 url은 뭘까?

(urls.py)

이걸 방지하기 위해 app_name을 지정해 줄 수 있다.

(APP 이름 지정)

그렇다면 당연히 아까 적은 url 표기도 바꾸어 주어야한다.

(url 표기 변경)