TIL - 20.10.29 (영화인 페이지, 랜덤뉴스페이지)

예니·2020년 10월 29일
0

TIL

목록 보기
15/25

네이버 영화 영화인 순위 웹스크래핑으로 DB 저장
카드 형식으로 영화인 보여주고, 좋아요 누르면 좋아요 수 올라감
좋아요 수대로 영화인 보여주는 페이지 만들기

📖 JS

  1. <script defer src="...">
    script defer 속성 : 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행됨

📖 Python

📌 sort, sorted 차이

기본적인 건데 자꾸 헷갈린다

  • 리스트명.sort() : 리스트형의 메소드 - 원본값 직접 수정
  • sorted(리스트명) : 내장 함수 - 원본값 유지, 새 값 반환

📌 dictionary 정렬

mongoDB에서 자료를 특정 key 기준 내림차순으로 정렬하기
db.db이름.find({}, {'_id':0}).sort('정렬하려는 key', -1)
오름차순일 경우, 두번째 인자 생략

lambda 쓰는 방법은 공부 더해보자


📖 Flask

📌 @app.route('/')

@app.route('/')

계속 이해를 못하고있었는데 갑자기 이해해버림

dict(사전) 데이터를 응답 데이터로 만들고, 이를 jsonify() 메서드를 활용해서 JSON 응답 데이터로.
API 구현 시, 특정한 URI를 요청하면 JSON 형식으로 데이터를 반환하도록 만들면 됨
그걸 필요한 곳에서 받아서 보여주면 됨


📖 기타

📌 Bulma css

https://bulma.io/documentation

Flexbox 기반 무료, 오픈소스 CSS framework
Bootstrap보다 가볍고, 사용자가 적어 참신한 느낌

📌 FontAwesome

https://fontawesome.com

폰트 형태로 아이콘을 제공하는 사이트
폰트 형태 -> 사이즈, 색 조절 가능



랜덤뉴스 페이지

Jquery, Ajax 복습 겸 Bulma css 이용해서 랜덤뉴스 페이지 제작

간단한 프로그램은 JS, CSS가 짧아서 한 페이지에 다 넣음


키워드 넣어주면 키워드 관련 랜덤뉴스 띄워줌
ajax url에도 템플릿 리터럴로 주소 넣어줄 수 있음

0개의 댓글