분류 전체보기
카페24 카카오 로그인 에러 : Failed to launch 'intent:#Intent;action=com.kakao.talk.intent.acti
크롬에서 모바일 모드로 켜서 카카오 로그인을 하려고 하는데, 에러가 뜨면서 로그인되지 않는다. 모바일 환경에서는 카카오톡으로 간편하게 로그인 하도록 intent호출을 하게된다.하지만, 개발자모드로 User-Agent만 모바일로 변경한 경우 intent호출해도 처리 할 수 없으므로 이미지처럼 표시된다. 실제 모바일 기기에서 테스트 하시거나 모바일 에뮬레이터를 사용하면 문제 없다.
카페24 상세페이지 상품이미지 슬라이드 적용, 대표 이미지 흐릿하게 보임/깨질 때
구현화면 카페24 기존 구현 화면 카페24 상세페이지 상품이미지는 기본으로 하단 작은 이미지를 클릭하는 형식이다. 이미지를 슬라이드로 하고 싶은데, 이미지가 흐릿하게 깨져서 보인다.우선 이미지를 나열하기 위해서는 module="product_addimage" 해당 모듈을 이용해야한다. {$add_img} {$add_img} swiper을 사용해서 슬라이드 틀을 만들었다.이게 중요한데, 해줘야하는 설정이 있다. 상품 설정에서 이미지 사이즈 변경을 해주자. 축소 이미지 사이즈를 키워주고 사진을 재업로드하면 된다.그러면 product_addimage 모듈로 슬라이드 구현 가능! 참고 문..
[카페24] 맨 위로 / 맨아래로 부드럽게 이동
구현화면 레이아웃 kakao 로고 스타일시트 #quick_nav .quick_nav_inner { position: fixed; right: 12px; bottom: 25px; z-index: 999; display: flex; flex-direction: column; } #quick_nav .quick_nav_inner { opacity: 0; visibility: hidden; transition: opacity 0.5s; } #quick_nav.show .quick_nav_inner { opacity: 1; visibility: visible; } #quick_nav .quick_nav_inner, #quick_nav .updown { gap: 5px; } #quick_nav .roundBtn {..
web 카카오톡 공유하기 버튼 추가 (javascript 클라이언트 키발급 가이드)
1. 카카오 디벨로퍼 접속 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 로그인 후, 상단 > 내 애플리케이션 클릭 [애플리케이션 추가하기] 클릭 3. 모달 내용 입력 앱 아이콘과 앱 이름은 카카오톡 공유하기 채팅창에서 하단에 노출된다. 4. 생성된 애플리케이션 클릭 > 좌측 요약정보 > 하단 플랫폼 > 플랫폼 설정하기 클릭 5. web플랫폼 등록 버튼 클릭 6. 모달 작성 공유하기 기능을 테스트할 사이트를 적는다 구분은 줄바꿈으로 한다. 맨 위는 대표 주소를 적어준다. 7. Java..
[카페24] 카테고리 이미지가 출력되지 않을 때
해당 문제는 상품 분류(카테고리)의 분류꾸미기에서 설정한 이미지가 반영되지 않아 발생할 수 있습니다. 먼저, 상품 > 분류 관리 > 상품 분류 관리에서 해당 분류의 분류꾸미기에서 타이틀 이미지를 이미지 직접 등록으로 등록해보세요. 만약 설정한 이미지가 반영되지 않는다면, 디자인 편집창에서 /preference/product/product_category.ini 파일을 삭제 후 다시 확인해보시기 바랍니다.
[카페24] 상품 목록 KRW 단위로 출력하는 법 (10,000원 > KRW 10,000)
상품 목록에서 "16,000원"을 "KRW 16,000"으로 단위를 바꾸려면, 쇼핑몰 설정 > 결제 설정 > 결제 정책 설정 > 결제 방식 설정 > 결제수단 사용설정 '에서 '결제금액 표기 방식'이 `화폐단위표기 (10,000원)`으로 설정되어 있어야 합니다. 설정 후 상품 등록 시 판매가에 "KRW"이 붙어서 등록됩니다.
카페24 웹FTP가 없어졌다 (신규 쇼핑몰 카페24 웹FTP -> 디자인FTP)
어느 날처럼 카페24외주를 진행하는데, 이번 건은 FTP접속이 안되었다. FTP비밀번호가 문제가 있나 해서 클라이언트에게 수정을 요청했는데, 변경 사항 선태사항에 "FTP/파일링크"가 안뜨고 "파일링크"만 떴다. 좌측 메뉴에도 "웹FTP"가 없고, "디자인FTP"랑 "파일업로더" 라는 메뉴가 있었다. 디자인FTP는 뭐를 신청하라고 뜬다. 뭐지? 기존에는 웹FTP가 있었다. 카페24측에 문의해보니, 21년 12월부터 신규 쇼핑몰은 ftp로 사이트에 접근하는게 아니라고 한다. 쇼핑몰 스킨과 이미지를 분리해서 관리할 수 있도록 웹FTP -> 디자인FTP/파일업로더 로 기능을 분리했다고 한다. 쇼핑몰 스킨 : 디자인FTP 이미지 : 파일업로더 ■ 변경내용 기존 제공하던 웹FTP를 제거하고 '파일업로더' 및 '디..
카페24 네이버 쇼핑라이브 노출 애니메이션 추가
네이버 쇼핑라이브를 설치했는데, 각각 애니메이션을 넣어주세요! 카페24 에서 '네이버 쇼핑라이브' 앱을 무료로 제공한다. 설치된 앱을 설명서 따라 셋팅하면 화면에 라이브 커머스가 출력된다. html에서 apps폴더가 생성됨을 확인 할수 있다. 내부 파일을 살펴보니, 외부 js를 호출하는 용도로 쓰이거나, 간격, 사이즈 와 같은 디자인 커스텀이 가능했다. onLoad/onError와 같은 이벤트도 제공했다. items에 wow fadein delay attr를 줘서 해결하고자 했는데, 코드를 아무리 뒤져봐도 item을 컨트롤하는 함수는 apps에 있지 않았다. network를 열어서보니 외부js에서 item element를 만들어 innerHTML하는 것 같아보였다. 그렇다고 init()에 return값이..
vscode sftp 실시간 업데이트 안될 때 (Error: Config Not Found)
[카페24] Cafe24에디터에서 탈출하기 :: vscode로 cafe코드 원격 수정하기 카페 24에서 제공하는 Cafe24 editor는 정말 화난다. 아주 화가 많이. 잔뜩. 🤦♂️ 전체 파일 검색이 믿음이 안감, css하나 찾으려면 모든 파일 열어서 찾아야 함 파일 내 검색이 정상적으로 작동 hoyashu.tistory.com 이렇게 잘 되던 실시간 업데이트가 안된다. 로그를 보니 Error: Config Not Found. 에러가 뜬다. 검색해보니, 1.16.1버전으로 다운그레이드하면 된다고 한다. 최신버전인 1.16.3에서 다운그레이드하니 잘된다! 더보기 출처 https://github.com/liximomo/vscode-sftp/issues/1017
[React/Redux] 🛡 immer으로 배열 내 특정 값 변경하기 (불변성 절대 지켜!)
제로초의 Nodebird 강의 중, immer 라이브러리를 사용해보았다. find 함수와 immer을 함께 사용했을때 신기한 경험을 해서 기록해둔다. immer란? reduce state 불변성을 지켜주는 편리한 라이브러리다. 목표 post.mainPosts 배열에서 특정 id를 가진 값을 찾아, post.mainPosts[index].Comments배열에 값을 추가하려고 한다. const reducer = (state = initialState, action) => produce(state, draft => { switch (action.type) { case ADD_COMMENT_SUCCESS: { const post = draft.mainPosts.find(v => v.id === action.da..