A story only I don't know

이번에 천안 인정받은 불낙지 를 먹어보고 문득 생각난 의정부 석산민물 의 쭈꾸미돌구이 (낙지돌구이도 있음)가 생각나서 2016년 12월30일에 방문했습니다. 대표 메뉴와 가격(가성비) 대표메뉴는 돌구이 입니다. 물론 민물 매운탕도 맛있다고는 합니다만 저는 먹어보지 않았으므로 패쓰합니다. 돌구이는 오징어 돌구이 , 낙지돌구이 , 쭈꾸미돌구이 가 있습니다. 낙지 돌구이가 1만원이고 나머지는 9,000원입니다. 돌구이를 먹고 밥을 볶아먹으면 1인분에 2000원이 추가 됩니다. 2명이서 쭈꾸미돌구이나 오징어돌구이를 먹고 밥을 비벼먹으면 딱 20,000원 에 가격이 정리됩니다. 가성비 : ★★★★☆ 먹어본 음식 저희는 이번에 쭈꾸미돌구이 를 먹고 볶음밥도 볶아 먹었습니다. ▲ 반찬은 2년 전이나 동일하네요.. ▲ 돌판위에 각종야채와 쭈꾸미를 올려서 가열을 합니다. 쭈꾸미는 냉동쭈구미 입니다. 양이 많아서 가열전에 콩나물과 쭈꾸미를 일부 덜어 놓습니다. ▲ 가열전에 덜어놓은 쭈꾸미 입니다. 왠지 서비스를 더 받는 느낌입니다. ^^ ▲ 이렇게 맛있게 끓여 졌을때 익은 쭈꾸미를 먹으면서 한면에는 덜어놓은 쭈꾸미를 올려서 가열을 합니다. ▲ 쭈꾸미를 다 먹고 나서 밥을 볶아 먹을 수 있습니다. 청결도 청결도는 보통입니다. 일반 여느 식당의 비슷한 수준입니다. 뭐라 할 말은 없습니다. 청결도 : ★★★☆☆ 식당 운영과 친절도 저희는 토요일 오후 2시쯤에 방문을 했는데 점심시간이 지나서 그런지 식당은 한산했습니다. TV에 나온 곳이 아니라서 그런지 막 붐비고 그러지는 않습니다. 손님은 주로 인근에 있는 시청이나 관공서에 근무하는 사람들이 주로 이용하지 않나 싶습니다. 식당의 직원분들로 딱히 친절하다거나 불친절하지는 않습니다. 돌구이는 직원분이 적절한 때에 오셔서 뒤집어 주시거나 섞어 주십니다. 정당한때 먹으라고 알려주시기도 하구요. 친절도 : ★★★☆☆ 식당 정보와 주차 여부 주소 : 경...

2016년 12월말에 천안과 아산으로 1박2일 여행을 다녀왔습니다. 때마침 백종원의 3대 천왕에서 천안의 맛집인 인정박은 불낙지 를 소개하고 있어서 겸사겸사 다녀왔습니다. 대표 메뉴와 가격 메뉴는 냉동낙지와 산낙지로 구성되어 있으며 백종원의 3대천왕 에 소개가 되서 그런지 거의 모든 손님들이 산낙지 불낙찜을 주문했습니다. 냉동낙지는 소짜, 중짜, 대짜로 주문을 할 수 있고 산낙지는 1인당 16,000원으로 주문을 할 수 있습니다. 2~3인이면 그냥 산낙지를 먹는것이 가격적인면에서도 적당할것 같습니다. 음식 맛 우리도 역시 산낙지 불낙찜을 먹었습니다. 음식맛은 많이 기대하지는 말아야 할 것 같습니다. 제 입맛에는 좀 깊은 맛이 부족하고 짠맛이 많은듯이 느껴졌습니다. 다만 살아있는 싱싱한 낙지를 보는 눈 앞에서 요리되어지는 모습과 날치알에 싸먹는 김과 고추 장아찌의 구성은 신경을 많이 쓴것 같습니다. 맛 평점 : ★★☆☆☆ 의정부 석산민물의 낙지돌구이나 쭈꾸미돌구이를 뜬금없이 추천해 봅니다. 여기와 구성이 거의 비슷하지만 맛은 있습니다. 참고로 산낙지는 아닙니다. 청결도 식당은 적당한 청결도를 유지하고 있습니다. 많이 깨끗하지도 그렇다고 심하게 더럽지도 않습니다. 다만 밥을 볶아줄 때 먹던자리에서 볶아주는 것이 아니라 주방앞으로 가져가서 이사람이 먹던 돌판에 볶아주다가 동일한 주걱으로 저사람이 먹던 돌판에 볶아주기를 반복하네요. 청결에 민감한 사람들은 좀 불편할 수도 있겠습니다. 청결도 평점 : ★★★☆☆ 식당 운영과 친절도 식당의 운영은 그런대로 잘 되고 있는것 같습니다. TV에 소개가 되어서 그런지 사람들이 많이 대기하고 있었으나 밖에 대기할 수 있는 장소를 따로 마련해놔서 잠깐이나마 추위를 피할 수 있게 해 놨습니다. 주문도 손님이 온 순서대로 명단을 작성해서 순서대로 식사를 할 수있게 되어있습니다. 도착하시면 바로 카운터로 가서 이름을 적어놔야 합니다. 식당에서 일하시는 분들은 대체로 친...

지금은 Opensource의 시대라고 할 수 있을 정도로 Opensource를 많이 사용하고 있는 추세입니다. 때로는 나도 모르는사이에 Opensource를 사용하고 있기도 하구요. Opensource가 자유롭게 사용할 수는 있으나 무료는 뜻은 아닙니다. 그래서 Opensource를 사용하면서 주의해야 할 점에 대해 핵심만 정리해 보도록 하겠습니다. No 라이선스 BSD MIT Apache MPL EPL LGPL2 GPL2 GPL3 AGPL3 1 수정, 배포의 권한허용 O O O O O O O O O 2 배포　시 라이선스 사본 첨부 O O O O O O O O 3 저작권 고지사항 또는 Attribution 고지사항 유지 O O O O O O O O O 4 ★ 배포시 소스코드 제공의무와 범위 File Module 파생저작물 파생저작물 파생저작물 파생저작물 5 동일 라이선스로만 배포 O O O O O O 6 수정시 수정내용 고지 O O O O O O O 7 명시적 특허 라이선스의 허용 O O O O O 8 특허소송 제기　시 라이선스 종료 O O O O O 수정, 배포의 권한허용 : 거의 대부분의 오픈소스 라이선스는 수정과 배포를 허락합니다. 배포　시 라이선스 사본 첨부 : 배포 시 꼭 원작자의 라이선스 사본을 첨부해야 합니다. 저작권 고지사항 또는 Attribution 고지사항 유지 : 코드의 상단에 삽입되어 있는 원작자의 저작권고지사항을 지우면 않되고 그대로 유지를 해야 합니다. ★ 배포시 소스코드 제공의무와 범위 : 해당 오픈소스를 사용하여 개발할 경우 개발된 소스코드도 사용자에게 제공해야할 의무가 있읍니다. 그러므로 기업체에서 사용시 많은 주의가 필요한 항목입니다. 동일...

2016년 12월26일 겨울 의 한 복판에 천안•아산을 다녀왔습니다. 그중에 이번에 포스팅 하고자 하는 장소는 아산에 있는 외암 민속마을 입니다. 대략 도착한 시간은 오후 1시쯤 이였으나 겨울이라 그런지 사람들은 많지 않았습니다. 주차장에 주차를 하고 마을 입구쪽으로 걸어오는 길입니다. 마을 입구에서 차량의 진입을 막고있습니다. 동네에 사는 사람들의 차들만 들어갈 수 있습니다. 오던 길에서 입구를 더 지나가면 또하나의 주차장이 있습니다. 그곳에 주차를 하는 것이 마을입구와 더 가깝습니다 이 다리를 건너면 바로 외암마을 입니다. 외암마을은 조선후기의 상류층과 하류층이 살았던 가옥을 복원하여 전시를 하고 있기도 하고 일부 가옥은 현재도 사람이 살고 있는 마을입니다. 마을 곳곳의 집에서는 체험활동도 하고 있는것 같았지만 제가 갔을때가 겨울이라 그런지 체험활동은 쉬고 있었습니다. 그네도 있네요. 기둥이 나무로 되어 있어서 사알짝 불안했지만.. 어린시절 시골에서 자라서 그런지 굴뚝에서 연기가 피어오르는 이런 한산한 겨울풍경의 마을이 저의 향수를 많이 자극해 주어서 좋았습니다. 개울을 가로지르는 나무다리가 있긴 하지만 건널수없도록 나무 가운데가 막혀있습니다. 이리로 건너가게되면 입장료를 받을 수가 없어서 막아 놓은듯 합니다. 그냥 중간쯤에서 사진만 찍고 오는 정도로 이용하시면 됩니다. 주차 무료로 운영하고있는 비교적 넓은 주차장이 2곳에 위치해 있어서 주차 걱정은 하실 필요 없을 것 같습니다. 비용 입장료가 성인 기준 2,000원 입니다. 위치와 연락처 주소 : 충남 아산시 송악면 외암민속길 42-7 연락처 : 041-541-0848 URL : http://oeam.co.kr/oeam/skin1 인근맛집 아산 꽁당보리밥 외암마을에서 15분 거리에 있는 꽁당보리밥 을 추천합니다. 정말 가성비에서 최고라 할 수 있습니다. 맛도 좋고 양도 푸짐합니다. 방심하고 방문했다가 미쳐 식당 사진을 찍지...

처음에 미디어 쿼리를 디바이스별로 정리를 해볼까 하다가 새로운 디바이스가 나올때마다 해상도 파악하고 기록하고... 삽질할 것을 생각하니 엄두가 나지 않아서 범용적으로 사용할 수 있는 방법으로 정리를 해야할 것 같아 포스팅을 합니다. 그래도 먼저 디바이스별 해상도에 대해서 궁금한 사람이 있을 수 있으니 신상 디바이스까지 업데이트를 잘 해주고 있는 사이트를 2개 공유하고 넘어 갑니다. mydevice screensiz.es 기본 설정 반응형웹을 적용하기 위해서는 먼저 meta viewport 를 설정해 줘야 합니다. meta viewport 의 width 를 device-width 로 지정하고 initial-scale 을 1 로 설정을 해 줘야 합니다. width=device-width : 화면의 넓이를 디바이스(단말기)의 넓이로 지정 initial-scale=1 : 기본 사이즈를 1로 지정하겠다고 선언 <meta name="viewport" content="width=device-width, initial-scale=1"> 이렇게 설정하면 다양한 크기의 화면에서도 보기에 편한 텍스트 크기와 레이아웃을 유지해 줍니다. 미디어쿼리 지정 기본설정을 했으면 이번에 다양한 크기(해상도)의 디바이스에 따라 CSS 가 다르게 적용될 수 있게 미디어쿼리(Media Query)를 지정해야 합니다. Breakpoints는 부트스트랩(Bootstrap)을 참조하였으며 그에 해당하는 미디어쿼리는 아래와 같이 가로 해상도에 따라 5가지로 구분할 수 있습니다. 반응형 웹개발에 있어서 고려해야 할 점이 있는데 모바일 퍼스트 로 개발을 할 것이냐 하는 것입니다. 모바일 퍼스트 개발은 화면 구현 시 먼저 모바일 화면을 기준으로 디자인(CSS)을 하고 차츰 태블릿 화면, 데스트탑 화면으로 디자인을 구현하는 것을 말합니다. 반응형 웹개발 시 근래의 추세는 모바일 퍼스트 로 개발하는 추세이긴 합니다만 상황에 따라서 ...

이번에 ellipsis에 대해 정리해 보도록 하겠습니다. 보통 게시판 리스트의 제목부분이 길어질 경우 php나 jsp등의 프로그램단에서 일정 글자수 이상이 되는 것에 대해 '...'으로 마무리 하는 경우가 많은데요.. 이것을 프로그램이 아닌 CSS만 가지고도 처리할 수 가 있습니다. 한줄라인 글자수 제한 한줄 라인 글자수 를 제한하는 방법은 아래와 같습니다. <div class="txt_line">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다</div> .txt_line { width:70px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } Block레벨 테그에서만 적용됨. overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함 text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함 white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능) 멀티라인 글자수 제한 멀티라인에 대해서 글자수를 제한하는 방법은 아래와 같습니다. <p class="txt_post">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다.&nbsp; 비도 추적추적 내리고 일정상 늦으막해서 그런지 사람이 많지는 않았다. 덕분에 보통때는 한참을 기다려야 겨우 날개달린 사진을 찍을 수 있었을 텐데, 이번에는 바로 천사날개를 달고 사진을 찍을 수 있는 행운까지 얻었다. 이번이 동피랑 벽화마을 방문 3번째인데 예전에 왔을때에 비해서 벽화가 많이 바뀌어 있었다</p> .txt_post { overflow: hidden; text-ove...

웹사이트를 개발하다 보면 이미지 영역을 잡는 경우가 있습니다. s 이때 사용할 수 있는 무의미한 더미 이미지를 무료로 제공해 주는 사이트가 있어 포스팅합니다. 더미 이미지를 제공해 주는 사이트도 있고 이미지의 글자정보만 제공해 주는 사이트도 있습니다. 더미 이미지 제공 placeimg.com placeimg 는 더미이미지를 크기와 카테고리만 지정하면 해당 크기와 카테고리에 해당하는 이미지를 보여줍니다. 사용법은 매우 간단합니다. 웹사이트 : placeimg.com 기본사용법은 가로크기와 세로크기 그리고 카테고리를 지정하면 됩니다. 특정 이미지는 지정할 수 없고 카테고리에 따른 랜덤이미지로 보여줍니다. <img src="https://placeimg.com/가로크기/세로크기0/카테고리" /> 디폴트 카테고리는 any 이고 카테고리 구분없이 모든 이미지에서 랜덤으로 뿌려줍니다. 아래의 카테고리와 필터 지정에 따라서 해당 이미지를 랜덤하게 뿌려줍니다. 카테고리종류 : animals, arch, nature, people, tech 필터 종류 : grayscale, sepia <img src="https://placeimg.com/200/100/any" /> <img src="https://placeimg.com/200/100/any/grayscale" /> <img src="https://placeimg.com/200/100/animals/sepia" /> 텍스트 이미지영역 제공 Placehold.it Placehold.it 은 매우 간단하게 이미지영역을 잡아주고 글자를 보여줍니다. 웹사이트 : Placehold.it 기본 사용법은 아래와 같습니다. <img src="http://placehold.it/320x100" /> <img src="http://place...