최근 나만의 제품을 만들어 보고 싶다는 생각이 많이 들게 되었고 나는 메이커가 되어야 겠다고 결심을 했습니다. 메이커가 되기 위해서 다양한 제품과 마케팅, 비즈니스 방법들을 받아보기 위해 많은 채널들을 구독 하였습니다. 그 중 조쉬의 프로덕트라는 뉴스레터를 추천드립니다. 조쉬의 프로덕트는 다양한 비즈니스와 프로덕트 그리고 1인 창업가의 이야기를 전해줍니다. 다양한 비즈니스 방식과 제품들을 빌드 하는 방법들에 대해 들을 수 있었고 성공한 1인 창업가의 이야기를 통해 많은 동기부여도 받았습니다. 메이커에 관심이 있으신 분이라면 꼭 구독하시는 걸 추천 드립니다. 아래 링크에서 구독을 받아볼수 있습니다. https://maily.so/josh

한동안 iamport 를 통해서 naverpay 연동을 위한 작업을 진행하였다. 결제 로직상 에서 naverpay를 paymethod로 받을 수 있는 작업은 완료가 되어 있었기에 관련 서류를 준비해 요청을 보내고 iamport에 naverpay 검수 요청을 보냈다. naverpay를 적용 하기 위해서는 통과해야 하는 요건들이 있는데 그 중 아래 3가지 문제에 대해서 통과하지 못했다. 1. naverpay 객체를 보내야 한다. 2. 에러 메시지는 가공 되어서는 안된다. ex) 결재실패: 결재 오류가 발생했습니다. (X) 결재 오류가 발생했습니다.(o) 3. 위변조된 결제 건에 대하여 자동으로 취소 요청을 하고 이용자에게 해당 결제가 위변조 되었다는 사항을 전달해야함 1,2 번 문제는 쉽게 해결을 하였는데 ..

이번 주 동안은 제품 리스트의 레이아웃을 잡는 작업을 계속 진행을 했다. 첫번째 그림과 같은 카드형과 두번째 그림과 같은 리스트형 총 두가지 형태로 만들어야 했고 카드형일 경우 640px 이상일 경우 3줄 이하일 경우엔 2줄로 나올 수 있도록 레이아웃을 조절해야 했다. 둘다 flex를 사용하여 정렬을 맞춰 주었다. 카드형은 이미지가 들어갈 공간을 이미지를 감싸고 있는 tag에 padding 값을 주어서 공간을 만들고 이미지는 살짝 작게 들어가야했기 때문에 %로 이미지 크기를 맞추어 주었다. 리스트형은 이미지가 고정폭으로 들어 갔기 때문에 좀더 쉽에 작업을 할 수 있었다. 카드형의 방법을 그대로 가로로 돌려서 사용해 주었다.

react-slick 을 사용하여 배너컴포넌트를 만드는 작업을 진행 하였다. react-slick을 사용할 때 공식문서를 보면 css를 import 해서 사용하는데 지금 우리 프로젝트에서는 css 파일을 만들어서 react-click의 className 값을 지정해주어서 필요한 부분은 커스텀하여 사용하고 있다. 위와 같이 dot 이 있고 이미지 크기가 고정이 되는 슬라이드를 만들어야 했다. dot을 생성하려면 setting 값에 dots: true 를 넘겨주면 되는데 이렇게만 넘겨주면 크기와 색상이 기본 값으로 넘어가서 내가 원하는 dot을 만들 수 가 없었다. 그래서 css 파일에서 dot 의 css 속성을 직접 수정을 하여 구현을 하였다. 구현을 하고 나서 보니 appendDots과 dotsClass..

보호되어 있는 글입니다.

오늘은 서비스 업데이트를 진행 하였다. - 비타민 검사 결과 페이지 챌린지 section 부분 작업 완료 - 슬라이드 버튼과 readmore 버튼 정렬 수정 - slider 내 이미지 크기와 숫자가 반응형에 맞춰서 자연스럽게 줄어들도록 수정 - Paragraph 컴포넌트 수정한 값이 지금 현재 작업 하고 있는 부분과 이 컴포넌트를 사용하고 있는 페이지에서 영향을 미치고 있어서 해당되는 페이지 전부 수정 - 제품이 없을 경우 챌린지 페이지로 이동 시키는 버튼을 추가하려고 하다가 백엔드와 논의 하여 default 제품 목록 값을 받아 올 수 있도록 해보기로 함 확정은 아님