공공데이터 포털 오픈 API를 이용한 도로명 주소 조회 및 우편번호 조회 우정사업본부에서는 도로명주소 체계로 변경되는 새 우편번호(2015.8.1 시행) 및 기존 우편번호 정보를 조회하는 기능의 오픈 API 서비스를 제공합니다. 도로명 주소 조회서비스 공공데이터포털 구 지번 주소 입력 시 도로명 주소와 우편번호가 조회됩니다. 또는 도로명 주소를 입력하면 구 지번 주소와 우편 번호가 조회되며 우편 번호를 입력하면 구 지번 주소와 도로명 주소가 조회됩니다. ServiceKey 코드와 잘 못된 curl 주소 때문에 몇 시간을 허비하게 돼서 저와 같은 분들이 있을 수 있을 것 같아 참고용으로 글을 남깁니다. 예제 코드 중 curl # curl 'http://openapi.epost.go.kr/postal/ret..
요즘 스벨트 프레임워크에 푹 빠졌습니다. 프론트엔드3 대장이라고 불리는 앵귤라, 리액트, 뷰js를 경험해 보지 못했고 자바스크립트의 "J"자 정도 아는 상태에서 스벨트로 이미지 슬라이더를 만들어 보았습니다. 아직 스벨트를 깊이 있게 공부한 것이 아니라 스벨트를 완전히 이해하고 활용하지는 못했습니다. 스벨트 공부 시작하면서 첫 번째 프로젝트로 TODO APP을 만들고 두 번째로 이미지 슬라이더를 만들어 보면서 느끼는 점은 이런 비유가 맞을지 모르겠지만 프론트엔드 개발이 마치 DB가 없는 백엔드 개발 같다는 생각이 듭니다. 스벨트 이미지 슬라이더 이미지 슬라이더는 많이 사용되는 일반적인 형태로 구성되어 있으며 단순 공부용입니다. 이미지가 자동으로 슬라이드 되면서 다음 버튼과 이전 버튼을 추가해 수동으로 이미..
자바스크립트 공부하다 보면 다른 언어랑 다르게 자꾸 한눈을 팔게 되는 것 같습니다. 자바스크립트 공부는 시작도 못하고 프런트엔드 프레임 워크 공부를 먼저 하게 되었네요. 예전에도 자바스크립트 공부 시작했다가 제이쿼리로 빠져 버려서 제대로 공부를 못했는데 이번에는 스벨트로 빠져 버렸습니다. 유튜브 노마드 코더의 리콜라스님이 리액트나 프레임 워크를 다루기 전에 자바스크립트부터 튼튼하게 공부하라고 했는데... 리액트는 혼자 공부하기가 조금 어려워 보였는데 스벨트는 투토리얼을 보면 초보자도 왠지 쉽게 할 수 있을 것 같은 느낌이 들어 시작해 보았습니다. 완성된 스벨트 TO DO APP 데모입니다. 전체 코드는 깃허브에 있습니다. let now = new Date(); let options = { weekday:..
파이썬에서는 GUI 프로그래밍을 위한 표준 라이브러리로 tkinter를 제공하고 있지만, 모양새를 비롯해 사용성이 썩 좋지는 않습니다. 그래서인지 대부분의 유저는 서드파티 라이브러리인 PyQt를 선택하는 것 같습니다. PyQt는 주로 C++ GUI 프로그램 개발에 사용되는 크로스 플랫폼 프레임워크인 Qt를 파이썬에 바인딩한 서드파티 라이브러리입니다. Qt는 C++, 파이썬뿐만 아니라 루비, C, 펄, 파스칼에서도 널리 사용되고 있습니다. Qt에서는 PyQt와 유사한 기능을 가지고 있는 파이썬을 위한 Qt로 PySide를 제공하고 있고 PyQt와 PySide는 상용 사용에 대한 라이선스를 제외하고는 차이점이 거의 없는 것으로 알고 있습니다. 파이썬 PyQt5 설치 모든 설명은 윈도우10 기준으로 설명합니다..
Back to top 또는 Scroll to top으로 불리는 위로 가기 버튼, 본문 내용이나 목록 페이지가 긴 경우 또는 무한 스크롤이 있는 페이지에서 마우스 스크롤 없이 버튼 클릭만으로 페이지 상단으로 이동하는 자바스크립트 코드로 방문자 편의 기능입니다. 디자인적인 요소보다는 자바스크립트 코드에 중점을 두었습니다. html에 클릭하면 페이지 상단으로 이동하는 버튼을 만듭니다. 여기서는 이미지 대신 svg를 사용해 버튼색 변경이 유연하도록 하였습니다. 버튼의 크기는 button > svg width="38" height="38"을 조정해 줍니다. HTML : 페이지 하단에 적당한 간격을 두고 고정될 수 있게 버튼 스타일을 만듭니다. color 속성을 통해 버튼 색상을 수정할 수 있습니다. CSS Sty..
티스토리처럼 아이피 주소를 사용자가 직접 수집할 수 없는 경우 사용할 수 있는 유일한 방법일 것 같습니다. 접속자의 IP 주소는 ipify API를 통해 받아 옵니다. 특정 아이피 접속 차단 ipify에 각 언어별 아이피 주소를 체크하는 소스가 있으니 참고하시길 바랍니다. 아이피 주소 받기 아래는 자바스크립트로 아이피 주소만 받아 오기 예제 코드입니다. 출처 : https://www.ipify.org Javascript jQuery Python 역시 파이썬은 뭐든 간단하고 간결하네요! from requests import get ip = get('https://api.ipify.org').text print('My public IP address is: {}'.format(ip)) 무효 트래픽으로 의심되..
마크다운은 일반 텍스트 서식 구문을 사용하는 경량 마크업 언어로 같은 이름의 도구를 사용하여 HTML 및 기타 여러 형식으로 변환할 수 있도록 설계되었다. 마크다운 문법[Markdown Syntax] Markdown 원문 참조 : JOHN GRUBER :: daringfireball.net HEADERS [머리글] Markdown 표기 HTML 표기 결과 보기 제목 1 ===== 제목 1 제목 1 제목 2 ------- 제목 2 제목 2 # 제목 1 제목 1 제목 1 ## 제목 2 제목 2 제목 2 ### 제목 3 제목 3 제목 3 #### 제목 4 제목 4 제목 4 ##### 제목 5 제목 5 제목 5 ###### 제목 6 제목 6 제목 6 참고 : 머리글 h1 과 h2 표기는 총 3가지 h3~h6은 ..
뷰 포트란 웹 페이지에서 사용자가 볼 수 있는 영역을 말합니다. 사용하는 기기에 따라 화면 크기가 달라지기 때문에 뷰포트 설정을 이용해 각 기기별 화면을 어떤 게 제어할지 설정하게 됩니다. 반응형 웹페이지로 설계된 경우보다는 PC 화면에 고정된 크기로 설계된 웹 페이지를 모바일 화면에 맞게 축소해야 하는 경우 또는 그 반대의 경우에 사용하게 됩니다. 그 외에 모바일 기기에서 사용자가 손가락을 이용해 화면을 움직이거나 줌 기능을 이용해 확대, 축소 등을 할 수 있습니다. 뷰포트 기본 모바일로 최적화된 사이트는 일반적으로 다음과 같은 태그를 포함한다. 1. width width 속성은 뷰포트의 크기를 조정한다. 특정한 숫자를 사용해 width=600라고 할 수도 있고 device-width와 같은 특정한 값..
자바스크립트를 이용한 리다이렉트입니다. 서버 측 접근이 가능하다면 htaccess 파일을 이용해 301 또는 302 Redirect를 해주는 것이 가장 좋은 방법이지만 티스토리처럼 사용자가 서버에 접근할 수 없는 경우라면 자바스크립트 코드를 헤드에 넣어 주는 방법이 유일할 것 같습니다. www를 non-www "www.example.com" 도메인에서 www.이 없는 "example.com" 루트트 도메인 주소로 리다이렉트 (function () { var currURL = document.URL; if (currURL.match('www.example.com')) { var redirURL = currURL.replace('www.example.com', 'example.com'); document.l..
주피터 노트북을 실행하면 최초 폴더 경로가 사용자 폴더로 돼있습니다. 다른 폴더에서 작업을 하려 해도 하위 폴더 외에는 이동할 수가 없습니다. 예를 들어 제 경우 D 드라이브에 있는 특정 폴더에서 작업을 하고 싶어도 안 되는 거죠. 주피터 노트북 시작 폴더를 내가 원하는 폴더로 변경 사용환경 : 윈도우 10, 아나콘다3(64bit) 1. cmd 창에서 jupyter notebook --generate-config을 입력합니다. 2. 사용자 폴더에 보면 .jupyter 폴더가 생성 되었습니다.(사용자 폴더 C:\Users\사용자이름 또는 바탕화면 사용자 폴더) 3. 폴더 안에 jupyter_notebook_config.py 파일을 열어 #c.NotebookApp.notebook_dir 이 부분을 찾습니다...
실습예제로는 적당한 게 없어 네이버 실시간 검색어를 이용했습니다. C# using System; using System.Net; using Newtonsoft.Json; // NuGet 패키지 Newtonsoft.Json namespace ConsoleApp1 { class Program { static void Main(string[] args) { WebClient client = new WebClient(); // client.Encoding = System.Text.Encoding.UTF8; string data = client.DownloadString("http://rank.search.naver.com/rank.js"); dynamic json = JsonConvert.DeserializeO..
본 포스팅은 티스토리 포럼에 올라온 질문을 토대로 작성합니다. 무한 스크롤을 적용하기 전에 꼭 단점이 무엇인지 알아보고 적용하시기를 바랍니다. 특히 뒤로 가기 시 문제점 등 구글링을 하시면 많은 정보가 있습니다. 티스토리 #2 스킨 무한 스크롤 자바스크립트 라이브러리인 infinite scroll을 티스토리 #2 스킨에 적용해 봅시다. 인피니티 스크롤 : https://infinite-scroll.com/ 무한스크롤을 #2스킨에 적용하기 위해서는 인덱스페이지 목록을 페이지네이션과 분리되도록 박스로 한번 감싸 줘야 합니다. 블로그 관리에서 HTML 편집 창으로 이동합니다. 을 찾습니다. 아래와 같이 시작 부분과 끝나는 부분까지 inner 클래스로 감싸 줍니다. ... 다음에 윗부분에 아래 코드를 넣어 줍니..
