본문 바로가기

전체 글

다음(Daum) 검색 등록 구글이나 네이버에는 검색 최적화를 할 수 있는 구글서치콘솔, 네이버서치어드바이저와 같은 웹마스터 도구가 제공되는 것과 같이 다음에서는 다음 내에 검색 결과에 노출될 수 있도록 하기 위해 사이트나 블로그 등을 다음검색에 등록할 수 있는 기능을 제공한다. https://register.search.daum.net/index.daum Daum - 검색등록 Daum 검색등록 사이트, 글과 지도/지역 정보 검색등록을 무료로 등록하실 수 있으며, 언제든 정보보완 수정이 가능합니다. 등록 후에는 Daum 검색결과에 노출되어 수많은 네티즌들이 방문하게 됩니다. 신규등록하기 조회하기 register.search.daum.net 티스토리는 자동으로 등록되어 별도로 등록할 필요가 없으며, 내가 개발한 서비스를 다음에 노출을.. 더보기
[3] 우리동네 교통사고 다발지역 조회 - 서울시편 v1.0 https://traffic-accident.netlify.com 우리동네 교통사고 다발지역정보 - 서울시편 v1.0 MIT License Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy traffic-accident.netlify.com 다른 API들도 추가했다. 더보기
[underscore.js] useful javascript library(1) frontend engineer는 아니지만 그동안 사용해 왔던 자바스크립트 라이브러리 중에 가장 유용하게 사용해 왔던 undercore.js를 '이번주 학교 시간표' 서비스에서도 사용하게 되었다. https://underscorejs.org/ Underscore.js Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being pr.. 더보기
[handlebarsjs] 커스텀 헬퍼(customer helper) 만들어 보기 handlebars는 logicless를 추구하는 템플릿 언어이기 때문에 기본적으로 제공되는 헬퍼(helper)들은 가장 기본적인 반복, 조건문만을 위한 헬퍼만 존재한다. 하지만 사용하다 보면 어쩔 수 없이 간단한 로직들이 템플릿에 추가될 경우가 있으며, 이럴 경우 커스텀 헬퍼를 추가할 수 있다. 내가 필요했던 커스텀 헬퍼는 자바의 equals와 같이 두 값을 비교할 수 있는 헬퍼이다. 조건문을 위한 기본 헬퍼는 아래와 같이 true/false인지 null/notNull 만으로 분기할 수 있는 헬퍼만 제공된다. {{#if title}} ... {{/if}} 커스텀 헬퍼를 추가하기 위해서는 Handlebars.registerHelper 을 사용하면 된다. 위와 같이 ifCond라는 헬퍼를 추가한 후 실제 .. 더보기
[handlebarsjs] simple templating language '이번주 학교 시간표 서비스'는 여러 페이지가 존재하긴 하나 기본적으로 SPA(Single Page Application)으로 구성할 예정이다. 사용자 요청에 따른 적절한 API를 비동기로 호출한 이후 응답을 적절한 html 문자열로 변환 후, 적절한 DOM 위치에 추가해 줘야 하기 때문에 응답 데이타를 보여줄 html 템플릿이 생성해 주는 방법으로 handlebarsjs를 사용하기로 했다. https://handlebarsjs.com/ Handlebars handlebarsjs.com 어플리케이션의 크기가 크면 handlebars를 사용하기 위해 알아야 하는 다양한 expression도 알면 좋지만, 템플릿 내에서 간단히 반복문, 조건문 정도만 필요한 정도라 해당 helper의 대한 기능은 따로 정라하.. 더보기
[jQuery UI] Date Picker 나이스정보포털에서 제공하는 API를 통해 현재 시점 기준으로 이번주 시간표를 제공하는 웹서비스를 만들려다 보니, 현재가 겨울방학 중이라 데이타가 조회되지 않는 문제점이 있었다. 테스트를 위해 또는 나중에 예전 시간표를 조회해 보고 싶을 때 조회 기준 시점을 내가 설정한 날짜로 바꿀 수 있게 하기 위해 달력UI를 통해 원하는 날짜를 선택하게 하는 기능이 필요했다. 별다른 고민없이 jQuery UI에서 캘린더 기능을 찾아 간단히 테스트해 보고 적용해 봤더니 역시나 원하던 대로 잘 작동한다. https://jqueryui.com/datepicker/ Datepicker | jQuery UI Datepicker Select a date from a popup or inline calendar The datepi.. 더보기
[openAPI] 나이스 교육정보 개방 포털 API 예전에 학생 때를 생각해 보면 한학기 안에 시간표가 변경된 던 적이 없어서 그랬는지 한학기 동안 시간표를 항상 외우면서 다녔던 것 같은데, 첫째 딸이 내 핸드폰에 컴시간이라는 앱을 설치하더니 다음주 시간표를 찾아보는 것을 보고 시간표도 안 외우고 다니냐고 구박했었는데, 물어보니 시간표가 중간중간 바뀐다고 한다. 그리고 요즘처럼 쉽게 어디서나 시간표를 찾아볼 수 있다면 굳이 외울 필요도 없을 것 같다는 생각도 들고.. 나중에 둘째딸이 내년에 초등학교에 입학을 하면 두명의 시간표를 저장해 놓고 쉽게 볼 수 있음 좋을 것 같은데 아직까진 그런 앱이나 웹서비스가 없는 것 같아, 한 번 만들어 볼까하는 생각에.. 그리고 컴시간이란 앱을 보면서 어떻게 시간표 정보를 어디서 받아올까라는 궁금증에 공공데이타를 파일이나.. 더보기
Android 앱을 Play Store에 배포하기 내가 개발한 앱을 (사실 나는 Thunkable에서 자동으로 앱을 생성했지만) 구글 플레이 스토어(Play Store)에 배포하기 위해서는 구글 플레이 콘솔(Google Play Console)에서 일단 결제를 해야 한다.... https://play.google.com/apps/publish Redirecting... play.google.com 결제를 마치고 배포할 앱이 준비되어 있다면 필요한 정보를 입력하여 플레이 스토어에 등록 요청을 할 수 있는데, 생각보다 입력해야 할 내용이 많다. 그 중에서 몇가지 시간이 좀 걸렸던 세가지 사항에 대해 얘기해 보자. 1. 개인정보처리방침 앱을 생성할 때 Admob 배너를 페이지 하단에 추가했기 때문에 플레이 콘솔 > 앱 정보 > 가격 및 배포 메뉴에서 광고를 .. 더보기