전체 글
-
HTML 가로줄<hr> 꾸미기 예제웹프로그래밍/CSS 2018. 4. 19. 18:54
18 Simple Styles for Horizontal Rules (hr CSS Design)See the Pen 18 Simple Styles for Horizontal Rules (hr CSS Design) by Ibrahim Jabbari (@ibrahimjabbari) on CodePen. 그라디언트 스타일 { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
-
간단한 비례값 계산기웹앱/기타 2018. 4. 11. 18:04
A : B = C : X 일때X의 값은? 자주 겪는 상황은 아니지만 가끔 이러한 비례값을 알아야 할때가 정말 가끔씩 온다.공식을 외워놓으면 참 간단한데 그 공식이 잘 외워지지가 않는다. 비례값 공식 A : B = C : X X = (B x C)/A 정말 간단한데 잘 외워지지도 않고 갑자기 계산해야 할 상황이 닥쳤을때 마다 인터넷 뒤져보다가 계산기에 이 기능이 있으면 좋겠는데 이 기능이 있는 계산기앱을 잘 못찾겠고그래서 웹페이지로 만들어 봤습니다.물론 그때마다 웹페이지 찾아 들어가는 것도 귀찮기는 하지만.........그냥 즐겨찾기 해놓고 써보려 합니다.... 접속주소http://www.horangi.kr/apps/proportion/
-
간단한 주역점 보기 웹앱웹앱/기타 2018. 4. 3. 05:00
오래전에 만들었었던 간단하게 주역점을 볼수있는 웹앱 입니다.그당시에는 "위젯" 형태로 웹페이지에 삽입하는 형식으로 만들었었습니다.한동안 방치해 두었었는데 그래도 꾸준히 접속하시는 분들이 계셔서 조금 보완을 해 보았습니다. 사용방법은맨 위의 사진처럼 메인화면에서 아랫부분 글 입력란에 묻고싶은것, 궁금한 사항을 적어 넣습니다.그리고 그아래 [괘효 뽑기] 버튼을 누릅니다. 그럼 위 사진처럼 괘효가 뽑아집니다. 그리고 뽑아진 괘효의 설명이 아래처럼 보여집니다. 사용방법은 간단 합니다.메인화면에 써 놓은것 처럼, 주역점은 이미 결정지어진 일의 앞일을 점치는게 아닌, 어떻게 해야할지 결정을 내리지 못할때 참고해보는 수단 입니다.제시된 점괘를 분석하고 판단하는 것도 자신이며 그에 따른 결과에 대한 책임도 자신에게 있..
-
제철음식 목록표 (달력?) - 음식 효능 궁합 데이터베이스웹앱/음식 효능 궁합 DB_rtFood 2018. 3. 30. 15:20
음식(식재료) 효능과 궁합 데이터 베이스(http://www.horangi.kr/foodinfo/) 웹앱에 제철 달력(?), 월별로 그달이 제철인 음식(식재료)의 목록표를 만들었습니다. 음식궁합 데이터베이스 웹앱 페이지에 접속하면 우선 이달의 제철음식 목록을 메인화면에서 확인할 수 있습니다.목록에서 각 음식이름을 클릭해서 그 음식의 자세한 정보와 궁합/상극 정보를 보실수 있습니다.또한 다른 계절(월)의 제철음식을 확인하시려면 상단의 [제철음식 달력] 버튼으로 제철음식 달력 페이지로 이동할수 있습니다. 맨 위 사진처럼 제철음식 목록표 에서도 클릭으로 해당 음식의 세부정보를 확인할 수 있습니다. 제철, 생산시기에 대한 정보는 주로 농림수산식품교육문화정보원 에서 제공하는 정보와 인터넷에 올려진 정보를 취합하여..
-
아톰에디터(Atom.io) 기본 인터페이스 폰트사이즈 조정웹프로그래밍 2018. 3. 22. 15:49
아톰 에디터를 사용하다가 에디터 내부의 폰트나 폰트사이즈는 설정에서 쉽게 수정이 됩니다. 그러나 툴바나, 메뉴바, 사이드바 같은곳의 폰트는 직접 스타일시트를 수정해 주어야 합니다.(저는 리눅스를 사용합니다. 윈도우나 맥용은 메뉴의 위치가 다를수도 있습니다.)구글링으로 찾아본 일반적인 인터페이스 폰트 수정항목은 다음과 같습니다. @ui-font-size: 16px;.tree-view { // background-color: whitesmoke; font-size: @ui-font-size; }.overlay .select-list ol.list-group li, .overlay.select-list ol.list-group li { font-size: @ui-font-size; }.status-bar { ..
-
재료로 검색기능 추가 - 요리 레시피검색 웹앱웹앱/요리 레시피 DB_rtRecipe 2018. 3. 13. 00:27
재료로 요리 레시피를 검색하는 기능을 추가 하였습니다.검색창 옆에 기존엔 [요리명] 으로만 선택이 가능했던걸 [재료]를 선택할 수 있도록 하였습니다. 재료명은 하나 또는 여러개를 콤마로 구분하여 입력할 수 있습니다.예를들어 지금 제 냉장고에 뒹굴고 있는"라면,김치,햄,고추,마늘,떡,만두,콩나물,김,두부"를 검색어로 넣어 보았습니다.이렇게 검색이 되는군요..... 검색창에 입력한 재료로 조리할 수 있는 요리 레시피 중 포함되는 재료가 많은 순으로 최대 10개가 검색이 됩니다.또한 포함되는 갯수가 같은 요리가 많을 경우 무작위로 순서를 정해서 보여집니다. 예를들어 위 10개의 재료중 한두가지만 포함되는 수많은 요리 중에서는 검색할 때마다 다른 요리가 보여질 수 있습니다. 이제 뭘 해먹을지 고민이 될때...낭..
-
음식물 궁합 데이타베이스 - 낭만호랑이 웹앱웹앱/음식 효능 궁합 DB_rtFood 2018. 3. 8. 16:00
각종 음식물들, 먹거리들의 자체적인 효능 정보와 음식물간의 궁합, 상극 정보를 모았습니다. 음식물을 골고루 균형있게 섭취 하는것도 중요하지만궁합이 맞는 음식을 알고 같이 먹거나 궁합이 맞지않는 음식은 피하는 것도 중요 합니다. 저 스스로가 가끔 음식물의 궁합을 검색해보는 경우가 많았기에 틈틈히 검색할 때마다 DB에 모아놓고 나중에 찾아보기 쉽게 웹앱 형식으로 만들어 보았습니다. 접속주소: http://www.horangi.kr/foodinfo/ 처음 접속하면 위처럼 썰렁~한 메인화면에 놀라실 수도 있습니다.검색창에 검색어를 넣어보기로 합니다. 음식물 이름이나 또는 영양성분, 효능 등의 키워드로 검색 가능합니다.시험적으로 "숙취"에 좋은게 어떤것들 인지 한번 찾아보기로 합니다. 위처럼 검색어를 입력하는 동..
-
음식 조리방법 레시피 모음 - 낭만호랑이 웹앱웹앱/요리 레시피 DB_rtRecipe 2018. 3. 7. 21:45
농림수산식품교육문화정보원 에서 제공해주는 오픈API를 토대로 만들어본 음식 조리방법 레시피 웹앱 입니다.약 500여가지 음식의 조리법이 저장되어 있으며아주 전문적이진 않을지 몰라도, 충분히 일반인들이 참고할 만한 내용으로 구성 되어 있습니다. 요리명 으로 검색을 할수 있고검색된 조리법 소개 페이지에서 나오는 각 재료명을 클릭하면 제 또다른 웹앱인 "음식물 궁합 데이터베이스"에 접속하여 해당 음식물에 대한 효능 및 상극, 상생 음식물의 정보를 참조할 수 있습니다. PC에서도 접속 가능하며(HTML5 를 지원하는 IE10 이상의 브라우저로 접속해 주시기 바랍니다.) 모바일에 최적화 되어 있습니다. 접속주소 : http://www.horangi.kr/foodinfo/recipe.asp