분류 전체보기
-
제철음식 목록표 (달력?) - 음식 효능 궁합 데이터베이스웹앱/음식 효능 궁합 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
-
Fcitx 한자키 설정리눅스/민트(Mint) 2018. 3. 3. 17:01
[수정 : 2018.07.10] 리눅스 민트 버전이 19(Tara) 로 업그레이드 되면서 아래와 같은 문제는 해결된것 같습니다.(제 컴에서는...) 간만에 다시 설치해본 리눅스 18.3 실비아. 역시, 항상... 윈도우가 버벅일 때마다 바꿔타기 해서 그런 것인지 리눅스(민트) 만의 시원시원함과 편리함이 있다. 요즘은 은행업무와 공공기관 업무처리는 거의 스마트폰으로 가능하기에 특별히 업무상으로 윈도우즈 전용 프로그램을 꼭 써야만 하는 상황이 아니라면 리눅스가 이젠 그리 큰 불편한 운영체제가 아니다. 그러나 아직 치명적인 불편함이 하나 있는데 바로 한글 입력기 문제이다. 리눅스 민트 18.3을 설치하면 기본적으로 Fcitx가 설치되어 있어 한글을 입력하는데 크게 문제는 없다. 그러나 한글을 입력하고 한자키를..
-
HTML5 getUserMedia 카메라 제어 켜고끄기웹프로그래밍/자바스크립트 2017. 10. 24. 21:38
카메라 켜기 var localstream; navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; if (navigator.getUserMedia) { navigator.getUserMedia( { audio: false, video: true }, function(stream) { // 카메라 접근 성공 video = document.querySelector('video'); video.srcObject = stream; localstream = stream; video.onloadedmetadata = function(e) { video.play(); }; },..
-
jQuery-UI select 박스 안보이는 문제웹프로그래밍/자바스크립트 2017. 10. 23. 12:17
제이쿼리-UI를 사용하여 드롭다운 박스(select menu)를 만들때다이얼로그 박스 안에 셀렉트메뉴를 넣은 경우에셀렉트메뉴의 드롭다운 박스가 다이얼로그 박스 밑으로 가려지는 경우가 있습니다. z-index를 조정해서 해결해 보려 하였지만 실패하고아래와 같이다이얼로그 박스를 오픈시킬때다이얼로그 박스 생성뒤에 다시 셀렉트메뉴를 정의해 주는 방법으로 해결 했습니다. $("#dialog").dialog("open");$("#select").selectmenu();