오프라인 매장을 위한 웹사이트 제작 가이드, 우리동네 알리기 | 비젠메디컬 IT Insight
R E P O R T

AI솔루션기업, AI소프트웨어, AI프로그램개발, AI서비스개발을 통해 AI개발업체로서 혁신을 선도합니다.

As the leader of the design
trend, I'll make you a more
valuable design.

데이터 주도 AI솔루션기업으로서 AI기업, AI소프트웨어, AI솔루션개발,
AI프로그램개발을 통해 복잡한 비즈니스 난제를 해결하고 AI서비스개발을 선도합니다.

오프라인 매장을 위한 웹사이트 제작 가이드, 우리동네 알리기

동네 오프라인 매장을 위한 독립 웹사이트는 단순한 정보 제공을 넘어, 신뢰성 확보, 소통 강화, 그리고 지역 SEO 최적화를 통해 오프라인 방문 및 매출 증대로 이어지는 필수적인 성장 도구입니다.

0
조회수 아이콘 88
2025-09-11 07:48

Image_fx.jpg





요즘 같은 시대에 온라인은 선택이 아닌 필수가 되었습니다.

하지만 많은 동네 비즈니스 사장님들은 네이버 플레이스나 소셜 미디어만으로 충분하다고 생각하는 경우가 많습니다.

물론 이 플랫폼들도 중요하지만, 독립적인 웹사이트가 주는 가치는 그 이상입니다.

오늘은 오프라인 매장을 운영하는 분들을 위해, 왜 웹사이트가 필요한지부터 어떻게 효과적으로 만들 수 있는지까지 자세히 알려드리겠습니다.



왜 지역 비즈니스에 웹사이트가 필요할까요?

네이버 플레이스나 인스타그램 같은 플랫폼은 잠재 고객에게 매장을 알리는 좋은 수단입니다.

하지만 이 플랫폼들은 정해진 틀 안에서만 정보를 제공할 수 있다는 한계가 있어요.

독립적인 웹사이트는 다음과 같은 장점을 제공합니다


· 신뢰성 확보: 잘 만들어진 웹사이트는 고객에게 전문적이고 신뢰할 수 있다는 인상을 줍니다. 마치 잘 정돈된 명함과 같죠.


· 정보의 자유로운 구성: 내 매장의 스토리를 담거나, 특별한 메뉴의 비하인드 스토리를 소개하는 등 플랫폼에서는 불가능했던 다양한 정보들을 자유롭게 담을 수 있습니다.


· 고객과의 직접적인 소통: 예약, 문의, 이벤트 공지 등을 웹사이트 하나로 통합 관리할 수 있어 고객과의 소통 창구를 일원화할 수 있습니다.






필수 포함 요소 체크리스트

효과적인 동네 웹사이트는 방문자가 궁금해할 만한 정보를 한눈에 보기 쉽게 제공해야 합니다. 다음은 꼭 포함해야 할 필수 요소들입니다.


· 오시는길 (지도): 네이버 지도, 카카오맵 API 등을 활용해 매장의 정확한 위치를 표시하고, 대중교통 정보나 주차 공간 유무를 상세히 안내하세요.

· 영업시간 및 휴무일: 정확하고 최신 정보로 업데이트하는 것이 중요합니다.

· 메뉴판 /상품 정보: 고화질의 사진과 함께 가격, 재료, 특징 등을 상세히 기재하면 고객의 구매 결정에 큰 도움이 됩니다.


· 예약 및 문의 기능: 전화, 카카오톡 채널, 또는 자체 예약 폼을 통해 고객이 쉽게 예약하거나 문의할 수 있도록 만드세요.


· 매장 스토리 / 갤러리: 매장의 분위기를 보여주는 사진이나 사장님의 철학을 담은 글은 고객에게 친근감을 더해줍니다.






지역 SEO 최적화 노하우

아무리 멋진 웹사이트를 만들었어도 고객이 찾지 못하면 소용이 없겠죠. '지역 SEO(Search Engine Optimization)'는 우리 동네 고객에게 웹사이트를 노출시키는 가장 중요한 방법입니다.

검색 엔진이 내 웹사이트를 쉽게 이해하고, 잠재 고객에게 정확하게 보여줄 수 있도록 만드는 작업입니다.


다음과 같은 방법으로 지역 SEO를 강화할 수 있습니다


· 제목 태그와 메타 설명 최적화: 웹사이트의 각 페이지 태그와 <meta name="description" />에는 '업종 + 지역명' 키워드를 반드시 포함해야 합니다. </span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span class="se-fs- se-ff- se-weight-unset " id="SE-e1d734c5-ede6-491d-aa08-cec8facb2441" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">예를 들어, '강남 맛집'을 검색하는 사용자에게는 강남역 퓨전 레스토랑, [상호명]과 같이 제목을 설정하고, </span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span class="se-fs- se-ff- se-weight-unset " id="SE-e1d734c5-ede6-491d-aa08-cec8facb2441" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">설명에는 '신선한 재료로 만든 특별한 메뉴와 편안한 분위기를 경험하세요'와 같이 방문을 유도하는 문구를 추가합니다.</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span class="se-fs- se-ff- se-weight-unset " id="SE-e1d734c5-ede6-491d-aa08-cec8facb2441" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-1598116a-7abd-4bf3-ab80-dc22871ff370" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 컨텐츠 내 키워드 배치:</span></span><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"> 웹사이트 내 텍스트 콘텐츠(메뉴 설명, 매장 소개 등)에 지역명과 업종 관련 키워드를 자연스럽게 반복해서 사용하세요. </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">하지만 단순히 나열하는 것이 아니라, 문맥에 맞게 녹여내는 것이 중요합니다. </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">예를 들어, '저희 [상호명] 베이커리는 판교에서 가장 신선한 빵을 만드는 곳입니다'와 같이 작성하는 방식입니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- " id="SE-7d79d491-04f4-49ad-aae3-a45aca590db9" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 구글 마이 비즈니스 (Google My Business) 연동: </span></span><span class="se-fs- se-ff- se-weight-unset " id="SE-5c8f7423-d49e-4a02-bf05-824716a1476e" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">구글 지도에 매장 정보를 등록하고 웹사이트 주소를 명확하게 기입합니다. </span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- se-weight-unset " id="SE-5c8f7423-d49e-4a02-bf05-824716a1476e" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">고객이 구글 지도에서 내 매장을 검색했을 때 웹사이트로 바로 연결될 수 있도록 해 잠재 고객 유입 경로를 확장할 수 있습니다.</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- se-weight-unset " id="SE-5c8f7423-d49e-4a02-bf05-824716a1476e" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- " id="SE-abe91219-15e4-44a3-813f-5c076b9ac721" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 반응형 웹 디자인:</span></span><span class="se-fs- se-ff- se-weight-unset " id="SE-68329664-008b-4eef-a518-3267fae536f6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"> PC, 태블릿, 모바일 등 어떤 기기에서도 웹사이트가 보기 좋게 표시되도록 반응형 디자인을 적용해야 합니다.</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- se-weight-unset " id="SE-68329664-008b-4eef-a518-3267fae536f6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"> 검색 엔진은 모바일 친화적인 웹사이트에 더 높은 점수를 줍니다.</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- se-weight-unset " id="SE-68329664-008b-4eef-a518-3267fae536f6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- se-weight-unset " id="SE-68329664-008b-4eef-a518-3267fae536f6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><img src="/upload/editor/1757544310362_942.jpg" style="width: 1408px;" /><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span class="se-fs- se-ff- se-weight-unset " id="SE-68329664-008b-4eef-a518-3267fae536f6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- se-weight-unset " id="SE-32ec1c49-87ab-43b2-8711-f449ce6054af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-bfd21fc3-afe9-4e91-a221-63ee0ec39664" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs-fs19 se-ff- " id="SE-1ef126c9-eefc-45e0-8c47-30e2e3ba0ba7" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 19px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">실제 제작 사례</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-c13df9ef-fc03-4e1d-98ca-9f26da36c737" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0e8d38f4-739f-4d43-b7c6-1d77679acc2b" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">서울 마포구의 '소담한 책방'</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-020aadc4-d9bd-4c93-8f30-d3a615811efc" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d2b3e07c-5169-4327-a6b6-e5ed56fea09d" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">마포구의 작은 독립 서점인 '소담한 책방'은 오픈 초기에 온라인 노출 부족으로 어려움을 겪었습니다. </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-020aadc4-d9bd-4c93-8f30-d3a615811efc" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d2b3e07c-5169-4327-a6b6-e5ed56fea09d" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">단순히 네이버 플레이스에 정보를 올리는 것을 넘어, 자체 웹사이트 제작을 통해 온라인 경쟁력을 강화하기로 결정했습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-020aadc4-d9bd-4c93-8f30-d3a615811efc" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d2b3e07c-5169-4327-a6b6-e5ed56fea09d" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-020aadc4-d9bd-4c93-8f30-d3a615811efc" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-406466c3-fa0c-46b8-a32a-ed1eb89a25c9" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 문제점:</span></span><span class="se-fs- se-ff- " id="SE-19a25d5b-e1ba-48da-a478-ac52369967b1" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"> '마포 독립서점', '동네 책방' 등 특정 키워드로 검색했을 때 노출 순위가 낮아 잠재 고객 유입이 적었습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-020aadc4-d9bd-4c93-8f30-d3a615811efc" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-19a25d5b-e1ba-48da-a478-ac52369967b1" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">해결 방법은 다음과 같이 진행 하였습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-020aadc4-d9bd-4c93-8f30-d3a615811efc" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-19a25d5b-e1ba-48da-a478-ac52369967b1" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span class="se-fs- se-ff- " id="SE-728e18d1-2634-4156-81ad-1e20d51c30af" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 웹사이트 제작:</span></span><span class="se-fs- se-ff- " id="SE-27fd99a9-f691-4def-ba4e-78fed62e7cc4" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"> '마포구 독립 서점, 소담한 책방'이라는 명확한 제목으로 웹사이트를 만들었습니다.</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span class="se-fs- se-ff- " id="SE-27fd99a9-f691-4def-ba4e-78fed62e7cc4" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-1a432fe3-6b45-4aa8-9abe-3be9d588c517" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 컨텐츠 최적화:</span></span><span class="se-fs- se-ff- " id="SE-a8e8c17a-55ab-4ec0-a465-04512364017f" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"> 매장 소개 페이지에 '마포의 작은 책방', '책을 사랑하는 사람들의 아지트'와 같은 문구를 사용해 키워드를 자연스럽게 녹여냈습니다. </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-a8e8c17a-55ab-4ec0-a465-04512364017f" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">또한, 정기적으로 개최하는 작가와의 만남, 북 토크 등 </span><span class="se-fs- se-ff- " id="SE-f0eb4742-32d2-47f0-8001-c817916bbbca" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">이벤트 소식</span></span><span class="se-fs- se-ff- " id="SE-4edad0a6-ac07-4636-a18d-df68e8da19a0" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">을 상세히 올렸습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-cf48bf2c-2ffd-47bb-bc08-1f1cb1e01f05" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 블로그 연동:</span></span><span class="se-fs- se-ff- " id="SE-bb8aad16-c7fe-45f3-834f-a8124d811ee3" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"> 네이버 블로그를 운영하며 웹사이트 링크를 모든 포스팅에 포함시켜 검색 엔진이 웹사이트를 더 잘 인식하도록 유도했습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-bb8aad16-c7fe-45f3-834f-a8124d811ee3" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-6baa0ca0-592c-44f2-bdc4-1a62f9a56cd8" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">· 결과:</span></span><span class="se-fs- se-ff- " id="SE-d11e861c-4361-457c-9816-a66e19dc5cd6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"> 웹사이트 제작 및 SEO 최적화 3개월 후, '마포 독립서점' 검색 시 웹사이트가 5위권 내로 진입했습니다. </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d11e861c-4361-457c-9816-a66e19dc5cd6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">웹사이트를 통해 북 토크 이벤트 정보를 확인하고 방문하는 고객이 늘어났으며, 이는 실제 도서 판매량 증가로 이어졌습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d11e861c-4361-457c-9816-a66e19dc5cd6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d11e861c-4361-457c-9816-a66e19dc5cd6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;">이처럼 잘 만들어진 웹사이트는 단순한 정보 제공을 넘어, 고객과의 신뢰를 쌓고, 새로운 방문을 유도하는 강력한 마케팅 도구가 됩니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-d11e861c-4361-457c-9816-a66e19dc5cd6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><img src="/upload/editor/1757544467371_316.jpg" style="width: 1408px;" /><span class="se-fs- se-ff- " id="SE-d11e861c-4361-457c-9816-a66e19dc5cd6" style="box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; text-align: left;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><br/></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-97f7aa02-a859-454d-bc01-3326b44c13e2" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs-fs19 se-ff- " id="SE-e4320bcd-287c-40ce-bf2e-f6b3a913cd66" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 19px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">결론, 커뮤니케이션의 중요성</span></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-cb4d111c-c1cd-468a-adf7-f88f7061b2b4" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-590e1705-3699-4700-9e34-9bc2ef7b8649" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">우리 동네 웹사이트는 단순히 온라인 명함이 아닙니다. </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-cb4d111c-c1cd-468a-adf7-f88f7061b2b4" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-590e1705-3699-4700-9e34-9bc2ef7b8649" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">이 포스팅을 통해 오프라인 매장의 웹사이트가 고객과 소통하고, 신뢰를 쌓고, 궁극적으로 비즈니스를 성장시키는 </span><span class="se-fs- se-ff- " id="SE-5c8e288b-2175-4240-bd77-302f97766d32" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"><span style="box-sizing: unset; font-weight: 700; background-color: inherit; font-family: inherit;">핵심 도구</span></span><span class="se-fs- se-ff- " id="SE-86b36c73-bd46-4574-81d2-4ef15d45c2fe" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">임을 느끼셨으면 좋겠습니다.</span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-0fb16035-80b3-4dbd-b61e-01a5993d9537" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-0c449ee2-58d2-4a2f-8800-3f5f2b5252ac" style="text-align: unset; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;"></span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-1d7310ba-8d9f-4bc5-888c-845e52065b34" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-3e7c5a60-131d-4460-9c57-2346072aefa5" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">이제 더 이상 온라인 플랫폼의 정해진 틀에 갇히지 마세요. 여러분만의 고유한 스토리를 담은 웹사이트를 통해 잠재 고객을 사로잡고, </span></p><p class="se-text-paragraph se-text-paragraph-align- " id="SE-1d7310ba-8d9f-4bc5-888c-845e52065b34" style="text-align: center; box-sizing: unset; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 11px; line-height: 1.8; font-family: se-nanumgothic, arial, 나눔고딕, nanumgothic, sans-serif, Meiryo; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space-collapse: break-spaces; color: rgb(70, 70, 70);"><span class="se-fs- se-ff- " id="SE-3e7c5a60-131d-4460-9c57-2346072aefa5" style="box-sizing: unset; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: se-nanumgothic, arial, "\\B098눔고딕", nanumgothic, sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;">우리 동네에서 가장 사랑받는 가게로 자리매김하시길 바랍니다. 작은 시작이 큰 변화를 만듭니다. 지금 바로 여러분만의 웹사이트를 계획해 보세요!</span></p></span> </div> <script type="text/javascript"> function goSaveReplyComment(event, obj) { event.preventDefault(); event.stopPropagation(); var replyCommentEle = $(obj).parent().parent(); var replyCommentNameEle = replyCommentEle.find("#name"); var replyCommentPasswordTempEle = replyCommentEle.find("#password_temp"); var replyCommentPasswordEle = replyCommentEle.find("#password"); var replyCommentContents = replyCommentEle.find("#contents"); if (replyCommentNameEle.val() == "" | replyCommentNameEle.val() == "이름") { alert('이름을 입력해 주세요.'); commentNameEle.focus(); return false; } if (replyCommentPasswordTempEle.val() == "") { alert('비밀번호를 입력해 주세요.'); replyCommentPasswordTempEle.focus(); return false; } // password input태그가 생성되지 않았거나, password의 값이 빈값일 경우 유효값체크 if(!replyCommentPasswordEle.length || replyCommentPasswordEle.val() == "") { alert("비밀번호를 입력해 주세요."); return false; // password값의 공백 체크 } else if (replyCommentPasswordEle.val().trim() == "") { alert("비밀번호값은 공백을 제외하고 입력해주세요"); replyCommentPasswordEle.val(replyCommentPasswordEle.trim()); // password값에 공백이 들어갔을 경우 공백 제거 후 password값에 넣기 return false; } if (replyCommentContents.val() == "") { alert('내용을 입력해 주세요.'); commentContents.focus(); return false; } //var replyCommentForm = replyCommentEle.parent().parent().find("#frm"); //var replyCommentForm = replyCommentEle.parent().parent(); var replyCommentForm = replyCommentEle.closest("#frm") replyCommentForm.attr('action', "/board/comment/process.jsp"); replyCommentForm.submit(); } function goSaveComment(event, obj) { event.preventDefault(); event.stopPropagation(); var commentEle = $(obj).parent().parent(); var commentNameEle = commentEle.find("#name"); var commentPasswordTempEle = commentEle.find("#password_temp"); var commentPasswordEle = commentEle.find("#password"); var commentContents = commentEle.find("#contents"); if (commentNameEle.val() == "" | commentNameEle.val() == "이름") { alert('이름을 입력해 주세요.'); commentNameEle.focus(); return false; } if (commentPasswordTempEle.val() == "") { alert('비밀번호를 입력해 주세요.'); commentPasswordTempEle.focus(); return false; } // password input태그가 생성되지 않았거나, password의 값이 빈값일 경우 유효값체크 if(!commentPasswordEle.length || commentPasswordEle.val() == "") { alert("비밀번호를 입력해 주세요."); return false; // password값의 공백 체크 } else if (commentPasswordEle.val().trim() == "") { alert("비밀번호값은 공백을 제외하고 입력해주세요"); commentPasswordEle.val(commentPasswordEle.trim()); // password값에 공백이 들어갔을 경우 공백 제거 후 password값에 넣기 return false; } if (commentContents.val() == "") { alert('내용을 입력해 주세요.'); commentContents.focus(); return false; } var commentForm = commentEle.closest("#frm"); commentForm.attr('action', "/board/comment/process.jsp"); commentForm.submit(); } function goSave() { if($("#name").val()=="" |$("#name").val()=="이름") { alert('이름을 입력해 주세요.'); $("#name").focus(); return false; } if($("#password").length > 0) { if($("#password").val()=="") { alert('비밀번호를 입력해 주세요.'); $("#password").focus(); return false; } } else { if($("#password_temp").val()=="비밀번호") { alert('비밀번호를 입력해 주세요.'); $("#password_temp").focus(); return false; } } if($("#contents").val()=="") { alert('내용을 입력해 주세요.'); $("#contents").focus(); return false; } var form = $("#frm"); fn_formSpanCheck(form,key); //스팸 끝 return true; } function goCommentDelete(obj) { var str = "댓글을 삭제하시겠습니까?"; if($("#password_del").val()=="") { alert('비밀번호를 입력해주세요'); $("#password_del").focus(); return false; } if(confirm(str)) { // delete라 추가 const inputElement = $('input[type="hidden"][name="cmd"]'); $(inputElement).val("r_delete"); var del_no = $("#del_no").val(); var password_del_var = $(obj).parent().parent().find("#password_del").val(); //$("#delete_frm").append("<input type='hidden' name='password' value='"+$("#password_del").val()+"'/>"); $("#delete_frm").append("<input type='hidden' name='password' value='"+password_del_var+"'/>"); $("#delete_frm").append("<input type='hidden' name='no' value='" + del_no + "' />"); //alert($("#delete_frm").html()); $("#delete_frm").submit(); }else{ return false; } } function checkPassword(){ $("#e_password").val($("#edit_password").val()); $.post("/board/comment/password_check_ajax.jsp", $( "#edit_frm" ).serialize(), function(data){ var result = data.trim(); var e_no = $("#e_no").val(); if(result === "true"){ $("#password_box2").hide(); $(".r_delete2").hide(); $("#e_"+e_no).show(); $("#e_"+e_no).attr("value","저장"); $("#e_"+e_no).attr("class",""); $("#e_"+e_no).attr("onclick","editSave();"); var name = $("#name_target_" + e_no).text().trim().match(/[^\t\n]+/); // $("#name_target_"+e_no).html("<input type='text'class='custom_text' name='e_name' id='e_name2' value='"+$("#name_target_"+e_no).html().trim()+"' />"); $("#name_target_"+e_no).html("<input type='text'class='custom_txt_box004' name='e_name' id='e_name2' value='"+name[0]+"' />"); $("#contents_target_"+e_no).html("<textarea class='custom_txt_box004' name='e_contents' id='e_contents2' title='내용을 입력해주세요' >"+$("#contents_target_"+e_no).html().trim()+"</textarea>"); //alert($("#e_"+e_no).parent().html()); $(".black_popup_bg").hide(); $(".password_pop_up.edit_btn").hide(); } else { alert("비밀번호를 확인해 주세요."); } }); } function editSave(){ // $("#e_name").val($("#e_name2").val()); // $("#e_contents").val($("#e_contents2").val()); var e_name2 = $("#e_name2").val(); var e_contents2 = $("#e_contents2").val(); $("#e_name").val(e_name2); $("#e_contents").val(e_contents2); if(e_name2.trim() == "" || e_name2.trim() == null) { alert("이름을 입력해주세요"); return false; } if(e_contents2.trim() == "" || e_contents2.trim() == null) { alert("내용을 입력해주세요"); return false; } console.log("comming3"); var form = $("#edit_frm"); fn_formSpanCheck(form,key); form.submit(); } /*function openDiv(obj) { $("#no").val($(obj).attr("id")); var x = obj.offset().top-($("#bread").offset().top+$("#password_box").height()+50); var y = obj.offset().left-($("#bread").offset().left+$("#password_box").width()+30); $("#password_box").css({"top":x, "left":y}); $("#password_box").show(); }*/ function openDiv(obj) { $("#no").val($(obj).attr("id")); var parent = obj.closest(".option_box01"); console.log(parent.offset().left); var x = parent.offset().top - 150; var y = parent.offset().left - ( $("#password_box").width() + 20) ; $("#password_box").css({"top":x, "left":y}); $("#password_box").show(); } function closeDiv() { $("#password_box").hide(); return false; } function openDiv2(obj) { $("#e_no").val($(obj).attr("id").replace("e_","")); var parent = obj.closest(".option_box01"); var x = parent.offset().top - 150; var y = parent.offset().left - ( $("#password_box2").width() + 20) ; $("#password_box2").css({"top":x, "left":y}); $("#password_box2").show(); } function closeDiv2() { $("#password_box2").hide(); return false; } // TODO: 옆에 붙어있는 reply_comment_input을 가져온다 function openReply(event, obj) { event.preventDefault(); event.stopPropagation(); var clickedGno = $(obj).data("gno"); var clickedNested = $(obj).data("nested"); var clickedOno = $(obj).data("ono"); const commentElements = document.querySelectorAll("#comment"); const commentReplyInputs = document.querySelectorAll("#comment_reply_input"); const commentData = []; // 답글 input 보이게 하기 commentReplyInputs.forEach(element => { const gno = parseInt(element.getAttribute("data-gno")); const nested = parseInt(element.getAttribute("data-nested")); const ono = parseInt(element.getAttribute("data-ono")); console.log(gno) console.log(nested) console.log(ono); const isSameGno = clickedGno === gno; const isReplyComment = (clickedNested) === nested; const isSameOno = (clickedOno === ono); const status = element.style.display; if (isSameGno && isReplyComment && isSameOno) { if (status === "block") { element.style.display = "none" } else { element.style.display = "block" } } }); } $(window).load(function(){ $(".r_delete").click(function(){ openDiv($(this)); var delete_id = $(this).attr("id"); $("#del_no").val(delete_id); }); $(".r_delete").focus(function(){ openDiv($(this)); }); $(".r_delete2").click(function(){ openDiv2($(this)); }); $(".r_delete2").focus(function(){ openDiv2($(this)); }); // TODO: 수정 버튼을 클릭했을 때, PASSWORD 화면이 보이도록 만든다 $(".r_delete2_v2").click(function(){ $(".password_pop_up.edit_btn").show(); $(".black_popup_bg").show(); $("#e_no").val($(this).attr("id").replace("e_","")); }); // TODO: 삭제 버튼을 클릭했을 때, PASSWORD 화면이 보이도록 만든다 $(".r_delete_v2").click(function(){ $(".password_pop_up.delete_btn").show(); $(".black_popup_bg").show(); $("#no").val($(this).attr("id")); }); $(".del_submit").click(function(){ goCommentDelete($(this)); }); $(".del_submit2").click(function(){ checkPassword(); }); $(".del_submit").focus(function(){ //goCommentDelete($(this)); }); $(".focus_zone").focus(function(){ focusTextRemove($(this)); }); $(".focus_zone").blur(function(){ blurTextInsert($(this)); }); $('#comment_reply_input[data-nested]').each(function(){ $(this).hide(); }); }); </script> <div class="answer_wrapper"> <form name="edit_frm" id="edit_frm" action="/board/comment/process.jsp" method="post"> <input type="hidden" name="no" id="e_no"/> <input type="hidden" name="cmd" value="edit"/> <input type="hidden" name="contents" id="e_contents"/> <input type="hidden" name="name" id="e_name"/> <input type="hidden" name="password" id="e_password"/> <input type="hidden" name="parent_fk" value="184"/> <input type="hidden" name="url" value="/insight/read.jsp"/> </form> <form name="delete_frm" id="delete_frm" action="/board/comment/process.jsp" method="post" > <!-- //box --> <input type="hidden" name="cmd" value="r_delete"/> <input type="hidden" name="parent_fk" value="184"/> <input type="hidden" name="no" id="no" value=""/> <input type="hidden" name="tablename" value="blog"/> <input type="hidden" name="url" value="/insight/read.jsp"/> </form> <div class="login_tit01">댓글</div> <div class="read_rego custom"> <!-- 댓글 --> <form name="frm" id="frm" method="post" > <dl> <dt> </dt> <dd class="flex"> <div class="left"> <div class="custom_box_bom_flex"> <div class="custom_box_bom"><input type="text" class="focus_zone" name="name" id="name" title="작성자 이름을 입력해주세요" value="이름"/></div> <div class="custom_box_bom"><input type="text" class="focus_zone" name="password_temp" id="password_temp" value="비밀번호" title="비밀번호를 입력해주세요" /></div> </div> <textarea class="focus_zone" name="contents" id="contents" title="내용을 입력해주세요" placeholder="내용"></textarea> </div> <div class="right"> <input value="확인" type="submit" onclick="goSaveComment(event, this)" /> </div> </dd> </dl> <input type="hidden" name="cmd" value="r_write"/> <input type="hidden" name="parent_fk" value="184"/> <input type="hidden" name="member_fk" value=""/> <input type="hidden" name="tablename" value="blog" /> <input type="hidden" name="nested" value="0"/> <input type="hidden" name="gno" value="1" /> <input type="hidden" name="url" value="/insight/read.jsp"/> </form> </div> <dl> <dd class="bbsno"> 등록된 댓글이 없습니다. <!-- 등록된 자료가 없습니다. --> </dd> </dl> <!-- //rego --> </div> <div class="password_pop_up edit_btn"> <div class="password_pop_inner"> <h2>PASSWORD</h2> <div class="passwo_rd_con"> <p>비밀번호</p> <input type="password" name="edit_password" id="edit_password" placeholder="비밀번호를 입력해주세요" onkeyup="javascript:if(event.keyCode == 13){checkPassword($(this))}"> </div> <a class="ps_confirm_btn del_submit2" href="javascript:;"><p>확인</p></a> <div class="ps_x_btn edit_btn"><img src="/img/ps_x_btn.png" alt=""></div> </div> </div> <div class="password_pop_up delete_btn"> <div class="password_pop_inner"> <h2>PASSWORD</h2> <div class="passwo_rd_con"> <p>비밀번호</p> <input type="password" name="password_del" id="password_del" placeholder="비밀번호를 입력해주세요" onkeyup="javascript:if(event.keyCode == 13){goCommentDelete($(this))}"> </div> <a class="ps_confirm_btn del_submit" href="javascript:;"><p>확인</p></a> <div class="ps_x_btn delete_btn"><img src="/img/ps_x_btn.png" alt=""></div> </div> </div> <div class="black_popup_bg"></div> <script> document.addEventListener("DOMContentLoaded", function () { $(".password_pop_up").hide(); $(".black_popup_bg").hide(); // TODO: Edit Btn Event 추가 document.querySelector(".ps_x_btn.edit_btn").addEventListener("click", function () { setTimeout(function () { document.querySelector(".black_popup_bg").style.display = "none"; document.querySelector(".password_pop_up.edit_btn").style.display = "none"; }, 0); // 0.3초 후 완전히 숨김 }); // TODO: Delete Btn Event 추가 document.querySelector(".ps_x_btn.delete_btn").addEventListener("click", function () { setTimeout(function () { document.querySelector(".black_popup_bg").style.display = "none"; document.querySelector(".password_pop_up.delete_btn").style.display = "none"; }, 0); // 0.3초 후 완전히 숨김 }); }); </script> <!-- 댓글 --> <div class="ej_du_wrap mb_du_jul_yo"> <div class="ejun_daum_box"> <div class="ejun_bt pag_bt"> <a href="read.jsp?reqPageNo=1&no=183"> <div class="pag_yo"> <i> <img src="/img/new_arrow_yoyo01.png" alt=""> </i> <span> 이전 </span> </div> <div class="pag_txt text_ov"> 페이지 하나로 승부한다: 랜딩 페이지 제작의 모든 것 </div> </a> </div> <div class="daum_bt pag_bt"> <a href="read.jsp?reqPageNo=1&no=186"> <div class="pag_txt text_ov"> 웹사이트 제작의 새로운 형태: 미디어 믹스 전략 </div> <div class="pag_yo"> <span> 다음 </span> <i> <img src="/img/new_arrow_yoyo02.png" alt=""> </i> </div> </a> </div> </div> <div class="mok_rok_btn"> <a class="btn" href="index.jsp?reqPageNo=1"><strong><!-- property:목록 -->목록</strong></a> </div> </div> <!-- 추가 --> <div class="blog_content_slide_wrap001"> <div class="tit">연관 콘텐츠</div> <div class="blog_content_slide_wrapper"> <a href="javascript:;" class="blog_slide_arw001 prev"><img src="/img/blog_slide_arw001.png" alt="슬라이드 이전"></a> <a href="javascript:;" class="blog_slide_arw001 next"><img src="/img/blog_slide_arw002.png" alt="슬라이드 이후"></a> <div class="swiper mySwiper blog_content_slide"> <div class="swiper-wrapper"> <div class="swiper-slide item" onclick="location.href='/insight/read.jsp?no=421'" style="cursor: pointer;"> <div class="img"> <img src="https://vizen.vizensoft.com/upload/blog/1774777979188_403.png" alt="테스트이미지"> </div> <div class="alt_box"> <div class="blog_slide_tit"> 네이버 자동입찰, 수동관리보다 CPC 비용 얼마나 줄까? </div> <div class="blog_icon_box02" style="align-items: center;"> <div style="position: relative;"> <a href="javascript:;" class="icon01 " data-no="421" onclick="clickLikeBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21" fill="currentColor"> <path d="M12.998 3.65543C11.8257 1.96355 9.77869 0.859375 7.46251 0.859375C3.91895 0.859375 0.891113 3.16514 0.891113 6.58411C0.891113 7.15374 1.14895 8.97458 2.50773 10.8019L2.50831 10.8027C4.11161 12.9501 6.47232 15.2631 8.51821 17.0335C9.54313 17.9204 10.4975 18.6785 11.2489 19.2176C11.6236 19.4865 11.9551 19.7062 12.2238 19.8609C12.3576 19.9379 12.4844 20.0039 12.5986 20.0521C12.6969 20.0935 12.8441 20.1477 12.998 20.1477C13.1506 20.1477 13.2978 20.0992 13.4076 20.0553C13.5289 20.0068 13.6614 19.9401 13.8 19.862C14.0777 19.7055 14.414 19.4837 14.7897 19.213C15.5428 18.6703 16.4859 17.9083 17.4907 17.0191C19.4966 15.2439 21.7843 12.9298 23.3171 10.7952C23.86 10.0401 24.3022 9.12315 24.6077 8.35087C24.7612 7.96263 24.8831 7.60347 24.9675 7.31012C25.0455 7.03918 25.1087 6.76755 25.1087 6.58411C25.1087 3.16514 22.0809 0.859375 18.5373 0.859375C16.2214 0.859375 14.1712 1.96335 12.998 3.65543Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> <a href="javascript:;" class="icon02 " data-no="421" onclick="clickShareBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> <rect x="7" y="7" width="15" height="15" rx="2" fill="#828282"></rect> <rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" stroke="#828282"></rect> </svg> </a> <div style="display: flex; align-items: center;gap: 5px;"> <img src="/img/views_icon.png" alt="조회수 아이콘"> 1 </div> </div> <div class="blog_hash_box"> #네이버자동입찰 #검색광고CPC #입찰관리 #네이버검색광고 #광고비절감 #CPC최적화 #AI자동입찰 #디지털마케팅자동화 #전환추적 #마케팅ROI </div> </div> </div> <div class="swiper-slide item" onclick="location.href='/insight/read.jsp?no=420'" style="cursor: pointer;"> <div class="img"> <img src="https://vizen.vizensoft.com/upload/blog/1774744919493_698.png" alt="테스트이미지"> </div> <div class="alt_box"> <div class="blog_slide_tit"> 반응형 웹 vs 적응형 웹, 내 사이트엔 뭐가 맞을까? </div> <div class="blog_icon_box02" style="align-items: center;"> <div style="position: relative;"> <a href="javascript:;" class="icon01 " data-no="420" onclick="clickLikeBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21" fill="currentColor"> <path d="M12.998 3.65543C11.8257 1.96355 9.77869 0.859375 7.46251 0.859375C3.91895 0.859375 0.891113 3.16514 0.891113 6.58411C0.891113 7.15374 1.14895 8.97458 2.50773 10.8019L2.50831 10.8027C4.11161 12.9501 6.47232 15.2631 8.51821 17.0335C9.54313 17.9204 10.4975 18.6785 11.2489 19.2176C11.6236 19.4865 11.9551 19.7062 12.2238 19.8609C12.3576 19.9379 12.4844 20.0039 12.5986 20.0521C12.6969 20.0935 12.8441 20.1477 12.998 20.1477C13.1506 20.1477 13.2978 20.0992 13.4076 20.0553C13.5289 20.0068 13.6614 19.9401 13.8 19.862C14.0777 19.7055 14.414 19.4837 14.7897 19.213C15.5428 18.6703 16.4859 17.9083 17.4907 17.0191C19.4966 15.2439 21.7843 12.9298 23.3171 10.7952C23.86 10.0401 24.3022 9.12315 24.6077 8.35087C24.7612 7.96263 24.8831 7.60347 24.9675 7.31012C25.0455 7.03918 25.1087 6.76755 25.1087 6.58411C25.1087 3.16514 22.0809 0.859375 18.5373 0.859375C16.2214 0.859375 14.1712 1.96335 12.998 3.65543Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> <a href="javascript:;" class="icon02 " data-no="420" onclick="clickShareBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> <rect x="7" y="7" width="15" height="15" rx="2" fill="#828282"></rect> <rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" stroke="#828282"></rect> </svg> </a> <div style="display: flex; align-items: center;gap: 5px;"> <img src="/img/views_icon.png" alt="조회수 아이콘"> 8 </div> </div> <div class="blog_hash_box"> #반응형웹 #적응형웹 #모바일최적화 #반응형홈페이지 #홈페이지제작 #커스텀웹개발 #모바일퍼스트 #CoreWebVitals #SEO최적화 #비젠소프트 </div> </div> </div> <div class="swiper-slide item" onclick="location.href='/insight/read.jsp?no=419'" style="cursor: pointer;"> <div class="img"> <img src="https://vizen.vizensoft.com/upload/blog/1774718015490_133.png" alt="테스트이미지"> </div> <div class="alt_box"> <div class="blog_slide_tit"> 레거시 현대화, 어디서부터 시작해야 실패하지 않을까? </div> <div class="blog_icon_box02" style="align-items: center;"> <div style="position: relative;"> <a href="javascript:;" class="icon01 " data-no="419" onclick="clickLikeBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21" fill="currentColor"> <path d="M12.998 3.65543C11.8257 1.96355 9.77869 0.859375 7.46251 0.859375C3.91895 0.859375 0.891113 3.16514 0.891113 6.58411C0.891113 7.15374 1.14895 8.97458 2.50773 10.8019L2.50831 10.8027C4.11161 12.9501 6.47232 15.2631 8.51821 17.0335C9.54313 17.9204 10.4975 18.6785 11.2489 19.2176C11.6236 19.4865 11.9551 19.7062 12.2238 19.8609C12.3576 19.9379 12.4844 20.0039 12.5986 20.0521C12.6969 20.0935 12.8441 20.1477 12.998 20.1477C13.1506 20.1477 13.2978 20.0992 13.4076 20.0553C13.5289 20.0068 13.6614 19.9401 13.8 19.862C14.0777 19.7055 14.414 19.4837 14.7897 19.213C15.5428 18.6703 16.4859 17.9083 17.4907 17.0191C19.4966 15.2439 21.7843 12.9298 23.3171 10.7952C23.86 10.0401 24.3022 9.12315 24.6077 8.35087C24.7612 7.96263 24.8831 7.60347 24.9675 7.31012C25.0455 7.03918 25.1087 6.76755 25.1087 6.58411C25.1087 3.16514 22.0809 0.859375 18.5373 0.859375C16.2214 0.859375 14.1712 1.96335 12.998 3.65543Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> <a href="javascript:;" class="icon02 " data-no="419" onclick="clickShareBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> <rect x="7" y="7" width="15" height="15" rx="2" fill="#828282"></rect> <rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" stroke="#828282"></rect> </svg> </a> <div style="display: flex; align-items: center;gap: 5px;"> <img src="/img/views_icon.png" alt="조회수 아이콘"> 22 </div> </div> <div class="blog_hash_box"> #레거시현대화 #시스템마이그레이션 #IT현대화 #디지털전환 #레거시시스템 #ERP현대화 #커스텀개발 #비젠소프트 #IT컨설팅 #업무시스템개발 </div> </div> </div> <div class="swiper-slide item" onclick="location.href='/insight/read.jsp?no=411'" style="cursor: pointer;"> <div class="img"> <img src="https://vizen.vizensoft.com/upload/blog/1774692735048_16.png" alt="테스트이미지"> </div> <div class="alt_box"> <div class="blog_slide_tit"> 피부과 홈페이지 제작, 비용과 필수 기능 한눈에 정리! </div> <div class="blog_icon_box02" style="align-items: center;"> <div style="position: relative;"> <a href="javascript:;" class="icon01 " data-no="411" onclick="clickLikeBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21" fill="currentColor"> <path d="M12.998 3.65543C11.8257 1.96355 9.77869 0.859375 7.46251 0.859375C3.91895 0.859375 0.891113 3.16514 0.891113 6.58411C0.891113 7.15374 1.14895 8.97458 2.50773 10.8019L2.50831 10.8027C4.11161 12.9501 6.47232 15.2631 8.51821 17.0335C9.54313 17.9204 10.4975 18.6785 11.2489 19.2176C11.6236 19.4865 11.9551 19.7062 12.2238 19.8609C12.3576 19.9379 12.4844 20.0039 12.5986 20.0521C12.6969 20.0935 12.8441 20.1477 12.998 20.1477C13.1506 20.1477 13.2978 20.0992 13.4076 20.0553C13.5289 20.0068 13.6614 19.9401 13.8 19.862C14.0777 19.7055 14.414 19.4837 14.7897 19.213C15.5428 18.6703 16.4859 17.9083 17.4907 17.0191C19.4966 15.2439 21.7843 12.9298 23.3171 10.7952C23.86 10.0401 24.3022 9.12315 24.6077 8.35087C24.7612 7.96263 24.8831 7.60347 24.9675 7.31012C25.0455 7.03918 25.1087 6.76755 25.1087 6.58411C25.1087 3.16514 22.0809 0.859375 18.5373 0.859375C16.2214 0.859375 14.1712 1.96335 12.998 3.65543Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> <a href="javascript:;" class="icon02 " data-no="411" onclick="clickShareBtn(event, this);"> <svg xmlns="//www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> <rect x="7" y="7" width="15" height="15" rx="2" fill="#828282"></rect> <rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" stroke="#828282"></rect> </svg> </a> <div style="display: flex; align-items: center;gap: 5px;"> <img src="/img/views_icon.png" alt="조회수 아이콘"> 28 </div> </div> <div class="blog_hash_box"> #피부과홈페이지제작 #피부과웹사이트 #병원홈페이지제작 </div> </div> </div> </div> </div> <script> var blog_content_slide = new Swiper(".blog_content_slide", { spaceBetween: 20, slidesPerView: 1, navigation: { nextEl: ".blog_slide_arw001.next", prevEl: ".blog_slide_arw001.prev", }, breakpoints: { 701: { slidesPerView: 2, spaceBetween: 30, }, 1025: { slidesPerView: 3, spaceBetween: 40, }, }, }); </script> </div> </div> <!-- END 추가 --> </div> </div> </div> </div> <!-- 프로그램끝 --> <!-- Honeypot CSS 추가 --> <style> .hp-field { position: absolute !important; left: -9999px !important; width: 0 !important; height: 0 !important; opacity: 0 !important; pointer-events: none !important; z-index: -1 !important; } </style> <script> var duplicate = false; // JavaScript 챌린지 변수 (간단 문의용 - medical) var simpleFormChallenge = { timestamp: Date.now(), answer: null }; function goSave(){ if(!duplicate){ console.log("goSave 함수 호출됨 (간단 문의 - medical)"); var regex=/^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; if($("#company").val().length == 0){ alert("회사명을 입력해주세요."); $("#company").focus(); return false; } if($("#manager").val().length == 0){ alert("담당자명을 입력해주세요."); $("#manager").focus(); return false; } if($("#cell").val().length == 0){ alert("연락처를 입력해주세요."); $("#cell").focus(); return false; } $("#cell").val( $("#cell").val().replace(/[-]/g, '') ); cvtPhoneNumber(document.getElementById('cell')); if($("#email").val().length == 0){ alert("이메일을 입력해주세요."); $("#email").focus(); return false; } else if (!regex.test($("#email").val())) { alert("이메일을 정확하게 입력해주세요."); $("#email").focus(); return false; } console.log("필수 항목 체크 통과"); // Honeypot 체크 if ($("#username_simple").val() !== "" || $("#address_simple").val() !== "" || $("#comment_simple").val() !== "") { console.log("Spam detected - honeypot"); return false; } console.log("Honeypot 체크 통과"); // JavaScript 챌린지 체크 if (!simpleFormChallenge.answer || $("#js_challenge_simple").val() === "") { console.log("Spam detected - no JS"); alert("페이지가 제대로 로드되지 않았습니다. 새로고침 후 다시 시도해주세요."); return false; } console.log("JavaScript 챌린지 통과"); $("#cmd").val("write"); duplicate = true; var form = $("#frm"); if (typeof fn_formSpanCheck === 'function') { try { fn_formSpanCheck(form, key); } catch(e) { console.log("fn_formSpanCheck 에러:", e); } } $('#frm').submit(); } else { alert("상담 요청 중입니다. 잠시만 기다려주십시오."); return false; } } // 페이지 로드 시 JavaScript 챌린지 생성 (간단 문의용 - medical) window.addEventListener('load', function() { console.log("페이지 로드 완료 - 간단 문의 JS 챌린지 생성 (medical)"); var a = Math.floor(Math.random() * 100) + 1; var b = Math.floor(Math.random() * 100) + 1; simpleFormChallenge.answer = a + b; var challengeInput = document.getElementById('js_challenge_simple'); if (challengeInput) { challengeInput.value = btoa(simpleFormChallenge.answer.toString()); console.log("간단 문의 JS 챌린지 생성 완료 (medical)"); } }); // 개선된 전화번호 포맷팅 (+ 시작해도 0 제거) function formatPhoneNumber(input) { let oldValue = input.value; // 숫자, '-', '+', 공백만 허용 if (/[^0-9+\-\s]/.test(oldValue)) { alert("올바른 전화번호 형식이 아닙니다."); input.value = oldValue.replace(/[^0-9+\-\s]/g, ''); return; } // + 시작하면 국가번호 다음 0 제거 처리 if (oldValue.startsWith('+')) { let numbers = oldValue.substring(1).replace(/[^\d]/g, ''); console.log('+ 시작 번호 처리:', numbers); // 1자리 국가번호 (1, 7) if ((numbers.startsWith('1') || numbers.startsWith('7')) && numbers.length >= 11) { if (numbers.charAt(1) === '0') { numbers = numbers.substring(0, 1) + numbers.substring(2); console.log('1자리 국가번호 0 제거:', numbers); } input.value = '+' + numbers; return; } // 2자리 국가번호 if (numbers.length >= 12 && numbers.charAt(2) === '0') { numbers = numbers.substring(0, 2) + numbers.substring(3); console.log('2자리 국가번호 0 제거:', numbers); input.value = '+' + numbers; return; } // 3자리 국가번호 if (numbers.length >= 13 && numbers.charAt(3) === '0') { numbers = numbers.substring(0, 3) + numbers.substring(4); console.log('3자리 국가번호 0 제거:', numbers); input.value = '+' + numbers; return; } // 0 제거 불필요하면 그대로 input.value = '+' + numbers; return; } // 00으로 시작하면 +로 변환하고 0 제거 if (oldValue.startsWith('00')) { let numbers = oldValue.replace(/[^\d]/g, '').substring(2); console.log('00 시작 번호 처리:', numbers); // 위와 동일한 0 제거 로직 if ((numbers.startsWith('1') || numbers.startsWith('7')) && numbers.length >= 11) { if (numbers.charAt(1) === '0') { numbers = numbers.substring(0, 1) + numbers.substring(2); } } else if (numbers.length >= 12 && numbers.charAt(2) === '0') { numbers = numbers.substring(0, 2) + numbers.substring(3); } else if (numbers.length >= 13 && numbers.charAt(3) === '0') { numbers = numbers.substring(0, 3) + numbers.substring(4); } input.value = '+' + numbers; return; } // 숫자만 추출 let numbers = input.value.replace(/[^\d]/g, ''); // 국제번호 자동 감지 및 처리 (10자 이상, 0으로 시작 안 함) if (numbers.length >= 10 && !numbers.startsWith('0')) { console.log('국제번호 감지:', numbers); let countryCode = ''; let remainingNumber = ''; let hasLeadingZero = false; // 1자리 국가번호 (1, 7) if (numbers.startsWith('1') || numbers.startsWith('7')) { countryCode = numbers.substring(0, 1); remainingNumber = numbers.substring(1); if (remainingNumber.startsWith('0')) { hasLeadingZero = true; remainingNumber = remainingNumber.substring(1); console.log('국가번호 1자리, 0 제거:', countryCode); } } // 2자리 국가번호 (대부분의 국가: 20-99) else if (numbers.length >= 11) { countryCode = numbers.substring(0, 2); remainingNumber = numbers.substring(2); if (remainingNumber.startsWith('0')) { hasLeadingZero = true; remainingNumber = remainingNumber.substring(1); console.log('국가번호 2자리, 0 제거:', countryCode); } } // 3자리 국가번호 (일부 특수 국가) else if (numbers.length >= 12) { countryCode = numbers.substring(0, 3); remainingNumber = numbers.substring(3); if (remainingNumber.startsWith('0')) { hasLeadingZero = true; remainingNumber = remainingNumber.substring(1); console.log('국가번호 3자리, 0 제거:', countryCode); } } if (countryCode) { input.value = '+' + countryCode + remainingNumber; if (hasLeadingZero) { console.log('✅ 0 제거 완료:', input.value); } } else { input.value = '+' + numbers; } return; } // 국내번호 포맷팅 (기존 코드 그대로) let formattedNumber = ''; if (numbers.startsWith('02')) { if (numbers.length <= 2) { formattedNumber = numbers; } else if (numbers.length <= 5) { formattedNumber = numbers.substring(0, 2) + '-' + numbers.substring(2); } else if (numbers.length <= 9) { formattedNumber = numbers.substring(0, 2) + '-' + numbers.substring(2, 5) + '-' + numbers.substring(5); } else { formattedNumber = numbers.substring(0, 2) + '-' + numbers.substring(2, 6) + '-' + numbers.substring(6, 10); } } else if (numbers.startsWith('01')) { if (numbers.length <= 3) { formattedNumber = numbers; } else if (numbers.length <= 7) { formattedNumber = numbers.substring(0, 3) + '-' + numbers.substring(3); } else if (numbers.length === 10) { formattedNumber = numbers.substring(0, 3) + '-' + numbers.substring(3, 6) + '-' + numbers.substring(6); } else { formattedNumber = numbers.substring(0, 3) + '-' + numbers.substring(3, 7) + '-' + numbers.substring(7, 11); } } else if (/^0(3[1-3]|[4-6][1-4])/.test(numbers)) { if (numbers.length <= 3) { formattedNumber = numbers; } else if (numbers.length <= 6) { formattedNumber = numbers.substring(0, 3) + '-' + numbers.substring(3); } else if (numbers.length <= 9) { formattedNumber = numbers.substring(0, 3) + '-' + numbers.substring(3, 6) + '-' + numbers.substring(6); } else { formattedNumber = numbers.substring(0, 3) + '-' + numbers.substring(3, 7) + '-' + numbers.substring(7, 11); } } else if (numbers.startsWith('15') || numbers.startsWith('16') || numbers.startsWith('18')) { if (numbers.length <= 4) { formattedNumber = numbers; } else { formattedNumber = numbers.substring(0, 4) + '-' + numbers.substring(4, 8); } } else { formattedNumber = numbers; } input.value = formattedNumber; } </script> <div class="top_btn"> <img src="/img/top_btn.png" class="pc_display" alt="상단으로" /> <img src="/img/button_w.png" class="mo_display" alt="상단으로" /> </div> <div class="contact_box"> <div class="left_box"> <p><i><img src="/img/contact_box_icon001.png"></i>견적&상담요청</p> </div> <div class="right_box"> <form action="/request/process.jsp" name="frm" id="frm" method="post" enctype="multipart/form-data" > <div class="input_box"> <label> <input type="text" placeholder="회사명" id="company" name="company" maxlength="100" required> </label> <label> <input type="text" placeholder="담당자" id="manager" name="manager" maxlength="50" required> </label> <label> <input type="tel" placeholder="연락처" onkeyup="formatPhoneNumber(this);" id="cell" name="cell" maxlength="20" pattern="[0-9+\-\s]*" required> </label> <label> <input type="email" placeholder="이메일" id="email" name="email" maxlength="255" required> </label> </div> <div class="btn submit_box"> <a href="javascript:void(1);" onclick="goSave();">견적&상담요청</a> </div> <input type="submit" style="display:none;" id="submit_input" /> <input type="hidden" name="cmd" id="cmd" value="write" /> <input type="hidden" name="contents" value="medical.vizensoft.com" /> <!-- JavaScript 챌린지 (간단 문의용 - medical) --> <input type="hidden" name="js_challenge" id="js_challenge_simple" value="" /> <!-- Honeypot 필드들 (간단 문의용 - medical) --> <input type="text" name="username" id="username_simple" value="" class="hp-field" tabindex="-1" autocomplete="new-password" /> <input type="text" name="comment" id="comment_simple" value="" class="hp-field" tabindex="-1" autocomplete="new-password" /> <input type="text" name="address" id="address_simple" value="" class="hp-field" tabindex="-1" autocomplete="new-password" /> <input type="checkbox" id="agree" name="agree" checked="checked" style="display:none"> </form> </div> </div> <div id="footer"> <div class="footer_container"> <div class="cot_type"> <ul> <li class="con02"> <h1><a href="/"><img src="/img/footer_logo.png" alt="logo" /></a></h1> <div class="under_link"> <a href="/about/index.jsp">About vizen medical</a> · <a href="/about/index.jsp#location">Location</a> </div> <div class="btn_type"> <a href="/downPageView.jsp?pdf=1" download> <span class="part_img"><img src="/img/fpdf_icon.png" alt="BROCHURE DOWNLOAD"/></span> <span class="part_txt">BROCHURE<br /><u>DOWNLOAD</u></span> </a> <a href="/downPageView.jsp?pdf=2" download> <span class="part_img"><img src="/img/fpdf_icon.png" alt="BROCHURE DOWNLOAD"/></span> <span class="part_txt">PORTFOLIO<br /><u>DOWNLOAD</u></span> </a> </div> </li> <li class="con01"> <div class="left"> <div class="tit">CONTACT US</div> <dl> <dd><span>제작문의</span><span class="rit">210번</span></dd> <dd><span>안내</span><span class="rit">0번</span></dd> <dd><span>장애처리</span><span class="rit">9번</span></dd> </dl> </div> <div class="right"> <a href="tel:023384610" onclick="ajaxLogMobile('CONTACT US');">02 - 338 - 4610</a> <a href="/request/index.jsp" class="btn">REQUEST 견적&상담요청</a> </div> </li> </ul> </div> <div class="copy_type"> Tel : <a href="tel:02-338-4610" onclick="ajaxLogMobile('Copyright 영역');">02-338-4610</a> | Fax : 02-338-4609<br /> 사업자등록번호 : 108-81-65306 | 대표자 : 김지훈<br /> 주소 : (우)08510 서울특별시 금천구 벚꽃로 298, 대륭포스트타워 6차 1307호<br/> <p style="margin-top:40px;">COPYRIGHT 2004-2026 VIZENSOFT ALL RIGHTS RESERVED.</p> <div class="btn_wrap"><a href="/member/policy.jsp">개인정보취급방침</a></div> </div> </div> </div> <!-- //footer --> <script> $(document).ready(function(){ // 실행 $('.projectBox ul li .text_part h5').wordBreakKeepAll(); }); $(window).resize(function(){ $('.projectBox ul li .text_part h5').wordBreakKeepAll(); }); $(".top_btn").hide(); $(window).scroll(function(){ if ( $(this).scrollTop() > 100 ){ $(".top_btn").fadeIn(); }else{ $(".top_btn").fadeOut(); } $(".top_btn").click(function(){ $("html, body").stop().animate({ scrollTop : 0 },300); }); }); </script> <!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_2914bb3c79f0"; if (!_nasa) var _nasa={}; if(window.wcs){ wcs.inflow(); wcs_do(_nasa); } </script> <!-- 커스텀 카카오톡 채팅 버튼 --> <img src="/img/kakao_default.png" id="my-kakao-chat" style="position: fixed; bottom: 20px; right: 20px; z-index: 999; cursor: pointer;" alt="카카오톡 상담하기"> <script> window.kakaoAsyncInit = function () { Kakao.init('124c91bf9f5c13311f842286f5772a32'); // 카카오 JavaScript 키로 초기화 // 커스텀 이미지 클릭 시 채팅창 열기 document.getElementById('my-kakao-chat').addEventListener('click', function () { Kakao.Channel.chat({ channelPublicId: '_xokcxan' // 본인의 채널 ID }); }); }; // Kakao SDK 비동기 로드 (function(d, s, id){ var js, kjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://developers.kakao.com/sdk/js/kakao.channel.min.js'; kjs.parentNode.insertBefore(js, kjs); })(document, 'script', 'kakao-js-sdk'); // Hover 이미지 전환 document.addEventListener('DOMContentLoaded', function () { const chatBtn = document.getElementById('my-kakao-chat'); chatBtn.addEventListener('mouseover', function () { chatBtn.src = '/img/kakao_hover.png'; }); chatBtn.addEventListener('mouseout', function () { chatBtn.src = '/img/kakao_default.png'; }); }); </script> </div> </body> </html>