TIL - [20.08.26]

오늘은 학교 가서 졸업장 받아온 날! 저녁에는 스파르타 수업도 있다. 그 사이에 공부공부

 

오늘 할 일

-튜터님이 수정해 주신 부분들을 찾고, 구글링해서 정리해두기
-일정편집API - 편집된 내용 저장하는 부분 만들기
-(수업시간에 이어서 하기) 날씨조회 API 설계하고 만들기

 

 

TIL

-튜터님이 수정해 주신 부분들을 찾고, 구글링해서 정리해두기

(1)

 

DB에서 '_id' 데이터를 받고 사용하기 위해 기존에 쓰던 jsonify방식이 아닌 dumps방식을 찾아서 내 코드에 적용해 주셨다.
dumps방식이 무엇인지 구글링했는데 영어 자료가 정말 많고 구글번역으로 봐도 모르는 용어가 많다(ㅠㅠ)
영어공부와 컴퓨터공학 기초 공부의 필요성이 절실하게 느껴지는 순간이다.ㅠ

그나마 내가 찾던 내용을 다루는 stackoverflow자료가 있어서 구글번역이라도 해 보았다.
(.dumps와 .jsonify 방식의 차이)

https://stackoverflow.com/questions/7907596/json-dumps-vs-flask-jsonify

json.dumps vs flask.jsonify

The jsonify() function in flask returns a flask.Response() object that already has the appropriate content-type header 'application/json' for use with json responses. Whereas, the json.dumps() method will just return an encoded string, which would require manually adding the MIME type header.

See more about the jsonify() function here for full reference.

Edit: Also, I've noticed that jsonify() handles kwargs or dictionaries, while json.dumps() additionally supports lists and others.

comment : jsonify() handles lists now. See this commit.

 

해석 및 요약 :

jsonify() 는 Flask의 내장함수 중 하나이며, 응답에 사용할 적절한 콘텐츠 유형 헤더 'application / json'가 이미 있는 flask.Response() 객체(object)를 반환한다.

반면 json.dumps()는 메서드이며, MIME타입 헤더를 수동으로 추가해야 하는 "인코딩encoded 된 문자열" 만 반환합니다. 

jsonify()는 kwargs, dictionary(딕셔너리) 형식의 데이터를 다룰 수 있다.
반면 .dumps()는 kwargs, dictionary, list 와 그밖의 형식의 데이터도 다룰 수 있다.
+ 추가 : 이제 .jsonify()도 list(리스트) 형식을 지원한다.

*kwargs : 파이썬에서의 개념으로 keyword argument의 줄임말이다. 키워드를 제공하며, 키워드=특정 값 형태로 함수를 호출할 수 있다. 이것은 {'키워드' : '특정 값'} 의 딕셔너리 형태 그대로 함수 내부로 전달된다. 
참고한 링크 : https://brunch.co.kr/@princox/180

 

-> 아직 모르는 용어들이 많지만 (application/json, MIME타입이 뭔지. 인코딩된encoded의 개념)
그래도 내 수준에서 이해하자면..
.dumps가 .jsonify보다 더 많은 데이터타입을 다룰 수 있지만 .jsonify가 내장함수라서 더 쓰기 편한 듯 하다.
(수업 중에 다룬 데이터들은 전부 .jsonify로 다룰 수 있는 유형이었고, mongoDB의 _id값은 처리되지 않아 에러가 뜨기 때문에 DB데이터를 불러올 때 제외조건으로 항상 {'_id' : 0}을 넣었었다.

->또 .dumps를 사용하기 위해 파이썬 파일 맨 위에
from bson.json_util import dumps
from bson.objectid import ObjectId

이 구문을 추가했었는데, 아마 dumps에 필요한 라이브러리인 것 같다.

 

(2)

자바스크립트 : this 와 e 

(일정조회함수-readsche)각 일정을 db에서 불러와 append하는 card의 편집 버튼에 온클릭함수의 인수로 this를 넣고 - fixsche(this) ,

(일정편집을 위한 조회함수-readasche)의 인수로 e를 넣어 그 정보를 불러오는 식으로 연결해 주셨다.

-> 사용법을 검색해 봤는데 (자바스크립트 this와 e, 자바스크립트 this 등..) 이런 식으로 사용하는 예제가 잘 안 나온다. ㅠㅠ 튜터님께 가서 구글링 키워드를 좀 여쭤봐야겠다.

 

-4. 일정편집API : 4-2편집된 내용 저장하는 함수(fixsche) 만들기

튜터님의 지난 피드백에 따라 일정편집API를 4-1.편집할 일정 조회 함수(readasche) 와 4-2.일정 변경 함수(fixsche)로 나누었다. 일정조회함수는 튜터님이 도와주셨고 일정변경함수는 내가 만들어야!

-4-2 fixsche 설계

일정변경을 위한 임시 input창의 값을 불러와서, ajax를 통해 POST방식으로 db에 저장되도록 한다.

->설계하려고 생각해 보니, 일반적인 일정생성 input창의 id와 똑같으면 문제가 되려나?싶다. 
서버에 전송되는 key값은 그대로 하되 html상의 id는 차이를 주어야 할까?..
굳이 그럴 필요 없을 것 같기도 한데 고민이다.

 

 

앞으로 할 일(프로젝트 마감까지)

일정편집API 4-2 완성하기

카톡/이메일 알림기능 구현하기 (카톡:플친, 이메일: 파이썬 함수)

 날씨조회 API 설계하고 만들기

회원기능 추가하기

그리고 마무리 차원에서 전체적인 완성도를 높이기.

 

오늘의 순수공부시간 - 1:33:36(+스파르타 수업&코딩시간-약 3시간)

 

 

 

 

튜터님 피드백

response = JSON.parse(response)

//언이스케이핑하는 과정.
// dumps와 jsonify의 차이는 일종의 암호화/암호화하지않음 의 차이라고 보면 된다.

//즉 dumps는  인코딩하여 값을 반환해주는 거고(그래서 _id값도 처리가 가능한 것) 이스케이핑(escaping).
//jsonify는 인코딩기능 없이 값을 반환해주는 느낌.(그래서 _id값은 처리가 불가능한 것 - _id값은 인코딩되어 처리되어야 하는 데이터이므로)

//response = JSON.parse(response)는 서버에서 dumps로 인코딩(암호화)된 데이터를 다시 디코딩(복호화)하는 명령이다! 언이스케이핑(unescaping)
//서버-클라이언트가 주고받는 데이터에 _id값이 포함되어 있기 때문에 이런 절차가 필요한 것.

그리고
// _id값은 실제로 ObjectId(_id = "5f434bc8ee94cdd9868eae10") 이런 형태의 데이터이기 때문에
// id 값을 내용으로 조건을 걸 때 {"_id":~~}로만 하면 안 되고, {"_id": ObjectId(~~)} 로 적어주어야. oid=objectid.

 

-일정편집API 드디어 완성!!ㅜㅜㅜ
이렇게 CRUD 기본 API가 완성되었다🎉

이제..

-회원제 기능

-알림(이메일, 카톡) 기능

-날씨조회 기능

이 셋을 하면 되는데 슬슬 선택과집중이 필요할 것 같긴 하다..!

 

=>튜터님과 상의해보니 회원제 기능을 도전해보자고 하셨다!

(스파르타 자료 '한걸음 더' 참고해서)

 

회원시스템 

-일단 한걸음더에 있는 샘플 회원가입, 로그인 프로그램 뜯어보기

DB내의 정보에 열을 하나 추가해서, 회원번호나 id값을 주고 누가 쓴 일정인지 구분하면 된다.

DB를 짤 때는..
->'엑셀'이면 어떻게 할지를 생각해보라! DB도 결국 2차원의 개념이기 때문.

 

로그인시스템을 위해 할 일

- index.html에서 로그인, 회원가입, 로그아웃이 가능한 UI를 만들기. 그리고 회원가입, 로그인, 로그아웃 함수 밑에 내 페이지 원래 내용 나오게 하기.

- login.html에서 로그인 창을 간단히 만들기.

- register.html에서 회원가입 창을 간단히 만들기.

- app.py의 샘플 로그인,회원가입 서버 코드를 복붙해 넣고 내 프로젝트에 맞게 고쳐보기.

 

※튜터님이 찾아주신.. 검색어 후하게 해주는? 방법
: 정확한 검색어로 검색하지 않아도 유사한 결과 보여주기.-> 일정검색할 때 사용하기
collection.find({'field': {'$regex':'regular expression'}})
https://stackoverflow.com/questions/39683102/find-documents-which-contain-a-particular-value-mongo-python

Find documents which contain a particular value - Mongo, Python