2021.05.06 열쇠 관련 뉴스 페이지 만들기

2021.04.19 갤러리 페이지에서 Mixed content 오류 해결, 1차 개발 완료

2021.04.11 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.11 한라열쇠 홍보용 웹페이지 2021.04.12 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.12 메인 페이지 만들기 2021.04.13 - [개발 일지/한라열쇠..

brightnightsky77.tistory.com

한라열쇠 홈페이지에 어떤 기능을 더 추가할 수 있을까 곰곰이 생각해보다가

문득 열쇠나 집 보안에 관련된 뉴스를 볼 수 있는 기능을 넣으면

아무래도 고객들이 열쇠 가게에 대해 관심이 가지 않을까 해서 개발해봤습니다.

뉴스는 네이버의 뉴스 검색 API를 사용해 불러왔습니다.

밑의 링크는 네이버 API와 파이썬을 이용해 네이버 뉴스를 불러오는 방법을 제가 포스팅한 링크입니다.

[네이버 API][Python] 네이버 뉴스를 가져오기 위해 네이버 검색 API 사용해보기 (2)

2021.04.20 - [프로그래밍/네이버 API] - [네이버 API][Python] 네이버 뉴스를 가져오기 위해 네이버 검색 API 사용해보기 (1) [네이버 API][Python] 네이버 뉴스를 가져오기 위해 네이버 검색 API 사용해보기 (1)

brightnightsky77.tistory.com

밑의 사진은 '열쇠' 키워드로 뉴스 10개를 출력해본 결과입니다.

그런데 '열쇠'라는 키워드로 뉴스를 출력해본 결과가 맘에 들지 않았습니다.

저에게 필요한 뉴스들은 '열쇠'라는 물체 그 자체와 관련된 뉴스들이 필요한데

뉴스에서의 '열쇠'라는 키워드는 어떤 문제에 대한 해결책을 비유하는 표현으로 쓰는 것이 훨씬 많았습니다.

그래서 일단 '열쇠', '디지털 도어락', '디지털 도어록', '보안'으로 검색할 시 나오는 뉴스를 30개 출력해봤습니다.

'열쇠', '디지털 도어락', '디지털 도어록' 키워드로 네이버 뉴스 30개를 출력

뉴스들은 제대로 출력되니 그다음엔 bootstrap으로 적용할 수 있는 밑의 링크들의 템플릿을 적용했습니다.

카드 하나 하나의 템플릿은 밑의 링크에서 찾은 cards 템플릿을 적용하고 살짝 수정했고,

Bootswatch: Lux

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater

bootswatch.com

전체적인 카드의 정렬들은 밑의 링크의 템플릿을 적용했습니다.

Bootstrap 4 Portfolio Layout Snippet - Three Columns

A CSS only, responsive Bootstrap 4 portfolio page layout example with three columns of content.

startbootstrap.com

날짜 형식을 고치고, 키워드에 있는 <b></b>를 제거하고,

제목과 내용에 있는 & " < >와 같은 특수문자를 맞는 문자로 치환했습니다.

※ 궁금한 부분, 이상한 점 및 오타는 댓글에 부탁드립니다.

저작자표시 비영리 변경금지

2021.05.06 열쇠 관련 뉴스 페이지 만들기

※ 궁금한 부분, 이상한 점 및 오타는 댓글에 부탁드립니다.

댓글

티스토리툴바