RiseWeb

저번시간에 예고했던대로 이미지 슬라이드 배너를 chatGPT로 구현하는 방법을 알아보겠습니다. 즉 chatGPT 프로그래밍 혹은 chatGPT 코딩 혹은 chatGPT 웹사이트 제작을 알아보도록 하겠습니다. 들어가기에 앞서, chatGPT로 이미지 슬라이드 배너를 구현하는것은 구체적으로 chatGPT가 사용자의 요구에따라 HTML/CSS/JS 코딩을 대신 해주는 개념 입니다. 그리고 chatGPT로 웹사이트를 구현하기 위해선 HTML/CSS/JS를 "직접 구현"하는 능력까진 필요 없을지라도, HTML/CSS/JS의 문법들을 "구분" 할수 있는정도의 능력은 필요합니다.위 이미지와 같은 케러쉘을 구현하기위해 키워드 들을 떠올려 봅시다.  ”이미지 3개“ ”각각의 이미지가 7초의 간격으로 자동으로 슬라이드 됨..

오늘은 카페24 "스마트 배너" 앱을 이용하여 이미지 슬라이드 배너를 내 쇼핑몰에 첨부하는 방법을 알아 보겠습니다. 이미지 슬라이드 배너가 무엇인지이것을 카페24 쇼핑몰에 첨부하는 방법 순서로 진행될것입니다.1.이미지 슬라이드 배너란?위 스크린샷을 보면 이미지와 하단의 직사각형 버튼 5개가 보입니다.이미지는 일정 시간마다 자동으로 전환되고, 하단의 해당 버튼을 누를때마다 도 전환이됩니다.그리고 각 이미지 클릭시, 미리 지정해둔 링크로 이동됩니다. (상세상품 페이지 등) 이것을 이미지 슬라이드 배너 혹은 케러쉘 혹은 스마트 배너 등등으로 부르고, 이것을 카페24 앱 을 통해 아주 쉽게 내 쇼핑몰(홈페이지)에 첨부하는 방법을 알아보겠습니다.2. 쇼핑몰에 이미지 슬라이드 배너 첨부하기 (앱을통한방법) 항상 그..

cafe24를 구축/사용하기 위해서 모듈이라는 개념을 이해해야 할수밖에 없다.  이 모듈이라는게 누군가에겐 정말 쉬울수도 있지만 인터넷에 아무리 찾아봐도 정말 정보가 거의 없다싶이 하기에 모르는 사람은 정말 끝까지 알기가 어려울수도있다. 그래서 본인은 모듈이라는것을 스스로 공부하며 알게된/느꼇던 것들을 최대한 알기쉽고 편하게 여러 글과 카테고리로 나눠서 앞으로 하나하나 기재해보고자 한다. (본인의 공부목적 + 기록목적 등으로) *다소 전문적이고 깊은 부분까지 블로그에 기재하기엔 한계가 있겠지만, 초보자의 시점에서 모듈이라는걸 이해하고 이용할수 있게될 최소한의 지점까지는 설명해보고자 한다!그래서 먼저 모듈이란 무엇인가?위 이미지를 보면 홈페이지를 기능별/분류별로 찢어놓은게 보일텐데, 이게 모듈이다. 예를들..

내 홈페이지의 HTML,CSS,JS등등 코드를 수정하는 방법은 카페24 스마트 디자인 툴로도 충분하긴 하지만, 원래 VSC를 사용하던 사람들에게는 스마트디자인 이라는 툴이 불편할수도있다. 그래서 오늘은 VSC를 CAFE24 내 홈페이지와 연동하는 방법을 알아보도록 하자.기본적으로 VSC를 설치했다 가정하고 (네이버에 VISUAL STUDIO CODE 검색해서 설치하면 된다.) 실행을한다. 그다음 확장 메뉴를 열고, ftp-simple을 검색해서 설치를 해주자. 그다음 상단부 검색창에 ">ftp-" 까지만 검색하면 사진에서처럼 여러가지가 좌르륵 뜨는데, 그중에 "ftp-simple : config - FTP connection setting"를 선택해주자. 그러면 이런창이 뜨는데, 다음과 같이 입력해주면 ..

카페24 폰트 바꾸기에앞서 주의할점이 있는데, 각 폰트마다 라이센스가 있을것이기 때문에 상업적인 이용이 가능한지 아닌지 꼼꼼히 따져보고 폰트를 사용해야 한다는 것이다. 따라서 본글 중간에 여러 폰트를 받을수있는 사이트들을 소개할텐데 각 폰트마다 라이센스관계가 어떻게 되는지 가능한 꼼꼼히 따져보고 폰트를 바꾸도록하자.카페24 폰트 바꾸기 먼저 홈페이지 폰트를 바꾸기위해서 카페24에 관리자 로그인 이후, 디자인보관함을 통해 스마트 편집기를 열도록 하자. (카페24 관리자 로그인 방법은 본 블로그에 따로 글이 있다.) 본글에선 카페24 기본디자인중 "베이직"을 활용하여 설명을 해보겠다."베이직" 디자인의경우 위 이미지처럼 생겼는데, 이미지의 빨간박스 부분의 폰트를 바꾸도록 해보자. 혹여나 디자인 편집기를 여는..

https://youtu.be/uC67Hwrgtzw  안녕하세요. 오늘은 위 이미지와 같이 게시판 분류 설정 방법을 알아보겠습니다.게시판 관리 방법 (분류) 위 사진과 같이 빨간박스 (게시판-게시판 관리)를 클릭하시면 게시판분류설정 페이지로 들어올수 있습니다. 여기서 삭제,게시판등록과 같은 활동을 버튼 클릭으로 수행할수 있으며 각 게시판을 클릭하면 게시판에대한 설정또한 바꿀 수 있습니다. 예를들어 QnA 게시판을 클릭 해보겠습니다.여기서 게시판의 표시여부, 게시판 댓글허용 여부, 게시판 파일첨부 여부 등등 많은 옵션을 조절 할수 있습니다. 양이 너무많아 햇갈릴수도 있지만, 차분히 읽어보시면 쉽게 파악이 가능합니다. 또한 최상단의 게시판 정보 / 디자인 구성 에서 디자인 구성을 클릭하면 게시판 제목의 색상..

https://youtu.be/gjdvV33YDXk 안녕하세요. 오늘은 위 이미지와 같이 상품분류(NEW,DRESS,BOTTOM)를 설정하는 방법을 알아보겠습니다. 상품분류 설정 방법 먼저 빨간박스 순서대로(상품-상품분류) 클릭해주세요. 노란박스는 상품분류(카테고리)를 설정하는 곳입니다초록박스는 각각 개별의 상품분류(카테고리)의 옵션을 설정하는곳 입니다. 먼저 노란박스부터 자세히 보겠습니다.노란박스 : 가장 먼저 보이는 상품 대분류들 (최상단 이미지의 NEW,DRESS,BOTTOM)같은것을 추가하는 버튼입니다.빨간박스 : 각 대분류(NEW,DRESS,BOTTOM)의 하위 분류를 추가합니다. 예를들어 BOTTOM에 반바지,정장바지,청바지 등의 분류를 추가할수 있겠습니다.초록박스 : 삭제, 대분류추가(노란박..

https://youtu.be/wPFP9d4YQ7A  안녕하세요, 오늘은 위 사진과같이 상품 정보(제목,가격 등) 폰트 수정하는 방법을 알아보겠습니다. 상품 정보 폰트 수정방법위 사진과같이 대시보드에서 쇼핑몰설정-상품설정-상품정보표시설정 순으로 클릭해주세요.위 사진에서 빨간박스를 봐주세요.메인화면 : 메인화면에 노출되는 (추천상품,신상품 등) 상품들의 폰트를 조정하는곳 입니다.상품목록: 상품페이지(TOP,OUTER 등등)에 노출되는 상품들의 폰트를 조정하는곳 입니다. (본 글 최상단의 이미지)상품상세: 상품을 클릭하여 들어갔을때 보이는 페이지의 폰트들을 조정하는 곳입니다. 그다음은 노란박스 입니다. 이곳에서 제목 및 가격들의 폰트를 조절합니다예를들어 노란박스안의 최상단의 항목명 "상품명"에 대한 정보를 ..

https://youtu.be/URMfMxuyWp4   안녕하세요. 오늘은 위 사진과 같이 쇼핑몰 푸터에 표시되는 기본정보를 변경하는 방법을 알아보겠습니다. *일반적으로 디자인 제작자가 제공해준 매뉴얼을 따르되, 매뉴얼이 없거나 제작자와 접촉할 방법이 없는경우에만 알려드릴 방법을 시도 하시는걸 추천드립니다.카페24 대시보드를 통한 방법 위 사진과 같이 카페24 대시보드의 최하단 쇼핑몰설정 - 기본설정 - 내 쇼핑몰 정보 순으로 클릭해 주세요. 그리고 이곳에 있는 모든 정보가 푸터에 노출될수 있는 정보들입니다. 예를들어,(위 사진과 같이) 전화,이메일,cs운영시간,팩스번호 등등의 정보들을 입력하여 저장하면, 내 쇼핑몰의 푸터에 노출되는 것입니다. *쇼핑몰 디자인 설계 단계에서 설계한것에 따라 정보가 푸터에..

https://youtu.be/Kr7sDBZctkc 카페24 홈페이지 디자인을 편집하기위해 디자인 편집 툴(스마트편집,스마트 easy)을 사용해야한다. 따라서 스마트easy,스마트편집을 키는방법 간단한 이용방법을 알아보도록 하겠다. (카페24를 VSC와 직접 연동하여 수정하는 방법은 https://blog.naver.com/riseweb/222998924446 이글을 참고하자. 다만 VSC는 원래 VSC를 사용할줄 알던 사람에게 권장한다.)카페24 디자인 편집 1. 스마트 디자인 먼저 카페24 관리자로그인을 완료하여 관리자 대시보드까지 접속하자. 위 이미지와 같은 대시보드에서 디자인(PC/모바일)을 클릭하자.그후, 디자인 보관함을 클릭하자.디자인 보관함에서 본인이 수정하고자 하는 디자인 옆에있는 "편집"..