자유로운 수짱

[무료 쇼핑몰의 의미] 카페24는 임대형 쇼핑몰(쇼핑몰 솔루션)을 무료로 제공하므로 쇼핑몰 생성에는 별도의 비용이 발생하지 않습니다. 다만, 쇼핑몰 운영에 필요한 결제수단과 도메인, 기타 서비스는 유료로 제공하고 있습니다. 기타 서비스는 종류에 따라 비용이 달라지며 쇼핑몰 운영에 필수적인 부분은 아닙니다. 임대형 쇼핑몰 장점 초기 및 유지 비용을 절감 할 수 있습니다. 이미 기본적인 쇼핑몰 로직이 구현되어 있으므로 기본적인 구축, 개발비용이 없는 상태로 시작할 수 있습니다. 독립몰의 경우 0(아무것도 없음)에서 시작하기 때문에 별도의 구축, 개발비용, 유지보수, 운영 등 모든 방면에 비용이 발생합니다. 임대형 쇼핑몰 단점 자체적으로 제공하는 기능이 아닌 특별한 기능의 구현을 원할 경우 제약이 생길 수 있..

HTML 에는 예약 문자라는 것이 있기 때문에 특수문자를 그대로 표시할 수 없는 경우가 있습니다. 때문에 숫자코드나 문자코드로 입력해주어야 합니다. 또한 키보드로 직접 입력할 수 없는 문자를 기술하기 위해서 문자 또는 숫자코드가 사용됩니다. 예를 들어 코드 편집창에서 html을 작성할 때

컴퓨터 브라우저나 핸드폰(아이폰) 앱에서 사이트를 접속하면 쿠키와 캐시가 기록됩니다. 이러한 기록은 다음에 해당 사이트에 접속하면 로딩이 빨리 이루어질 수 있도록 도움을 줍니다. 수많은 사이트를 접속하다보면 쿠키와 캐시가 많이 쌓이게 되므로 브라우저나 기기의 로딩 속도가 조금씩 느려질 수 있고, 사용자 정보나 기록이 남아있기 때문에 이러한 부분도 주기적으로 삭제하는 것이 좋습니다. 캐시(Cache) 쿠키(Cookie) 뜻 - 캐시 웹 페이지 요소가 빠르게 랜더링 되어 로딩 속도를 개선하는 것을 목적으로 합니다. 그림 파일 또는 문서 파일 등이 속하며 사용자가 따로 삭제하지 않으면 컴퓨터에 남아있습니다. - 쿠키 정보를 저장하기 위해 사용되며 사용자 정보에 관련된 것을 저장합니다. 방문 기록, 로그인 정보..

[파비콘(favicon)이란?] 파비콘(favorites+icon)은 인터넷 웹 브라우저의 주소창에 접속했을 때, 상단 탭의 왼쪽에 작게 보여지는 아이콘을 말합니다. 즐겨찾기나 바로가기를 설정할 때도 사용되니 웹사이트를 대표하는 아이콘이라고 생각해주시면 됩니다. [아이콘 제작 팁] 제작할 때는 탭의 작은 이미지만을 보고도 어떤 사이트다 하고 파악이 가능하도록 단순성과 색상을 고려하여 제작하는 것이 좋습니다. (웹 사용시 사이트를 인식하도록 하는데 유용합니다.) [파비콘 사이즈와 확장자] 전통적인 파비콘은 16px*16px 정방형 이미지의 ico 파일을 지원하지만 최신 브라우저와 기기들은 png 와 gif 이미지도 허용한다고 합니다. 최신 브라우저와 기기에 모두 대응하기 원한다면, 기기별로 파비콘 사이즈를..

카페24에서 단일 팝업을 노출할 때 창닫기 버튼과 이미지의 가로 크기가 딱 맞게 떨어지지 않는 경우가 있습니다. 이러한 여백이 생기는 부분을 개선해보겠습니다. 카페24 관리자 페이지 > 디자인관리 > 디자인 기능설정 > 팝업 설정에 접속 후, 기본적인 단일 팝업 설정을 진행합니다. [기본적인 팝업 설정 과정] 1. 진행 여부 설정해주시고 대표 스킨을 선택해줍니다. 2. 기간 설정 팝업이 노출될 위치를 설정합니다. 3. 레이어 팝업, 팝업 크기(제작하신 팝업 이미지 크기), 닫기 방법, 샘플 팝업 이용하여 만들기 선택합니다. 4. 팝업 내용에 이미지 도구를 이용하여 제작하신 팝업 이미지를 등록합니다. 5. 창닫기 디자인도 원하시는 대로 설정 후 저장합니다. 기본적인 설정을 완료하여 저장하고 사이트를 확인하..

2022년 업데이트 버전 게시글 참고해주세요 ^^ 링크 첨부합니다. 카페24 ogimg sns 오픈 그래프 메타 태그 - 2022 업데이트 버전 카페24 관리자가 대폭 업데이트가 되었네요 ^^ ogimg 등록 sns 공유 이미지 등록이 무척 간편하게 변경되었습니다. 카페24 관리자에서 클릭만으로 설정이 가능합니다. 카페24 관리자 페이지 > 상점관 suusuus.tistory.com SNS에서 쇼핑몰 주소를 보낼 때 노출될 사이트명과 사이트 설명, 이미지를 설정할 수 있습니다. [쇼핑몰 타이틀과 설명 설정하기] 카페24 관리자 > 상점관리 > 운영관리 > 검색엔진 최적회(SEO) > 고급 설정 탭 으로 접속해주세요. 오픈그래프 태그 설정란에서 title 과 description 영역을 채워주시면 됩니다...

네이버에 웹마스터 도구 사이트 등록을 신청했다면 검색엔진 최적화를 진행하는 것이 좋습니다. 네이버 검색 로봇이 내 사이트를 잘 이해할 수 있도록 돕기 위함입니다. 아래 설정되는 정보는 검색 로봇에 의해 수집되며, 설정 후 수집에는 일정 시간이 소요되는 점 꼭 확인해주세요 :) 이전 글의 검색등록 신청방법을 확인하여 사이트 등록을 마쳤다면, 사이트 최적화를 설정하겠습니다. [카페24 쇼핑몰] - 네이버 웹마스터 도구 검색등록 신청하는 방법 네이버 웹마스터 도구에서 내 사이트 주소를 클릭하고 '사이트 최적화 버튼'을 클릭해줍니다. 진단 결과 아래로 크게 네 가지의 항목들이 나오는데 꼭 확인해야 하거나 중요한 부분을 위주로 설명하겠습니다. 아래 설명드리는 내용만 설정하셔도 운영에 크게 문제가 없다고 생각합니다..

HTML element 는 기본 디폴트 값이 있다. block element 와 inline element 로 구분된다. [BLOCK] 블록요소는 한 줄에서 전체 너비 값을 가진다. 자주 사용되는 태그는 ~ [INLINE] 인라인요소는 내용만큼의 너비 값을 가진다. 자주 사용되는 태그는 [주의] 블록요소는 블록 요소를 담을 수 있지만, 인라인 요소는 블록 요소를 담을 수 없다. 가능 불가능 전체적인 레이아웃을 만드는 태그는 대부분 블록 요소 세부 항목을 구성하는 요소는 인라인 요소로 이루어진 듯하다. [추가] inline 요소를 block 요소처럼 사용할 수 있도록 inline-block 이라는 css 속성을 사용할 수 있다. inline-block 을 사용하면 inline 요소에도 너비와 높이를 설정할..

네이버 서비스(블로그, 카페, 스마트 스토어 등)는 사이트 등록을 하지 않아도 알아서 네이버 검색 신청이 반영되지만 그렇지 않은 서비스를 이용하는 경우에는 사이트 등록을 진행하여야 네이버에서 검색이 될 수 있습니다. 검색로봇이 로직에 의해 사이트를 수집하고 그 기준에 부합한다면 내 사이트가 노출 될 수 있는 구조입니다. 카페24에서 쇼핑몰을 제작하신 경우 네이버 서비스가 아니므로 네이버 검색등록을 진행해야 합니다. [사이트 등록 진행순서] 1. 네이버 서치어드바이저를 검색하여 접속합니다. 2. 네이버 아이디로 로그인하여 우측 상단의 '웹마스터 도구' 버튼을 클릭합니다. 3. 내 사이트 도메인을 입력합니다. (대표 도메인 하나만 입력해주세요) 4. 사이트 소유 확인을 합니다. HTML 파일 업로드 방식과 ..

[사용방법] 첫 번째 줄 두 번째 줄 [코드 예시] html 상에서 내용을 작성하는 경우 엔터를 사용하여 줄바꿈을 하여도 브라우저 상에는 줄바꿈이 표시되지 않는다. [출력 화면] html 상에서 내용을 작성하는 경우 엔터를 사용하여 줄바꿈을 하여도 브라우저 상에는 줄바꿈이 표시되지 않는다. html 내에서 엔터를 사용하여 줄 바꿈을 하더라도 브라우저 상에서는 줄바꿈으로 표시되지 않는다. 문장 중 태그를 사용한 부분은 줄바꿈 처리되어 브라우저 상에서 확인된다.

카페24 쇼핑몰 호스팅에 가입되어있는 경우 자동으로 FTP가 생성되고 용량을 무제한으로 제공받게 됩니다. 기본적으로 200MB 용량을 할당받지만 용량의 80% 이상을 사용한 경우 무료 추가 신청이 가능합니다. (계속해서 무료 추가 신청이 가능합니다.) [FTP 사용이유] 쇼핑몰과 홈페이지를 이루는 모든 이미지(로고, 아이콘 등)와 파일(html, css, js 페이지 등)을 저장할 수 있는 서버가 필요합니다. 이러한 서버(저장소)에 클라이언트(사용자)가 접근할 수 있도록 FTP 프로그램을 사용합니다. FTP 프로그램을 사용하여 서버(저장소)의 자료를 추가, 삭제할 수 있습니다. [파일질라 설치] 포털에서 파일질라를 검색하시면 파일질라 대표 사이트를 확인할 수 있습니다. 아래 링크에서도 다운로드 페이지 접..