'전체'에 해당되는 글 60건
판교(성남,분당) 한식맛집 - 국밥, 설렁탕, 도가니탕 곰탕 '푸주옥'
Amatuer.세오/일상을 어필하기

판교 한식 맛집

설렁탕, 도가니탕, 곰탕을 먹고싶다면 '푸주옥'으로









연일 계속되는 폭염으로 '기가 빨린다' 라는 표현을 써도 무방한 요즘. 무언가 몸보신을 할만한 음식이 없을까 종종 생각해왔었다. 


판교에 위치한 우리 사무실에서는 지역 용도 등의 이유로 가까운 곳에 별도 상업시설이 없기에 건물 1층에 위치한 구내식당을 이용하는 것이 대부분이다.


특별히 오늘은 전날 술을 마셔 해장을 하고싶다는 회사 차장님의 말씀에 이끌려 무작정 차를 끌고 사무실을 나섰다. 검색도 따로 하지 않았고 단지 사람이 많아보이는, 느낌과 기분에 이끌려 국밥집이라면 찾아가보자고 했다.








판교에서 세곡동 방향으로 얼마 가지 않았을 무렵, 도로 한복판에 점심시간이라는 것을 감수하고서라도 차량이 유난히 많이 주차되어 있는 한 설렁탕 집을 발견했는데, 그곳이 바로 '푸주옥' 이었다.


정말 텅텅 비어있는 도로와 대비된 식당 앞 주차장 모습을 보며 우리는 잔뜩 기대에 찬 마음으로 차 문을 나섰는데 꽤 멀리 주차했음에도 불구하고 벌써부터 곰탕 특유의 고소하고 진한 냄새가 가장 먼저 반겼다.








푸주옥에 들어서자마자 데스크 한켠에 도배되다시피 걸려진 국내 유명인, 스타, 연예인들의 싸인이 걸려있었다.


'아, 우리 맛집 하나 찾아냈구나' 라고 맛보지도 않았는데 괜히 신났더랬다. 

사실 따로 맛집을 검색해서 찾은 기쁨보다 기대하지도 못했던, 예상치 못했던 맛집을 찾았을 때의

희열이 아마 더 배가 아닐까 생각해본다. (ㅋㅋ)


이미 식당 내부는 만원이었고 아주 잠시동안의 웨이팅이 있었으나 채 5분도 되지 않아 바로 자리로 안내되었다. 그도 그럴것이, 음식을 주문하고 나서도 별도로 기다림 없이 정말 빠르게 뜨거운 설렁탕이 나와서 빠르게 식사를 할 수 있었기에 가능하지 않았나 싶다.






푸주옥 설렁탕 가격은 일반 음식점보다는 비교적 저렴한 편이 아니다. 사실, 한끼에 최대 4500원 하는 구내식당 외에 밖에 나가서 밥을 먹는다면 평균 7~8천원은 기본이기 때문에 크게 부담스럽게 느껴지지는 않았다.


'설렁탕 집에 갔을 때, 만약 '수육'을 팔지 않는다면 그것은 직접 국물을 우려낸 음식점이 아니다' 라는 말을 들었다. 아니나 다를까, 푸주옥에서 도가니, 꼬리 등 주력 메뉴의 기본 수육들을 함께 판매하고 있었다. 


나중에 여유가 된다면 수육 또한 함께 꼭 먹어보고 싶다는 마음이 간절했다.







메뉴를 주문하고 약 3분 정도의 시간이 지났을까. 음식이 나오는 것은 굉장히 심플했다. 말 그대로 곰탕과 수육, 그리고 면사리가 들어간 설렁탕 한그릇과 공기밥이 다였다. 


물론 김치와 깍두기, 소금, 고춧가루, 파 등은 기본적으로 테이블에 세팅되어 있다.







뽀얗게 우려진 설렁탕 속에 하얀 면사리는 언제나 옳다고 생각해본다. 먹기도 전에 벌써 눈으로 먹는 기분.







곰탕 국물은... 정말 '맛있다' 라는 3글자로 표현하기 아쉬울 정도로 진했고 고소했다. 감동의 도가니...







설렁탕에 잔뜩 들어가 있는 수육은 보통으로 얇았는데, 그렇다고 여느 일반 음식점에서 먹는 얇고 딱딱한 수육고기가 아니었다. 굉장히 부드러웠고 양 또한 푸짐하게 들어있어서 애초에 먹으면서 괜시리 고기 몇점정도는 아껴먹게 되는 심리를 말끔히 해소해주었다.







최근들어 더위를 먹은 탓인지 입맛이 돌지 않아서 상당히 입이 짧아졌다고 느껴왔다. 평소에 먹던 밥의 양에 비해 매우 적게 먹는 요즘인데, 이상하리만치 오늘은 거의 한 그릇을 모두 비웠다. 


푸주옥 설렁탕을 먹으며 위 사진과 같이 곳곳에 붙여져 있는 안내판에는 푸주옥 주인만의 고집과 자부심이 고스란히 녹아내려져 있었는데, 그 의미가 너무 잘 전달되어서 나도 모르게 감사한 마음이 들 정도였다. 


내 소유의 차가 없어서 직접 가는 것은 어렵지만, 사무실에서 식사를 할 때 앞으로도 종종 가자고 이야기해야겠다고 생각하며 식당 문을 나섰다. 정말 너무 맛있게 먹은 설렁탕 한 그릇에 기분 좋게 힐링한 오늘 점심식사. 조만간 또 방문할 수 있기를 고대해본다.





※ 본 포스팅은 별도 비용을 받지 않고 직접 사먹고 감동에 젖어 쓴 후기글입니다 ※






판교푸주옥


경기 성남시 수정구 대왕판교로 897 (경기 성남시 수정구 시흥동 223)


☎ 031-753-8818 l 영업시간 : 매일 24시간











세오의 어필로그 ㅣ sseoteo@naver.com







저작자 표시 비영리 변경 금지
신고
이 장소를 Daum지도에서 확인해보세요.
경기 성남시 수정구 시흥동 223 | 푸주옥
도움말 Daum 지도
Name
Password
Homepage
Secret
의왕시 숲속마실 공공아트프로젝트 후원기념 1인창조기업 이벤트 진행!
Amatuer.세오/세오의 업무일지

의왕시 '숲속마실' 공공아트프로젝트 후원기념

의왕시 1인창조기업 비즈니스센터 이벤트 진행

(8.8~8.26)



의왕시 1인창조기업 비즈니스센터 입주사인 1인창조기업 "씨앗컴퍼니"에서 "숲속마실 공공아트프로젝트"를 진행하고 있습니다. 이에 관련하여 의왕시 1인창조기업 비즈니스센터에서도 해당 프로젝트 후원을 기념하여 "대한민국 1인창조기업을 응원하라!" 이벤트 시즌2를 진행하고 있는데요. 


숲속마실 공공프로젝트의 성공적인 행사진행과 더불어 국내 1인창조기업을 응원하기 위해 이벤트 진행을 또 한번 맡게 되었습니다.







(주)씨앗컴퍼니의 『숲속마실 공공아트프로젝트』  진행 목적은?




1. 지역 주민들에게 문화예술향유의 기회 확대!


의왕시에 위치한 숲속마을은 의왕과 과천 사이의 그린벨트가 조성된 곳으로 도심속에서도 있는 그대로의 자연을 만끽할 수 있는 곳입니다. 그러나 새롭게 조성된 마을이기에 문화예술을 즐길만한 공간이 부족했던 점을 보완하기 위하여 '숲속마실' 공공아트프로젝트를 통해 지역주민들이 생활속에서 문화예술을 경험할 수 있도록 기획된 프로젝트입니다.



2. 지역 예술가를 양성합니다.


의왕시 1인창조기업과 산학협력 MOU를 체결한 '계원예술대학교'를 포함한 국내 순수미술작가를 지망하는 예술인들에게 더욱 나은 처우를 제공하고, 자유로운 작품활동을 할 수 있도록 장려하여 예술가로서 자립하는데에 도움을 주고자 시작되었습니다.









지난 8월 8일부터 8월 20일까지 약 3주간 진행(작품전시는 8월 31일까지) 되는 이번 행사는 의왕시 숲속마을 노을빛 공원과 산빛공원에서 진행됩니다.


의왕시 숲속마을 주민 7천여명을 대상으로 시민들과 지역 예술가가 작품을 창작하고 전시하며 평범한 일상이 예술을 통해 '환상'이 될 수 있는 멋진 경험을 제공해주리라 기대해봅니다 ^^





의왕시 1인창조기업 비즈니스센터 이벤트 '시즌 2'






'숲속마실 공공아트프로젝트' 후원을 기념하여 의왕시 1인창조기업 비즈니스센터 또한 응원릴레이 이벤트 시즌2를 개최했습니다.


경기·강원지역 1인창조기업 비즈니스센터 공식 페이스북 페이지에서 해당 이벤트를 응모할 수 있으며, 숲속마실 프로젝트 행사를 직접 방문하여 찍은 '인증샷'이나 국내 1인창조기업을 응원할 수 있는 사진, 또는 응원댓글을 작성하여 올려주면 간단하게 응모가 됩니다.



✔ 의왕시 1인창조 비즈니스센터 공식 페이스북 페이지


https://www.facebook.com/gogo1biz/



✔ 의왕시 1인창조 비즈니스센터 주최 _ 숲속마실 아트프로젝트 후원기념 이벤트 상세 URL


https://www.facebook.com/gogo1biz/photos/a.535704126596656.1073741828.535175906649478/657107954456272/?type=3&theater





◈ 의왕시 1인창조기업 응원릴레이 이벤트 ◈



☞ 이벤트 기간


2016년 8월 8일 ~ 8월 26일 (3주간)


☞ 참여방법


1단계 : 의왕시 1인창조기업 페이스북 페이지 '좋아요' 누르기


2단계(택1) : 


① 대한민국 1인창조기업을 응원하는 모습, '숲속마실' 행사현장, 

        의왕시 1인창조기업 비즈니스센터 배너사진 등 '인증샷'을 찍어서 댓글로 달기


② 대한민국 1인창조기업 또는 '숲속마실' 프로젝트를 응원하는 댓글 달기


☞ 이벤트 경품


① 1등 (1명) : 아웃백 '갈릭립아이 + 투움바 파스타' 세트메뉴

② 2등 (10명) : 베스킨라비스 싱글킹 아이스크림

③ 3등 (20명) : 스타벅스 아이스아메리카노


☞ 당첨발표


2016년 8월 30일 (경품지급 : 9월 2일)





본 이벤트는 의왕시와 중소기업청, 창업진흥원, 씨앗컴퍼니, 숲속마실프로젝트가 함께합니다. 

오늘 날짜로 숲속마실 공공아트프로젝트와 함께 제가 진행하는 이벤트 또한 의왕시 공식블로그 '의왕e야기'에 

소개되었습니다. 괜히 뿌듯하면서도 더욱 큰 책임감을 느끼게 되네요 :)



☞ 의왕시 공식블로그 '의왕e야기' 관련 포스팅 (http://blog.naver.com/yesuw21/220788702038)






이번 이벤트도 성공적으로 성황리에 완료되기를 진심으로 희망해봅니다.

이웃여러분! 많은 참여 부탁드려요 ^^














세오의 어필로그 ㅣ sseoteo@naver.com






저작자 표시
신고
Name
Password
Homepage
Secret
네이버 웹마스터도구 사이트맵 생성 & 한글주소 변환법 - 카페24 검색엔진최적화
Amatuer.세오/쇼핑몰운영일지

네이버웹마스터도구 검색엔진 최적화를 위한 사이트맵 생성하기

& 한글주소, 한글도메인 변환법






네이버사이트등록을 위해서는 이전의 사이트등록 서비스와는 달리 새롭게 개편된 "네이버웹마스터도구"를 통해 등록을 해야 하는데요. 이게 생각보다 쉽지 않아서 참 애를 먹고 있는 요즘입니다. 


특히 검색엔진최적화를 위해 사이트맵 파일을 생성해서 업로드 하라고 하는데,, 

은근히 복잡해서 꽤나 시간을 잡아먹었네요.


카페24를 통해 쇼핑몰을 생성한 후, 사이트맵 생성을 위해서는 어떻게 해야하는지, 나아가 한국어로 된 도메인의 경우 어떻게 변환하여 생성시키는지 그 방법을 공유해볼까 합니다.




1. 네이버 웹마스터도구에 사이트 맵이 X 표시라면, 

   검색엔진최적화를 위해 사이트맵(XML) 파일을 생성하여 업로드 해야 합니다.



솔직히_1도_모르겠다.jpg



솔직히 이것만 보면, 사이트맵이 뭔지 1도 모르겠습니다. 아, 어떤것인지는 알겠지만 파일을 어떻게 만들고 어떻게 올려야 할까요;;.. html 등에 관련하여 잘 모르는 분(저를 포함하여)일 경우 정말 막막하기만 할 것입니다.


이곳에서 말하는 사이트맵은 말그대로 검색로봇이 우리가 등록하려는 사이트 내에서 정보들을 긁어가야 할 페이지 하나 하나의 경로를 알려주는 역할을 합니다.


만약 네이버 웹마스터도구 최적화현황에서 사이트맵이 "X"표시가 되어있다면, 사이트맵 파일을 생성해서 올려두어야 검색엔진최적화에 도움이 되겠죠.




2. XML 사이트맵 파일생성 사이트 - "체크도메인스닷컴" XML sitemap Generator



▶ XML 생성사이트 주소 -  http://www.check-domains.com/sitemap/index.php



이곳은 사이트맵을 생성하고자 하는 주소 url만 입력하면 자동으로 파일을 생성해주는 사이트입니다. 해당 서비스를 이용하기 위해 가입을 하거나, 별도 인증 등이 필요없어서 간편한데요. 저와 같은 경우에도, 이곳에서 사이트맵 파일을 생성했습니다. 아주 간편하게 2가지만 설정하면 됩니다.






① 사이트맵이 생성되야 할 사이트 주소 URL 입력


② Optional sitemap Types - HTML site map 체크


③ Create Sitemap 클릭!







Create Sitemap 을 클릭하고나면 사이트맵 XML 파일을 생성 중이라는 진행중 아이콘이 표시가 되며, 작업 진행상황에 따라 Indexing, Depth level, Scanned pages 등의 항목들이 실시간으로 출력됩니다.






생각보다 페이지 수가 많지 않은데도 불구하고 시간이 꽤 오래걸렸는데, 여기서 기억해두셔야 할 점은 사이트맵생성중인 브라우저는 중간에 끄거나 닫으면 안된다는 점인데요. 


페이지의 수가 많거나 무거운 사이트의 경우 사이트맵 파일 생성을 위한 작업시간이 훨씬 더 오래 걸리므로 사이트맵 생성이 완료될때까지는 컴퓨터 및 해당 브라우저를 꼭 켜두시기를 바랍니다. 브라우저가 닫히면,, 파일생성도 중단되어버려요 ㅠ.ㅠ




3. 사이트맵 xml 파일 다운로드 & 서버 업로드하기



작업이 모두 완료되면 아래에 위와 같은 결과창이 생성되고, 다운로드가 가능한 버튼이 보여집니다. 

XML sitemap 항목의 Download 버튼을 눌러 sitemap.xml 파일을 다운받아주세요.





카페 24 쇼핑몰이라면, 쇼핑몰관리자 페이지에서 간편하게 업로드가 가능합니다.


카페24 쇼핑몰관리자로그인 > 상점관리 > 운영관리 > 검색엔진 최적화(SEO) > XML 사이트맵 등록


을 통해 다운로드받은 파일을 업로드해주세요.






또는 FileZilla 아니면 알FTP 서버에 접속하셔서  아래와 같이 root 폴더(최상위폴더)에 파일을 업로드시켜주면 됩니다.






4. 네이버웹마스터도구 "사이트맵 제출하기"






위와 같이, 사이트맵 파일 업로드하기를 모두 마쳤다면, 네이버웹마스터도구 > 요청 > 사이트맵제출  페이지에서 "sitemap.xml" 을 입력 후 확인을 눌러주시면 모든 작업과정이 완료됩니다.





★ 내 도메인이 한국어 도메인이라면? 퓨니코드로 변환하여 생성하자!


간혹 한국어도메인이라서 체크도메인스닷컴에서 사이트맵 생성이 되지 않는 경우가 있습니다. 만약, 사이트맵을 생성하고자 하는 주소 url이 한국어로 되어있을 경우 "퓨니코드 변환기"를 통해 URL을 변환시켜주세요.


▶ 한국인터넷진흥원 퓨니코드 변환기 사이트


http://krnic.or.kr/jsp/resources/domainInfo/punyCode.jsp















세오의 어필로그 ㅣ sseoteo@naver.com

프린터/복합기렌탈 전문 오피스샵 ㅣ www.officeshop.kr

 



저작자 표시 비영리 변경 금지
신고
Name
Password
Homepage
Secret
2016년 7월 새로 시행되는 법령, 바뀌는 법령 총정리
이슈&정보/지식창고

2016년 7월 새로 시행되는 법령 총정리

이번달부터 바뀌는 법령은 어떤 것들이 있을까?






1. 대출or신용카드 모집인, 전속 대리운전기사의 업무상 재해 보호

(「산업재해보상보험법 시행령」 개정, 7/1일 시행)


※ 특수형태근로종사자 


① 보험설계사, ② 학습지교사, ③ 레미콘믹서트럭기사, ④ 골프장캐디, ⑤ 택배기사, ⑥ 전속 퀵서비스기사

+ 7월 1일부터 → ⑦ 대출모집인, ⑧ 신용카드모집인, ⑨ 전속대리운전기사 추가



기존의 6개 직종에 적용되었던 "특수형태근로종사자 특례'가 7월 1일부터 대출모집인과 신용카드모집인, 전속 대리운전기사에게도 적용되어 앞으로 업무상 재해 위험에 대한 사회적 안전망이 강화된다고 합니다.


이에 따라 대출모집인 및 신용카드모집인, 전속대리운전기사는 사업주와 함께 보험료를 절반씩 부담하고, 사업주는 근로복지공단에 특수형태 근로종사자의 입직 및 이직 신고와 보험료 납무를 함께 해야 합니다.









2. 타임스퀘어와 같은 옥외광고물을 한국에도 '자유표시구역'으로 도입

  (「옥외광고물 등 관리법」개정, 7/7일 시행)


미국의 타임스퀘어 광장처럼, 옥외광고물이 특정 지역의 관광명물이 될 수 있도록, 사업용 광고물에 대한 설치가 자유로운 '자유표시구역'제도를 도입한다고 합니다.


자유표시구역으로 지정될 경우, 시·도별로 광고물의 모양이나 크기, 컬러, 표시 및 설치방법 등에 대한 별도 기준으로 자유롭게 광고물을 설치할 수 있고, 국제 경기나 연말연시 등과 같은 일정기간을 정해 특성화된 광고환경을 조성할 수도 있게 될 것으로 기대됩니다.










3. 의료기구 및 안경소매점에서도 현금영수증 의무발행 

   (「소득세법 시행령」개정, 7월 1일 시행)


현금영수증을 의무적으로 발행해야 하는 업종이 가구·의료용기구·안경소매업 등으로 확대됩니다.



☞ 7.1부터 현금영수증 의무발행 확대업종 5가지


① 가구소매업, ② 전기용품 및 조명장치 소매업, ③ 의료용기구 소매업, 

④ 페인트·유리 및 그 밖 건설자재 소매업, ⑤ 안경소매업



앞으로 위에 해당하는 업종은 구매자가 발행을 요청하지 않아도 건당 거래금액이 10만원 이상이면 현금영수증을 의무적으로 발행해야 합니다. 









4. 공항 주변 주민들에게 여름철 냉방비 지원 및 손실보상 등 확대

  (「공항소음방지법」 개정, 7/1일 시행)


공항소음 등의 영향이 있는 지역으로서 공항소음대책사업과 주민사업 등을 추진하기 위해 국토부에서 지정한 "소음대책지역" 에 대해, 주민들의 복지증진과 생활개선을 위한 내용으로 「공항소음방지법」이 개정되어 시행되었습니다.


냉방시설 전기료 지원사업의 대상이 기초생활수급권자에서 전 주민으로 확대되었고, 항공기 소음 등으로 창문개방이 곤란한 주민들에게 여름철 냉방시설 가동에 따른 전기요금에 대한 부담을 덜 수 있게 되었습니다.










5. 보복운전 행위시, 운전면허 정지·취소가능

 (「도로교통법」 개정, 7/28 시행)


도로위의 살인행위, 보복운전에 대한 사회적 문제가 최근 뜨겁게 부상하고 있어 이에 대한 행정처분으로서 운전면허를 취소하거나 정지 처분을 할 수 있게 되었습니다.


즉, 자동차를 이용해 상해나 폭행, 협박 등의 행위를 하게 된다면, 운전면허 취소 또는 1년 이하의 면허정지를 받을 수 있게 될 예정입니다.









6. 보이스피싱에 사용된 전화번호는 바로 이용중지 요청 가능 

(「통신사기피해환급법」 개정, 7/28 시행)


급증하고있는 전기통신금융사기로 인한 연속적인 피해를 예방하기 위해, 전기통신금융사기에 이용된 전화번호를 중지할 수 있는 법적 근거가 마련될 예정입니다.


검찰총장이나 경찰청장 또는 금융감독원장은 전기통신금융사기에 이용된 전화번호를 확인할 경우 그에 이용된 전화의 이용중지를 미래창조과학부장관에게 요청할 수 있습니다.


또한, 사기이용계좌에 대해 지급정지 조치가 이루어진 이후에는 압류 또는 가압류 등의 강제집행 명령을 할 수 없도록 하여, 전기통신금융사기로 인한 피해금 환급의 실효성을 확보할 수 있게 되었습니다. 







                   



오피스샵 X 세오의 어필로그


www.officeshop.kr


sseoteo@naver.com






저작자 표시
신고
Name
Password
Homepage
Secret
✔웹코딩기초강좌 4 - HTML '블록타입'과 '인라인타입'
Amatuer.세오/HTML&CSS공부

✔웹코딩기초강좌 4 - HTML '블록타입'과 '인라인타입'




각 요소들은 블록타입과 인라인타입으로 구분되는데, html을 작성할 때 꼭 알아둬야 할 기본 항목 중 하나다.








1. 블록타입 (Block Type, Block Level Elements)




블록타입(블록요소)는 기본적으로 줄바꿈이 일어나는 형태로 하나의 요소가 웹페이지 영역 내에서 좌측끝에서 우측 끝까지 전체 너비만큼 차지한다. Width(가로)와 Height(세로) 영역을 설정할 수 있으며, 완벽한 여백과 주변요소와의 간격을 조정한다.


이러한 블록타입에 해당하는 요소들로는 대표적으로 H1~H6요소, P요소, div 등이 있다.




(△ 블록타입 예시. 상단 Result 탭을 클릭해서 결과를 확인해보자)





2. 인라인타입(Inline Type, Inline Elements)




인라인타입은 블록타입과 반대되는 형태로 줄바꿈이 일어나지 않는 형태인데, 요소와 요소가 기본적으로 좌에서 우로 자연스럽게 배치된다.


원칙적으로 Height(높이) 지정은 불가하지만, 예외적으로 img 및 input 태그는 height 설정이 유효하며, 상하 여백과 주변 요소와의 상하 간격에 관련한 조정이 불가한 것이 특징이다.


대표적으로 a, img, strong, span 요소 등이 있다.




(△ 인라인타입 예시. 상단 Result 탭을 클릭해서 결과를 확인해보자)






<관련 포스팅>



✔HTML기초 - HTML, CSS, JAVA Script 입문 - ①  ㅣ  http://seo-apl.tistory.com/53




✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념  ㅣ  http://seo-apl.tistory.com/54




✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기  l  http://seo-apl.tistory.com/55











세오의 어필로그 ㅣ sseoteo@naver.com


저작자 표시
신고
Name
Password
Homepage
Secret
✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기
분류없음

✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기



HTML문서를 작성할 때에 가장 처음 들어가는 Head (머리) 부분에 관련하여 정리해본다.






★ HTML 문서의 구조를 만드는 기본 태그 ★


<!doctype HTML>

<html>


 <head>

  <meta charset="UTF-8">

   <title> 문서제목 </title>

 </head>


 <body>

문서내용

 </body>


</html>






1. Doctype



독타입(Doctype)은 HTML 문서의 가장 상단에 명시하는데, 해당 HTML 문서의 타입과 버전을 알려주는 정보를 담는다. 웹표준으로 작성할 때에 필수로 들어가는 항목이다.


※ HTML5의 선언 ▶ <!doctype HTML> 


<!doctype HTML> 이라고 최상단에 작성해두면, 해당 문서의 버전이 HTML5버전이라는 것을 나타낸다.





2. Head


head요소는 해당 웹페이지에 직접적으로 표현되지는 않으나, 이 페이지의 제목이나 웹페이지가 검색엔진에 노출이 될 수 있도록 하는 각종 정보('메타데이터'라고 한다)들을 담는 역할을 한다. 웹페이지를 꾸미는 CSS파일이나 자바스크립트 JS 파일을 연결하는 부분 또한 주로 head 요소 안에 위치한다.




[ Head를 구성하는 요소들 ]




① Title 


문서의 제목 또는 이름을 나타낸다.


<title> 문서의 제목 </title>


title 요소의 내용은 브라우저 창 제목이나 페이지 탭에 나타나게 된다. 때문에 title 제목을 작성할 때는 간단하고 명료하게 작성하는 것이 좋다. 


Title 작성 Tip )


1. 제목은 해당 웹페이지를 대표할 수 있는 내용의 제목을 사용해야 한다.


- 사이트를 노출시킬 때에 검색엔진이 해당 목적에 맞게 인식하여 노출시킬 수 있도록 키워드 선정이 중요


2. 웬만하면 특수문자를 사용하는 것은 지양하는 것이 좋다.


 






② meta 


메타태그는 스스로 닫는 태그로, 현재 페이지의 인코딩(언어정보), 페이지 설명, 페이지에 관련한 주요 키워드 등을 담는 역할을 한다.

ㄷㅁㅇㄴㄹ

<meta 속성 = "속성값"/>



※ meta태그 사용 예


<meta http-equiv="Content-Type" content="text/html; charset="UTF-8"/>


해당 웹페이지가 UTF-8 방식으로 작성되었다는 의미를 담고있다. 이는 브라우저가 이 메타정보를 읽고, 텍스트를 올바르게 랜더링하는데, 보통 국내에서는 'UTF-8' 또는 'EUC-kr'을 많이 사용하고 있다. 일반적으로 다른 언어에서도 볼 수 있는 UTF-8을 권장한다.






<meta name="Description" content="소개 내용"/>


디스크립션메타는 해당 웹페이지를 설명하는 정보들을 담고 있으며, 이 정보는 검색엔진에서 긁어가는 내용으로 인터넷 유저가 검색했을 때 사이트 설명 부분에 나타나게 된다.


<meta name="Keywords" content="키워드 나열" />


해당 웹페이지가 갖고 있는 주요 키워드들을 담는 메타태그로 이 정보 역시 검색엔진에서 긁어가는 주요 정보 중 하나가 된다.


<meta name="robots" content="noindex, nofollow" />


이 메타태그는 해당 웹페이지를 검색엔진이 웹수집을 하게 할 것인지, 하지 않도록 할 것인지를 정하는 태그로, 위와 같이 'noindex, nofollow'로 정의해둘 경우 검색엔진은 해당 웹페이지 정보를 수집하지 않는다. 이는 즉, 검색엔진에 노출되지도 않는다는 것을 의미한다.


그러나 대부분의 사이트는 검색노출을 위한 사이트가 많으므로 content 값을 'index, follow'로 작성해두거나 위 메타태그를 아예 작성하지 않으면 기본적으로 검색엔진이 해당 사이트를 수집하게 된다.



③ link, style


※ 사용 예)


<link href="style.css" type="text/css" rel="stylesheet" /> 


<style type="text/css">

  body{

    color:#333;

  }

</style>



link 및 style 요소는 CSS 파일을 연결할 때 사용하는 요소들이며, Style 요소 안에 원하는 CSS 내용을 넣게 되면 굳이 외부 CSS 파일을 별도로 사용할 필요가 없고, html 파일 안에서 편하게 사용이 가능하다.


물론, 관리를 위해 CSS파일을 분리하여 작성하는 것이 더욱 좋은 방법이긴 하나, 종종 간단한 텍스트 또는 단일페이지를 작성할 때에 사용할 CSS라면 유용히 활용할 수 있다.



④ script


<script type="text/javascript" src="abc.js"> </script> 또는


<script type="text/javascript"> 

  //script Text                       

</script>                             


src 속성에 js파일명을 기입하면, CSS를 연결하듯 외부 js(자바스크립트) 파일을 연결하게 된다. 또한 src 속성 없이 script 요소 안에는 style 요소처럼 js를 html 파일 안에 직접 작성할 수도 있으며, head 뿐만 아니라 body 안에 작성하는 것도 가능하다.





★ 정   리 ★ 



1. 독타입(doctype) 


  - 문서의 최상단에 위치하여 HTML 의 버전과 타입을 선언한다.


2. head 요소 


  - 실제로 웹페이지상에 보여지지는 않지만 페이지가 갖고 있는 중요 정보들을 담고 있다.

  - head 요소 정보들은 검색엔진 및 스크린 리더 등에서 활용된다.


3. title 요소

  

  - 페이지의 제목을 의미하며, 브라우저 탭에 노출된다.

  - 웹페이지 접근성을 위하여 특수문자 또는 긴 내용은 자제하는 것이 좋다.


4. meta Description

 

  - 페이지의 소개 내용을 담는다. 검색엔진에 주로 활용된다.


5. meta Keywords


  - 페이지의 주요 키워드를 명시하여 검색엔진에 주로 활용된다. 

  - 단, 도배성 또는 무관한 내용을 남발할 시 오히려 악영향이 될 수 있으니 주의한다.


6. link, style


  - 주로 CSS 파일과 연결하며, style 요소를 통해 페이지 내에서 CSS스타일을 줄 수 있다.

    

7. script


  - 웹페이지와 javaScript 파일과 연결하는 역할을 한다.








<관련 포스팅>



✔HTML기초 - HTML, CSS, JAVA Script 입문 - ①  ㅣ  http://seo-apl.tistory.com/53




✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념  ㅣ  http://seo-apl.tistory.com/54











세오의 어필로그  l  sseoteo@naver.com





저작자 표시 비영리 변경 금지
신고
Name
Password
Homepage
Secret
✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념
Amatuer.세오/HTML&CSS공부

✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념









1.  HTML 문서 구조를 위한 기본 태그



① <!doctype.html>


웹브라우저에게 해당 문서의 타입이 'HTML' 웹 페이지라고 선언하는 문장으로, HTML 코딩 작성시 가장 상단(첫번째 줄)으로 들어가는 기본 태그.




② <HTML>

    </HTML>


html 태그로 코딩시 모든 내용은 HTML 태그 안에 작성하게 된다. 페이지 전체를 통틀어 감싸안는 성격을 갖고 있다.



③ <head>

   </head>


<body>

</body>


태그 안에 태그를 넣을 수 있는 구조로, head 태그는 웹 페이지의 보이지 않은 정보들을 담는 영역이며, body 태그는 웹 페이지에 보여지는 내용들이 들어간다.



☞ 작성 예


<!DOCTYPE html>

<html>
<head>
<title>세오의 어필로그</title>
</head>

<body>
공부하자
</body>

</html>




※ 웹 코딩을 할 때, '줄바꿈 & 들여쓰기'를 습관화 하자!



태그 및 소스 등을 작성할 때, 각각의 태그가 어느 태그 안에 있는지, 해당 태그가 제대로 잘 닫혀있는지 오로지 텍스트로 이루어진 성격 탓에 눈으로 식별하기가 상당히 어렵다. 태그 작성을 올바르게 했다고 생각하더라도 실제 결과물 속에서 에러가 나거나 원하는 대로 보여지지 않는다면 어떤 문제가 있는지 찾기 쉽도록 태그를 작성할 때 미리미리 들여쓰기 (TAB)을 눌러주거나 스페이스를 통해 공백을 주는 것이 좋다.


들여쓰는 것에 대하여는 별다른 규칙은 없으나, 본인이 읽거나 구분하기 쉽게, 그리고 일관성이 있게 주는 것이 중요하다.






2. 요소와 속성




※ <태그> ~ </태그>


어떤 태그가 시작될 경우 '< >' 괄호 안에 태그명령어를 씀으로써 시작된다. 물론, 태그 내의 소스 또는 명령어를

모두 작성을 완료한 경우 '</ >' 괄호 안에 슬래시를 넣어줌으로써 해당 태그소스는 끝이 났다고 선언해야 한다.


※ 스스로 닫는 태그


단, <br/> 등과 같이 '스스로 닫히는 태그' 또한 존재한다. 이는 태그 안에 담을 내용이 별도로 없고

태그 자체에 의미가 담긴 것들이기 때문이다. 


- 스스로 닫는 태그 예시 ▶  <img/>





위의 코드를 예시로 든다면, img 태그 안에 'src="사이트주소" 형식을 찾아볼 수 있다. 이것을 '속성' 이라고 하며, img를 '요소'라고 한다. 즉, img 라는 요소 안에 scr 속성을 추가하였다고 이해하면 된다.


<요소 속성="속성값"/> 또는 <요소 속성="속성값"> 요소내용 </요소>














세오의 어필로그


sseoteo@naver.com





저작자 표시
신고
Name
Password
Homepage
Secret
✔웹코딩기초강좌 - HTML, CSS, JAVA Script 기초 입문 - ①
Amatuer.세오/HTML&CSS공부

✔HTML기초 - HTML, CSS, JAVA Script 입문 - ①


- HTML, CSS, JAVA Script 개념과 기능

- 웹 코딩을 위한 에디터 소개






'오피스샵' 쇼핑몰 웹사이트를 운영하며 HTML에 관련한 기초지식이 없어 운영에 큰 어려움을 겪었습니다. 이에 큰 마음을 먹고 주말동안 웹 코딩 강의를 신청했습니다. 주중의 바쁜 나날들을 보내면 쉬고싶은 마음이 정말 굴뚝같은데 ㅠㅠ,, 그래도 직접 할 줄 알아야 한다라는 생각으로 시작했습니다.


포스팅을 통해 배운 것에 대한 복습을 하는 동시에, 웹코딩에 관련하여 저와 같이 전반 지식이 없는 분들께 도움이 되고자 카테고리를 만들었습니다. 개인적인 기록과, 공부를 위한 포스팅인만큼, 존댓말을 쓰지 않는 것에 대해 양해 부탁드립니다 ^^;


(트..틀린 것이 있다면 댓글로 꾸짖어주세요)








1. HTML과 CSS, Javascript


1. HTML - 웹 페이지의 기본적인 내용과 의미를 담는다 


'Hypertext Markup Languaged'의 약자인 HTML은 인터넷 초기에 하이퍼텍스트를 만들기 위해 개발되었으며, 링크를 기반으로 문서를 검색하는 것이 첫 시작이다.

태그(Tag)라는 예약된 키워드로 작성하는 마크업(Markup)언어로써 HTML코딩을 다른 말로 '마크업한다'라고도 표현한다.


2. CSS - 웹 페이지의 외형을 담는다 


'Cascading Style Sheet'의 줄임말로 웹 페이지의 '외형'을 담당한다.


HTML이 메모장에서만 쓴 것 처럼 투박한 내용을 담고 있다면, CSS는 해당 내용에 대한 레이아웃 구성이나 색을 입히기도 하고, 배치시키는 등 웹 페이지의 모양을 다듬어주는 역할을 한다.



3. JavaScript -웹 페이지의 동적인 동작을 담는다 


자바스크립트는 웹페이지가 갖고 있는 기능 또는 동작을 담당한다.

웹서핑을 하다가 페이지 '설정'을 누르면 메뉴가 뜨거나, 글자 크기를 조절하거나, 이미지 슬라이드 등과 같은 설정들을 정립해주는 역할을 한다.


자바스크립트를 다루기 위해서는 HTML과 CSS에 대한 개념이 우선적으로 필요하다.



★ 웹 페이지의 기본 구성요소 → HTML , CSS, JAVA Script


☆ 웹 페이지에 들어있는 게시글 작성, 관리 또는 회원가입 등과 같은 

   동적인 사이트는 서버언어가 PHP, JSP, ASP 등이어야 한다.









2. 웹 코딩을 위한 에디터들



① 메모장



② 드림위버


- Adobe 사의 웹 제작 프로그램으로, 작성한 텍스트들을 직접 바로 화면상으로 확인하며 

  작업할 수 있어 매우 편리하다.







③ 에디트 플러스(Edit Plus)


- 웹제작 프로그램 중 하나로, 각 태그 및 명령어 등을 잘 구분시켜주기 때문에 작성시 편리하다.







④ 제이에스피들(jsfiddle)


- 드림위버만큼 디테일하지는 않지만, html 관련 공부를 시작할 때 가장 유용하게 사용할 수 있다.

  각각의 소스들에 관련해 화면확인이 가능하며, 소스 공유 및 저장이 가능하다.













세오의 어필로그


sseoteo@naver.com





저작자 표시
신고
Name
Password
Homepage
Secret
네이버쇼핑, N페이, 스토어팜 판매불가상품 리스트 목록
Amatuer.세오/쇼핑몰운영일지

온라인쇼핑몰 운영팁

네이버쇼핑, 네이버페이 판매불가상품 리스트 목록







온라인쇼핑몰 운영시, 제품판매 극대화를 위해 네이버쇼핑 또는 다음쇼핑하우, 네이버페이 등과 같은 포털매체를 함께 활용하게 되는데요. 


특히 네이버에서는 현법상 판매하지 못하는 품목 또는 판매제한을 두는 품목들이 있습니다. 즉, 모든 상품들을 네이버쇼핑이나 스토어팜, 네이버페이 등에서 판매할 수는 없답니다. 이에 현행법상 판매가 제한되거나, 아예 불가한 상품군은 어떤 것들이 있는지 쭉 정리해봅니다.


현재 판매하고자 하는 상품이 아래 항목들에 해당하는지 미리 꼭 확인해보세요 ^^




- 취급제한상품 -





1. 매매제한상품


채팅 및 폰팅 / 운세 등 서비스 /  대출정보·대출관련 / 광고서비스 / 예치금이 존재하는 대여상품 / 


90일 이상 장기 예약상품 / 분할배송 상품 / 추가결제 및 위약금이 존재하는 예약상품 / 


유가증권(상품권, 회원권, E쿠폰, 전화카드, 스키장 리프트 탑승권) / 정기결제상품 / 


가입비 및 각종 할인혜택을 부가적으로 제공하는 서비스 / 자동차 / 인터넷 쇼핑몰 분양 및 홈페이지 제작 / 


회원제(어학교재, 골프회원권, 온라인교육, 정기구독 잡지) / 이륜차 판매 및 수리 / 애완동물 / 골동품 / 


경마 및 경륜 등 사행성 상품 / 0원 상품 / 개인결제 / 휴대폰 개통 및 렌탈상품 / 회원전용상품 / 


설치 및 시공(조경공사, 설치비, 조립 및 AS) / 동영상강좌 / 오프라인 수강권 / 숙박예약 / 


기타 실물 배송이 없는 용역서비스(영상제작, 영상변환, 소프트웨어 등) 




2. 법률 위반


청약철회가 불가능한 상품 / 청약철회기간 단축 등 전자 상거래법에 위배되는 판매방식의 현금할인 쿠폰 등 신용카드 회원을 불리하게 대우하는 판매방식




3. 상품정보 허위등록


구매가격 강요 / 물품 대체 판매 / 광고게시 / 부정확한 물품설명 / 장난성 등록




4. 거래 중개 사이트


오픈 마켓 형태의 통신판매 중개 사이트




( flickr_ Robbert Noordzij )




- 취급불가상품 -




1. 불법물


불법 습득물 or 장물판매 / 사이버머니 / 아이템 판매 / 매매 불가한 상품권 또는 할인권 판매 / 전기충격기 / 


수갑 / 총포도검 / 군용물품판매 / 주류 / 담배 및 담배대용품 판매 / 마약 / 의약품 / 혈액 및 헌혈증 판매 /


의료기사업 위반물(도수가 있는 안경 및 콘텍트 렌즈) / 인증받지 않은 공산품 / 전기용품 / 방송통신기자재등/


범죄조장문구(몰래, 위장, 비밀)를 포함한 카메라 / 어린이제품 판매 / 야생 / 동식물 / 박제품


정가의 10% 이상 할인 판매하는 발행일 기준 1년 6개월 미만의 도서



2. 식품/화장품/의료용구 관련법 위반


무허가 판매 / 제조업 미신고 / 수입신고필증 미필 / 판매업 미신고 / 원산지 허위기재 / 수입신고필증 미필 /


무허가 기능성 화장품 판매 / 표시광고 위반(의학적 효능 효과 표방) / 샘플 화장품 및 향수



3. 음란물


(유두, 가슴, 둔부 등이 노출된) 음란한 사진, 언어, 영상, 신호를 사용하여 성적 수치심을 자극하는 모든 물품 /


성인용품 판매 시 성인 카테고리에 등록한다고 해도 사용하는 표현물이 음란하다고 판단될 경우



4. 청소년 유해 매체물


이용등급이 18세 이상으로 지정된 서적이나 음반, 영상, 게임물 / 18세 이상 사용 가능한 비비탄 총 / 


순수 레져용 칼 또는 연장(총포도검 화약류 등 단속법 기준 이하) / 날카로운 조리기구 및 예술용 작업도구 / 


성인용 스포츠용품 및 격투기 용품 / 가정용 또는 산업용 연장 및 기자재 / 기타 합법적인 성인대상 이색상품 / 


SM상품 / 성인DVD / 콘돔 / 성인피규어 / 외도시약 / 섹시란제리(밑트임 스타킹, 밑트임팬티, T팬티 등) /


성기모형 / 아스트로글라이드 / 부탄가스 / 도검 / 전자담배 및 전자담배액체 / 레이저포인터 / 


유해성분이 포함된 본드



5. 권리침해 상품 판매


이미테이션 무단사용 / 음반, 영상, 게임복제품 / 불법개조품 / 불법복제물 / 이미지도용 / 특허권 침해 / 


실물 신안권 침해 / 초상권 및 성명권 침해(유명인 사진 및 이름) / 유명상표 유사문구 임의 사용 / 


의장권 침해 / 타인의 개인정보를 무단 사용




( flickr_ Intel Free Press )





실제로 오피스샵의 주요 상품은 '사무기기 렌탈'에 있기에 '예치금이 존재하는 대여상품' 에 해당 됩니다. 때문에 네이버 쇼핑이나 스토어팜, N페이를 통해서는 판매가 어렵지요. 


즉 렌탈상품은 오로지 홈페이지를 통해 판매가 가능하며, 다만 상품명에 '렌탈' 또는 '대여', '임대'라는 문구가 필수로 들어간 상품에 한하여 홈페이지와 네이버 쇼핑(지식쇼핑) 연동이 가능하답니다.


반면 빔프로젝터나 세단기, 복합기 판매 등은 정상적으로 모두 연동할 수가 있어요 ^^ 









세오의 어필로그 ㅣ sseoteo@naver.com





저작자 표시
신고
Name
Password
Homepage
Secret
✔PG사수수료 비교, PG사 종류 - 내 쇼핑몰에 온라인결제시스템을 !
Amatuer.세오/쇼핑몰운영일지

PG사수수료, PG사 종류


내 쇼핑몰에 온라인결제시스템을 달아보자!






사실, 제가 운영하는 "오피스샵" 온라인쇼핑몰은 처음 시작시 온라인으로 상품을 판매하기보다 사무기기를 렌탈하는 서비스가 주력적이므로 처음 시작시 결제시스템을 쇼핑몰에 붙이지 않았습니다. 


프린터나 복합기 등 계약기간과 한달에 사용하는 매수, 기종 등에 따라 가격이 변동되고 맞춤견적으로 진행할 수 있기 때문에 대부분 전화문의를 통해 상담 및 계약을 진행해왔는데요.

품목이 품목이다보니, 프린터 및 복합기도 판매를 할 수 있고 사무실에 관련한 기타 빔프로젝터, 세단기 등을 판매해보고자 시작한 쇼핑몰이므로 과감히 결제시스템을 도입하자 라는 생각을 했습니다.

와.. 그런데 뭐가 이리 복잡한지요. 온라인 결제 시스템을 붙이려면 가장 먼저 국내 PG사 (결제 대행사)에 가입해야만 했습니다. 온라인 쇼핑몰을 운영한다면 필수적으로 준비해야 할 PG사가입!  PG사를 가입 하기 전에 필요한 몇가지 정보들을 차근차근 정리해서 올려볼까 합니다.

(본 포스팅은 쇼핑몰 호스팅사인 '카페24'를 기반으로 작성된 내용입니다.)






※ PG사 가입 전, "카드/계좌이체 결제 서비스(전자통합결제)"

온라인 쇼핑몰을 이용해 신용카드나 가상계좌, 계좌이체 등의 결제수단을 통해 상품금액을 지불하는 수단을 말합니다. 우리가 평소 온라인 쇼핑몰에서 쇼핑 후 구매할 때 뜨는 다양한 결제시스템들이 바로 이들이죠.

Payment Gateway 의 약자로 전자상거래에서 필요한 "결제대행 서비스"를 뜻합니다. 쇼핑몰 운영자가 직접 지불 수단시스템을 구축하지 않아도, 각 PG사 전문대행업체의 결제솔루션을 통해 결제를 연결해줌으로써 보다 안정적인 쇼핑몰 운영과 결제 및 정산관리를 편리하게 받을 수 있습니다.


 1. PG사의 종류

온라인결제시스템을 지원하는 국내 PG사들은 대표적으로 KG이니시스, LG U+(엘지유플러스), KSNET, llatpay(올앳), KCP, NICE올더게이트, 다우페이, 정글페이 등이 있습니다. 




각 PG사마다 가입조건과 결제 수수료, 초기가입비, 정산주기 등이 조금씩 차이가 나고 나아가 호스팅사(오피스샵은 카페24)마다 우대하는 조건이 각각 상이하므로 현재 쇼핑몰운영환경에 맞게 가장 적합한 PG사를 선택하셔야 해요.


< PG사 결제서비스 신청 전화번호 >


1. 삼성올앳  ☎ 02-3783-9990

2. KCP ☎ 1544-8662

3. LG유플러스 ☎ 1544-7772

4. 올더게이트 ☎ 02-2082-7250

5. KG이니시스 ☎ 02-3430-5858

6. KSNET ☎ 1544-6030










2. 결제방법별 PG사 수수료 및 초기 가입비 (카페 24를 통해 신청할 경우)


처음 PG사에 가입할 때는 초기 가입비가 필요합니다. 20만원에 VAT별도니, 22만원이라고 생각하시면 되겠죠? 한번 가입한 이후에는 연관리비가 더 들지 않습니다. 



(출처 : 카페24)


우선 PG사에 가입하여 결제시스템을 붙이면 이용 가능한 서비스는 ① 신용카드결제 ② 실시간계좌이체 ③ 가상계좌 이렇게 크게 3가지로 분류될 수 있는데요. 신용카드 수수료는 3.5%, 실시간계좌이체 1.8%, 가상계좌는 건별 300원씩 각각 부가세 별도이므로 부가세를 포함한 수수료율을 꼭 염두해주시기 바랍니다.



※ 본 내용은 카페24를 기반으로 작성된 정보입니다. 각 쇼핑몰 호스트사 또는 독립쇼핑몰마다 부과되는 수수료율이나 조건 등이 차이가 있을 수 있으니 꼭!! 현재 쇼핑몰에 맞는 조건 등을 다시 한 번 찾아보시고 결정하시는 것이 좋아요 ^^








세오의 어필로그 ㅣ sseoteo@naver.com



저작자 표시
신고
Name
Password
Homepage
Secret