Programming/Web 개발 (14) 썸네일형 리스트형 마크다운 작성하기 (README.md 작성) 마크다운에 관한 기본 개념은 아래 사이트에서 매우 자세하게 튜토리얼을 통해 학습하실 수 있습니다. https://www.markdowntutorial.com/ Markdown Tutorial Markdown is a way to write content for the web. It’s written in what people like to call “plaintext”, which is exactly the sort of text you’re used to writing and seeing. Plaintext is just the regular alphabet, with a few familiar symbols, like asterisks ( www.markdowntutorial.com 마크다운은 일반 .. Django를 이용한 지역별 코로나맵 소스코드 배포 [Django를 이용한 지역별 코로나맵 소스코드 배포] 안녕하십니까? 저희는 울산 전용 코로나맵을 제작한 지완김 (Kim Jiwan) , 전대성, 김태윤 (Tae Yoon Kim)이라고 합니다. 울산 코로나맵 주소: https://coronamap-ulsan.site/ 코로나19가 전국적으로 급속도로 확산되며 전국을 대상으로한 코로나맵의 지역별 세세한 디테일이나 접근성에 문제점이 있다고 판단되었고, 이를 지역적으로 접근하여 시민들에게 더욱 정확하고 신속한 정보를 제공하기 위해 울산 지역을 한정으로 한 코로나맵을 제작하였습니다. 그리고 현재 배포 일주일만에 신규방문자가 4만명, 페이지 방문 수 10만회를 넘어가며 각종 메스컴에 소개되었습니다. 이러한 시민들의 관심으로부터 코로나 확진자 동선 및 마스크 판매.. 울산 코로나 맵 이용 가이드 저번주에 후배들과 개발했던 울산 코로나맵이 SNS나 뉴스, 신문 등의 매체를 통해 이용자가 확산됨에 따라 유입자가 계속 발생하여 별도로 이렇게 이용가이드를 작성해보려고 합니다. 코로나 맵을 이용하시는 분들께 많은 도움이 되셨으면 좋겠습니다. 울산 코로나19 맵 사이트 주소: https://coronamap-ulsan.site 코로나 울산 확진 29 | 완치 9 사망 0 --> 울산 지역만을 대상으로 자세한 정보를 제공하기 위한 코로나맵입니다. 표기된 확진자 경로는 방역소독이 완료되었습니다. 소독 이후에는 바이러스에 위험노출이 없습니다. 마스크 정보는 10분 간격으로 업데이트 되고 있으나 실제 약국 및 매장의 판매현황과 차이가 있을 수 있습니다. 이 점 양해부탁드리며, 마스크 보급을 위해 힘써주시는 분들을.. Geolocation을 활용한 사용자 위치 표시 (카카오맵 API) 이 포스팅은 내가 울산코로나맵을 기획 제작하는 과정에서 가장 애먹었던 부분이다. 사실 geolocation자체가 원래 잘 작동하지 않는 놈이다... 지원하지 않는 브라우저 환경도 많으며 보안 이슈로 https가 아닌 http에서는 지원하지 않는다. 때문에 현재 제작된 코로나맵들의 geolocation 역시 말을 잘 안 듣는 것을 볼 수 있다. 그나마 오류를 줄여본 코드는 다음과 같다. 먼저 gps_check 함수를 통해 시작하자마자 gps를 통해 사용자의 위치에 접근하고 허용 시, 사용자의 위치를 반환하여 저장한다. var gps_use = null; //gps의 사용가능 여부 var gps_lat = null; // 위도 var gps_lng = null; // 경도 var gps_position; /.. 웹 어플리케이션 모바일 화면 확대 방지 (입력, 더블탭, 확대) 웹 어플리케이션을 만들때 반드시 알아둬야할 것이 있다. 바로, 사용자들의 원치 않는 화면확대가 이루어질 때가 있다는 것이다. 예를 들어 웹 어플리케이션에 검색창을 누를 때 라던지, 더블탭을 한다던지, 두 손가락으로 확대한다던지의 상황이다. 해결방법은 간단히 html과 js에 아래의 코드를 삽입하면 된다. 먼저 html에는 아래의 코드를 삽입한다. 시작 스케일을 1.0 최대 스케일을 1.0으로 설정해 놓은 뒤, 사용자가 스케일을 조절할 수 없게 하겠다는 코드이다. js파일에는 아래의 코드를 삽입한다. 첫번째 코드는 만약 두 손가락으로 화면을 클릭 시 이 이벤트를 무시하겠다는 함수이다. 두번째 코드는 만약 두번 연속 탭이 0.3초보다 짧다면 이를 무시하겠다는 것인데, 이는 두번 연속 탭하였을 때 화면이 확대.. HTML이란. HTML(HyperText Markup Language)은 간단히 말해서 '웹페이지를 만드는 코드'이다. HTML의 가장 중요한 특성은 매우 쉬우면서, 매우 중요하다는 것. HTML이 이렇게 널리 이용되는 가장 큰 이유는 바로 Public Domain, 즉 저작권이 없는 언어이기 때문. 처음 HTML을 만든 버너스 리는 이를 Public Domain으로 선언했고, 그로 인해 지금의 Google, Naver, Yahoo 등 우리가 알고 있는 모든 웹사이트들은 각자의 웹페이지를 자유롭게 만들고 이용하고 있다. 이렇게 웹이 만들어진 지는 사실 30년도 지나지 않은 1990년. 우리는 너무나도 당연하게 이를 함께 사용하고 발전시켜 온 것이다. HTML에서 HT, HyperText는 독자가 참조를 통해 한 문서에.. 이전 1 2 다음
