WalkingBo의 걷는 정보

2020년 2월 5일 기준 현재 코로나바이러스 감염자는 세계적으로 2만 8천여 명 정도 되고 560여 명 정도 되는 상황입니다. 우리나라에도 현재 여러 사이트에서 코로나바이러스의 상황, 예방법, 확진자의 동선까지 보여주고 있습니다. 하지만 업데이트 부분에서 가장 빠른 코로나바이러스 정보 사이트(외국)를 소개하고자 합니다. Coronagram 1. 메인 화면 2. 주요 내용 - 히트맵 지도 나라 별로 감염자를 시각적으로 한번에 볼 수 있는 지도를 제공하고 있습니다. * 저의 블로그글 장고 히트맵 편과 유사 - 접속한 나라별 감염자 수, 사망자 수 제공 영어 기반 사이트지만 여러 나라 접속자를 위한 요약을 제공하고 있습니다. 예를 들어 한국에서 접속한 사람은 Korea cases가 표출되고, 프랑스에서 접속..

1. Pingendo 소개 - Pingendo는 디자이너, 개발자 및 웹 에이전시를위한 최신 웹 디자인 도구입니다. 스태킹 블록으로 직관적이며 텍스트 편집기로 강력합니다. - 기본적으로 반응형으로 되어있습니다. - 복잡한 사이트 보단 랜딩페이지와 같은 간단한 사이트를 그리기에 용이합니다. 2. Pingendo 다운로드 - 무료다운 가능하며 추후 라이선스를 취득하여 더 많은 기능이 있는 유료버전으로 변경이 가능합니다.(무료기간이 정해져있는 것 같습니다.) 3.Pingendo 사용 - 다운로드 이후 실행 - 비어있는 html을 사용할 수 도 있고 제공하는 몇몇 샘플템플릿도 사용가능합니다. 4. Pingendo를 사용 화면 예 - 왼쪽의 툴을 드래그 앤 드롭하여 화면을 디자인 할 수 있어 편리합니다. - st..

1. 구글 애드센스 - 광고주를 위한 애드워즈와 대비되는 구글의 광고 프로그램이다. 웹사이트 소유자는 애드센스에 가입함으로써 광고 수익을 구글과 나눌 수 있다. 2. 티스토리에 구글 애드센스 적용하기 1) 구글애드센스 로그인 2) 사이트 관리 선택 및 추가 - 광고를 게시하고 싶은 사이트 주소를 추가해 줍니다. 3) 티스토리 html에 구글 애드센스 코드 반영 - 관리 꾸미기 스킨 편집에서 html 편집을 클릭합니다. - 다음의 예시 처럼 넣어 줍니다. 자동 광고 코드가 추가되기 전의 HTML 페이지 예 페이지 본문입니다. 자동 광고 코드가 페이지 본문입니다. 이는 샘플 코드일 뿐이므로 사이트의 코드에 사용하지 마세요. 4) 광고 단위 선택하여 코드 생성 - 광고에서 광고 단위를 클릭하여 새 광고 단위를..

1. 히트맵 - 열을 뜻하는 히트와 지도를 뜻하는 맵을 결합시킨 단어로, 색상으로 표현할 수 있는 다양한 정보를 일정한 이미지위에 열분포 형태의 비쥬얼한 그래픽으로 출력하는 것이다. 2. amChart - 자바스크립트 형식으로 차트와 맵을 쉽게 만들 수 있도록 지원하는 라이브러리 사이트 - docs를 참고하여 여러 기능 구현 가능(아래 예제코드는 일부 기능이 더 추가 됨) - 주소: https://www.amcharts.com JavaScript Charts & Maps - amCharts JavaScript / HTML5 charts and maps data-viz libraries for web sites and applications. Fast and responsive. WordPress plug..

1. 인텐트 - 메시징 객체로, 다른 앱 구성요소로부터 작업을 요청하는 데 사용하고 구성 요소 사이의 통신을 촉진한다. 2. 사용 1)startActivity - First Activity에서 Second Activity를 호출과 함께 Data 전달 FirstActivity에서 작성(데이터 주기) Intent intent = new Intent(FirstActivity.this,SecondActivity.class); intent.putExtra("data","walkingbo") startActivity(intent) SecondActivity에서 작성(데이터 받기) Intent intent = getIntent(); String a = intent.getStringExtra("data"); Log.e..

1. 장고 환경설정 및 FEEDPARSER 설치 1)가상환경 만들기 python -m venv mydjango 2)가상환경 실행 mydjango\Scripts\activate 경로 앞에 (mysite) 유무 확인 -> 없다면 가상환경 실행이 안된 것입니다. 3)장고, feedparser 설치 pip install django pip install feedparser 4)프로젝트와 앱 생성 django-admin startproject feedreader python manage.py startapp rss 5)앱 등록 INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django...

1. 반응형 웹 - 다양한 기기의 디스플레이 크기에 따라 화면의 크기가 자동으로 변하는 웹사이트 2. 뷰포트 설정 - 문서 헤드에 메타 뷰포트 태그 설정 - 예시 1) name="viewport" - 태그를 설정합니다. 2) content="width=device-width, initial-scale=1" - width=device-width : 기기 독립적 픽셀에서 화면 너비에 맞게 페이지를 맞춰줍니다. - initial-scale=1 : 기기 방향에 상관없이 브라우저가 기기 독립적 픽셀과 CSS 픽셀 간에 1:1 관계를 설정하고, 페이지에 서 전체 가로 너비를 활용할 수 있습니다. 3. 미디어 쿼리와 중단점 설정 - 미디어 쿼리는 CSS 스타일에 적용될 수 있는 간단한 필터 입니다. - 중단점 설정 ..