2012년 12월 27일 목요일

GOMMOO 평가단 - 4. 인천 송도 고드래미 족발

2012년 12월22일,동짓날 팥죽을 꼭 먹고싶었지만... 못 먹은 나는 밤새 일하고 온 moo군을 데리고 집 근처에 새로 생긴 "팥꽃향기"에 갔다. 팥을 전문으로 다루는 곳 같아서 한 그릇 배불리, 그리고 맛있게 먹을 수 있을 거라 생각하고 갔는데 동치미와 함께 나오는 '팥죽 집'이 아닌 아기자기한 단팥죽, 팥빙수 등을 파는 '팥 카페' 였던 것!ㅜㅜㅋㅋㅋ 물론 맛은 있었지만;; 양이 너무너무 부족해서 한 끼 떼우러 간 나는 아쉬움을 달래러 족발을 먹기로 결심했다! (너무 다른 메뉴잖아!!ㅋ) 

바로, "고드래미족발" 집. 이 곳도 생긴지 한 달도 안되서 맛검증은 못해봤지만 집앞에 있기도 하고, 맛있으면 자주 애용해야겠단 생각으로 무작정 들어갔다. (무엇보다 빨리 먹고싶어서)
아직 웹으로는 위치 검색이 안된다. 위치는 송도 힐스테이트 6단지 상가 1층.

 일단 들어가서 주문을 했는데 오후 2시부터 족발을 삶기 때문에 우리가 간 시간으로 부터 40분 후에나 족발이 나온다고했다.ㅜㅜ 다행히 방금 먹은 단팥죽의 기운으로 1시간 정도는 버틸 수 있을 것 같아서 차분한 마음으로 배달을 시키고 집에서 기다리기로 결심했다.

기왕 기다렸다 먹는거 뒷다리보다는 앞다리로 시켰는데 맘씨 고운(?) 사장님이 기다리게해 죄송하기도 하고 바로 집앞이니 뒷다리 가격으로 앞다리를 주신다고 하셨다. 아싸!^___^
사실 메뉴판에는 앞다리, 뒷다리 따로 구분없이 족발 大, 中으로만 판매되고 있었다.
여튼 25,000 (족발 中가격)을 결제하고 집에와서 기다리는데, 이거이거~~ 한 시간이나 지난 것 같은데 안 오는게 아닌가!!!ㅡ"ㅡ '어떻게 된겨..이제 팥죽의 기운도 시들시들 하단말이야...'
하던 찰나 족발이 도착했다!

쫜~~!!

그런데 갑자기 기다리고 기다리던 이 족발을 공짜로 먹게됬다!!
어떻게?
한 시간이 지나도록 오지 않고 있었던 건, 앞다리가 생각보다 삶는 시간이 더 걸리는 바람에 결국 뒷다리로 가져오셨는데 우리가 결제한 걸 취소하시고 그냥 주신 것이다.
우린 괜찮다며 안그러셔도 된다고 했는데^^; 결국 공짜로 먹게 됬다.
우히~~~~~^--------------^
공짜로 먹어서 그런건 아닌데, 맛이 진짜 좋았다.

1. 양도 많고 쫄깃쫄깃!!새콤달콤!! 간이 딱맞는 쟁반국수!
2. 싱싱한 채소와
3. 양파짱아찌, 무무침, 쌈좡, 새우젓을 기본으로 하고

4. 이 새콤달콤한 부추무침도 맛있고,

5. 짜지도 싱겁지도 않고 양도 많은 계란찜까지 기본 메뉴~완전 대만족!!!

6. 오늘의 main 메뉴 족발!
이 좔좔 흐르는 윤기와 향긋한 냄새~~ㅡ, .ㅡ 부드러운 육질..
아~또 먹고 싶다.킁 킁

단팥죽의 설움(ㅋ)을 날려버린 오늘의 족발은 그야말로 탁월한 선택이었다!!
자주 먹으러 갈게요!!

※ 별점
★★★(별5개,추천)





2012년 12월 4일 화요일

모바일 브라우저에서 글 내용에 따라 자동으로 늘어나는 textarea 만들기


제가 앞에 작성한 “모바일 브라우저에서 글 내용에 따라 자동으로 늘어나는 textarea 만들기” 는 글을 작성한 만큼 textarea의 크기가 늘어납니다. 하지만 작성한 글을 지워서 내용이 줄어들었을 때 textarea의 크기는 줄어들지 않고 계속 커진 상태로 남아 있습니다.
이점을 수정해서 글 내용이 많아질 때는 textarea의 크기가 커지고 글 내용이 줄어들었을 때는 textarea의 크기도 작아지도록 만들어봤습니다. 이것을 구현하기 위해 어떻게 해야할지 생각이 잘 안떠올랐는데 검색을 해보니 구현하신 분이 있어서 그 분의 아이디어를 그대로 가져와서 만들었습니다. 그 분의 글은 http://james.padolsey.com/javascript/jquery-plugin-autoresize/ 입니다.
textarea의 크기를 늘리는 기능은, 글 내용이 길어지면 textarea의 scrollHeight 값이 커지기 때문에 이 크기에 따라 textarea의 높이(height)를 조절해 주는 방식으로 만들수 있었지만 textarea의 크기를 줄이는 기능은 이 방법을 사용할 수 없었습니다. textarea의 높이가 글 내용 높이보다 작아서 스크롤바가 생기는 상황이라면 글 내용의 많고 적음에 따라 scrollHeight 값이 변하지만, 이미 textarea의 높이를 글 내용이 많아졌을 때에 맞게 늘렸었기 때문에 이 상태에서 글자를 지워서 글 내용 높이를 줄여도 scrollHeight의 값은 변하지 않게 되어 textarea 높이를 글 내용 높이에 맞게 줄여줄 기준값으로 사용할 수 없게 되기 때문입니다.
이 것을 해결하기 위해 제가 참고한 http://james.padolsey.com/javascript/jquery-plugin-autoresize/ 에서는 textarea의 clone을 만드는 방법을 사용하고 있었습니다. clone으로 만든 textarea는 사용자에게는 안보이도록 positin:absolute; top:0; left:-9999; 처리를 한 다음 사용자에게 보이는 진짜 textarea에 글씨가 입력될 때마다 clone textarea에도 그대로 글이 입력되게 합니다. 그리고 진짜 textarea의 높이 조절을 clone textarea의 scrollHeight 값을 가지고 조절하는 방식입니다.
(그런데 제가 참고한 사이트에서 clone을 사용한다는 아이디어만 참고하고 나머지 코드는 참고를 안해서 제가 만든 버전은 오류가 좀 있을 수도 있을 것 같습니다.)
제가 말씀으로 설명드려서 좀 복잡한데 소스코드를 보시면 이해가 되실 것 같습니다.
  1. // textarea의 id가 textarea인 경우를 가정해서 #textarea 사용
  2. (function() {
  3.  
  4. var textarea = $('#textarea'),
  5. originHeight = textarea.height(),
  6. originClientHeight = textarea[0].clientHeight,
  7. clone = textarea.clone(),
  8. extraHeight = parseInt(textarea.css('fontSize')),
  9. timer, content, cloneScrollHeight;
  10.  
  11. clone
  12. .removeAttr('id')
  13. .removeAttr('name')
  14. .css({
  15. position: 'absolute',
  16. top: 0,
  17. left: -9999,
  18. overflow: 'hidden'
  19. }).appendTo('body');
  20.  
  21. textarea.focus(function() {
  22.  
  23. timer = setInterval(function() {
  24. content = textarea.val();
  25. clone.val(content);
  26. cloneScrollHeight = clone[0].scrollHeight;
  27.  
  28. if (originClientHeight < cloneScrollHeight) {
  29. textarea.css('height', cloneScrollHeight + extraHeight);
  30. } else if (originClientHeight === cloneScrollHeight) {
  31. textarea.css('height', originHeight);
  32. }
  33. }, 100);
  34.  
  35. });
  36.  
  37. textarea.blur(function() {
  38. clearInterval(timer);
  39. });
  40.  
  41. })();
데모를 http://codefactory.kr/lab/autogrowshrink_textarea.html 에 올려놓았습니다. 필요하신 분은 한번 확인해보세요..^^

모바일 웹(Mobile Web) a href 속성, input type 속성, 북마크아이콘 추가 방법


모바일 웹에서 바탕화면 아이콘 추가소스

<link rel="apple-touch-icon" href="이미지경로.png" />
 바탕화면으로 북마크 추가할때 생기는 이미지


모바일웹 Href 태그속성들

- 전화걸기 : <a href="tel:1588-1234">오라인포 고개센터</a>
- 문자보내기 : <a href="sms:010-1234-5678">문자보내기</a>
- 문자보내기 실행 : <a href="sms:">문자보내기</a>
- 메일보내기 실행 : <a href="mailto:">메일보내기</a>
- 메일보내기 : <a href="mailto:test@test.co.kr">메일보내기</a>
- 내용 채워서 메일 보내기
<a href="mailto:test@test.co.kr?cc=test@test.co.kr&bcc=test@test.co.kr&subject=test
subject&body=test body"">메일보내기</a>


모바일 Input type 속성

<input type="text" /> 기본적인 모바일 키보드가 제공됩니다.
<input type="password" /> 기본적인 모바일 키보드가 제공됩니다.
<input type="email" /> 기본적인 모바일 키보드 + @ / . 제공됩니다.
<input type="tel" /> 기본적인 숫자 모바일 키보드가 제공됩니다.
<input type="url" /> 기본적인 모바일 키보드 + / + . + .com 이 제공됩니다 .
<input type="search" /> 기본적인 숫자 모바일 키보드가 제공됩니다 go 부분이 Search로 변경됩니다.



참고 : http://blog.naver.com/jjjhyeok/20150492216