프론트앤드
-
[패스트캠퍼스] 메타광고 종류 및 세팅 실습프론트앤드/이것저것 2024. 11. 7. 23:03
1. 캠페인 설정 및 목표- 트래픽1) 클릭 : 실제 광고를 클릭한 것 2) 랜딩 페이지 조회 : 클릭을 한 다음에 광고를 끈다거나, 랜딩 페이지를 끈다거나 서버가 동작하기 전에 종료하는 것 (클릭보다는 정교하게 실제 들어온 사람인지 확인할 수 있음) * 대부분의 전환을 노리고 하는 메타 광고는 트래픽 보닫는 판매를 하는게 더 좋음Meta가 원래 CPC가 낮은 매체가 아니다 보니, 평균적으로 트래픽 : 약 500-600원 / 판매 : 약 1000-1200원 정도 트래픽은 CPC가 싸더라도, 판매 캠페인보다 전환율이 2배이상 좋지 않기 때문에, 트래픽만 하면 메타광고에서는 비효율적임 - 참여 : 게시물과 관련된 것 (일반적인 전환 광고에서는 잘 안함)- 잠재고객 : 회사로서 리드를 확보 리드 : 어떤..
-
[Shopify] story theme 상품목록에 Add to cart 버튼 추가프론트앤드/Shopify 2024. 1. 8. 11:22
shopify에 많은 테마가 있는데 그중에서도 유료테마인 Story를 사용하고있다. 이커머스 사이트면 Add to cart버튼이 어디든 존재해서 고객을 어서빨리 구매전환을 시켜야하는데, 해당 테마에서 해당 기능을 찾을 수 없어서 story theme 고객센터에 문의한 결과, 현재 story theme에서는 상품목록에 장바구니 버튼을 제공하고 있지 않다고 함 🥲 많은 여정 끝에 괜찮은 사료를 찾게 되었고, Finally 상품 목록에 Add to Cart 버튼을 추가하게 되었습니다. 🎉 https://youtu.be/fxk51sRZs38?si=m_8mY7VBQ_e5R63K 위 영상을 참고하였고, 해당 영상은 1년전 업로드되었기도 하며 다른 theme의 예시라, 현재 쓰고있는 story의 코드와는 다소 다릅니..
-
[TypeScript] 공통컴포넌트 Nav 이용해보기프론트앤드/[React] 2023. 10. 24. 17:48
TS를 1도 모르는 상황에서 TS를쓰는 간단한 (?) 프로젝트가 시작되었다. 오늘 구현 한 컴포넌트는 공통컴포넌트로, Nav.tsx이다. 하나의 페이지에서 컴포넌트들만 바뀌는 식으로 개발을 할 것이었으며, 그 중에서도 Contents 내에 title부분을 Nav.tsx(공통 컴포넌트)로 정하고 구현했다. 코드는 이렇다. import React from 'react'; interface NavItem { title: string; subTitle?: string; } const SHAPE_NAV: NavItem = { title: 'What’s your nail shape?', subTitle: '(Choose based on the index finger.)', }; const CONCERN_NAV: N..
-
[JavaScript]프론트앤드/Shopify 2023. 9. 9. 17:48
오류 메시지에서 "Assignment to constant variable"라는 내용을 볼 수 있습니다. 이 오류는 const로 선언된 변수에 값을 다시 할당하려고 할 때 발생합니다. const로 선언된 변수는 한 번 값이 할당되면 다른 값을 할당할 수 없습니다. 따라서 selectedNailLength 변수를 let으로 선언하거나, 이미 const로 선언했다면 다른 변수로 값을 저장하는 방식으로 수정해야 합니다. 아래는 수정된 코드입니다: default 값으로 바로 checkbox가 checked 되어있도록
-
[JSON Template] 404-template Designing (1-3)프론트앤드/Shopify 2023. 8. 27. 16:25
1. wrap our template using "tag" attribute tag attribute - By default, when Shopify renders a section, it wrapped in a element with a unique 'id' attribute. - If you don't want to use , then you can specify which kind of HTML element to use with the 'tag' attribute. the following are the accepted values - article - aside - div - footer - header - section 여기서 시작 (1-2 내용) {{ section.settings.title..
-
[JSON Template] 404-template schema (1-2)프론트앤드/Shopify 2023. 8. 26. 22:40
이 전 내용과 이어진다. 이번에는 이 전에 적용했던 코드에서 schema를 적용하고 바꿔서 커스터마이징까지 할 수있게 바꾸어 보았다 ! {% schema %} { "name": "Template-404", "settings": [ { "type": "text", "id": "title", "default": "404", "label": "404 Heading Title" } ] } {% endschema %} //같은 파일 내 //여기는 HTML {{ section.settings.title }} //여기를 이렇게 간단하게 변경 {{ 'general.404.subtext_html' | t }} //schema {% schema %} { "name": "Template-404", "settings": [ ..