[TIL] 240725 (최종 프로젝트 포트원 API 결제 기능 제작)

·2024년 7월 25일

TIL

목록 보기
109/268
post-thumbnail

🥞 오늘 한 일

  • 최종 프로젝트
    • 공구템 작성, 수정 페이지
      • 시작일 현재 날짜로 설정
      • 이미지 등록 인풋을 버튼으로 변경
    • revalidate.ts 하나의 함수로 변경
    • 공구템 상세 페이지에 좋아요 기능 적용
    • notiflix로 confirm 및 notify 적용
    • 결제 기능
      • 테스트 결제 페이지 제작
      • 포트원 API 설치 후 결제 기능 완료
      • 결제 시 즉시 환불 기능 완료 (실제로 파는 게 아니므로)

기술면접 연습

  • CORS 오류가 나는 이유에 대해 알고 계신가요?
    • CORS는 일단 서로 다른 출처 사이의 리소스 공유 정책으로, 서로 다른 도메인 간에 데이터를 주고 받을 때 발생하는 오류입니다. 동일 출처 정책 때문에 서로 다른 출처에서 데이터를 주고 받을 때 오류가 나는 것인데, 해결 방법이 있습니다. 일종의 화이트 리스트인 Access-Control-Allow-Origin 헤더를 설정해서 미리 지정한 출처끼리는 데이터의 공유를 허가해주는 방법입니다.
  • babel과 같은 트랜스파일러의 역할을 설명해주세요.
    • babel같은 트랜스파일러는 최신 자바스크립트 코드를 이전 버전의 브라우저에서도 사용할 수 있도록 코드를 다운그레이드 시키면서 변환시켜주는 역할을 합니다.

🍴 돌아보기

결제 기능을 처음 시도해봤는데 아직까지는 그래도 생각보단 크게 어렵지 않아서 다행이다. 파고들면 훨씬 더 깊이 파고들 수 있는 여지가 많은 API인 것 같아서, 어떤 것이 더 가능할지 찾아볼 생각이다.

🍳 내일 목표

  • 최종 프로젝트
    • 결제 관련 페이지 와이어프레임 제작
profile
웹 프론트엔드 개발자

0개의 댓글