링크온 홈페이지 제작해서 제휴마케팅 하는 방법

링크온 홈페이지 제작해서 제휴마케팅 하는 방법

카카오페이지는 여러가지 웹툰과 소설을 즐길 수 있는 플랫폼으로 대부분의 사람들이 이용하고 있습니다. 카카오페이지에는 무료 웹툰 및 소설뿐만 아니라 유료 웹툰 및 소설이 제공되어 있습니다. 웹툰이나 소설을 더 많은 시간 누리고 싶다면 캐시 충전이 필요하는 경우가 있는데요. 카카오페이지에서 1 캐시는 1원으로 계산되며, 충전한 캐시는 소멸시효 기간이 충전 후 5년 동안 유지됩니다. 만일 결제 이후 캐시를 사용하지 않는다면, 결제일로부터 7일 이내에 고객센터로 문의하면 수수료 없이 결제 취소가 가능합니다.

하지만 결제일로부터 7일이 경과한 캐시는 결제수단에 따라 취소 가능 여부가 다를 수 있으므로 고객센터로 문의해야 합니다. 카카오페이지 캐시는 1,000 캐시, 3,000 캐시, 5,000 캐시, 10,000 캐시, 30,000 캐시, 50,000 캐시, 100,000 캐시로 분류되어 있어 희망하는 캐시 금액에 따라 충전하실 수 있습니다.

컴포넌트 구조화

이전의 프로젝트에서는 대출 상품들의 하나하나 페이지가 생성이 되어있었어요. 즉 재사용되는 코드들임에도 불구하고 데이터만 다른 같은 모양의 10개씩 만들어져있는 상황이었다. 이는 꽤나 여러가지의 문제들을 야기했는데 첫째 유지보수의 어려움입니다. 만약 UI가 추가되거나 수정한다고 치면 모든 페이지를 하나하나 업데이트 해주어야해서 시간과 노력 부분에 있어 효율적이지 않습니다. 그리고 똑같이 수정한다고 해도 실수로 인해 오류가 생길 확률이 더 커진다.

그리고 새로운 대출 상품이 추가 되었을때 매년 HTML 파일을 생성하고 연결해야만 되는 확장성의 제한 문제, 서버 자원 낭비 등의 문제가 있습니다. 그리하여 재활용하는 컴포넌트들을 구조화하여 이를 해결했다. 위에는 개선된 컴포넌트의 모양입니다. 상세페이지를 동적라우팅해주어 상품의 id값이 일치하는 데이터를 상세페이지에 뿌려주었다.

배포 과정에서 만난 에러

분명 로컬에서는 잘 됐는데 서버에서 화면이 안나옵니다. 첫째 급속도로 이전 배포 버전으로 돌리고 문제가 뭔지 살펴봤습니다. 1.Image loader 설정 위의 문제들은 경로 수정이 되지 않아 몇가지의 script 파일, 이미지 파일들을 찾을수 없어 페이지 렌더시 오류가 발생했다. 찾아보니 next를 정적배포하기위해 export 시도할 경우 next.config.js에 images의 loader 설정을 해주면 된다고 합니다.

를 활용하여 설정할 수 있다고 합니다. 그리하여 next.config.js에서 loader를 akamai 사용해 로더 설정을 해주니 해결됨! 2. 과 설정 배포 후에 메인페이지를 제외한 하위경로로 이동했을 때 새로고침하면 페이지를 404를 반환하고 있었어요.

사용자 경험UX 개선 측면

개선 업무를 진행하면서, 주된 목적은 UIUX를 개선하여 사용자 경험을 개선하는 것이었다. 이 리뉴얼은 위에서도 말했듯 제휴사들과의 합의를 앞두고 있기 때문에, 우리 회사의 홈페이지를 접하면서, 사용자의 입장에서 보다. 편리하고 유용한 경험을 제공하려는 노력을 반영하려 했다. 우선, 기업 내에는 전문 디자이너가 부재하며, 한정된 개발 기간이 주어진 상황이었다. 이런 제약 사항을 고려하여, 템플릿을 활용하게 개발했다.

템플릿 사용으로 인해 개발 시간을 최소화하고, 사용자에게 조금 더 친숙한 UI로 접근할수 있는 방식이라 생각되어 선택하게 됐습니다. 결과적으로는 디자인 측면에서의 생각을 크게 줄이고, 개선 작업에 집중할 수 있었어요. 제휴 문의 페이지 리뉴얼을 통해 사용자 경험을 개선했던 중 가장 주목할 만한 부분 중 하나는 제휴 문의 페이지의 변화다.

모바일로 카카오페이지 캐시 충전하기 2

1. 포털사이트에서 카카오페이지를 검색합니다. 2. 카카오페이지 홈페이지를 클릭합니다. 3. 우측 상단에 사람 아이콘 탭을 클릭합니다. 4. 카카오계정으로 로그인을 합니다. 5. 메인 화면에서 프로필 탭을 클릭합니다. 6. 충전 버튼을 클릭합니다. 7. 충전하고 싶은 캐시를 선택합니다. 8. 동의 버튼을 체크합니다. 9. 다음 버튼을 클릭합니다. 10. 이용약관 동의 버튼을 체크합니다.

11. 다음 버튼을 클릭합니다. 12. 희망하는 결제 수단 계획을 선택합니다. 13. 동의 버튼을 체크합니다. 14. 결제하기 버튼을 클릭합니다. 15. 결제 인증이 완료되면 결제가 진행됩니다.

자주 묻는 질문