전체 글294 [React + TS] 포트원V1(아임포트) kg 이니시스 정기결제 구현 실제 정기결제 기능 구현을 위해 포트원 sdk를 사용해서 kg 이니시스 정기결제를 구현했습니다.저만 그런지는 모르겠지만 공식 문서에 자세히 설명을 해줘도 그것만으로는 이해가 잘 안되기도 하고 포트원은 설명해주는 문서가 참 많은데 묘하게 말이 조금씩 다르다거나 일관적이지 않아서 여러 문서들과 블로그들을 찾아보며 구현한 결과를 작성했습니다. (버전은 V1 사용) 글을 작성하기 전에, 프로젝트 용도가 아니라 실제 서비스에서 결제 기능을 사용하시는 분들은 최대한 미리 결제 기능을 구현해두시는걸 추천드립니다.일단 포트원 sdk 결제창을 사용하기 위해 필요한 값들이 있는데, 이 값들은 포트원 관리자 콘솔에 사업자 정보를 등록하고 결제대행사 신청을 완료해야 발급받을 수 있습니다.그리고 결제 기능을 구현한 후 결제대행.. 2025. 1. 2. [React] Styled-Component 조건부 스타일링 적용하기 커뮤니티 사이트에서 게시글을 검색했을 때, 해당하는 게시글이 없으면빈 화면 대신 게시글이 없음을 알리는 컴포넌트를 렌더링 하는 방식으로 UI를 수정했는데 이런 식으로 컴포넌트가 너무 붙어있는 느낌이라 margin-top 값을 주려고 했다.(캡쳐본으로 보면 적당해 보이지만 실제 화면상으로는 너무 여백이 없는 느낌) 근데 생각해보니 컴포넌트 margin-top 값을 수정하면 다른 경우에 해당 컴포넌트를 사용할 때 margin-top 값이 너무 크게 느껴질 수도 있을 것 같아서우측에 보이는 최신순 정렬 탭에 조건부 스타일링을 적용한 다음 데이터가 있으면 margin-bottom 값을 원래대로 적용하고, 데이터가 없으면 margin-bottom 값을 늘리도록 하는게 좋겠다고 생각했다 스타일 컴포넌트로 조건부 .. 2024. 5. 11. 정신없는 2월 회고 보호되어 있는 글 입니다. 2024. 3. 2. 2024년의 시작! 1월 회고 보호되어 있는 글 입니다. 2024. 1. 31. 이전 1 2 3 4 ··· 74 다음