개발항해일지 22년/5월/2주 :: MVP 완료, 테스트 네트워크

일지 2022년 5월 2주차

 

 

한 주 시작하기전 정리

요즘 관심사를 하나, 둘 추가하다 조금 늘어난 듯 싶어서 정리를 하는 시간을 가져야겠다

1. Next.js, React 프로젝트 마무리 작업중
   - 개발은 막바지
   - 포트폴리오, 깃헙, 프로덕트 헌트에 넣을 글들 정리 
2. 방송통신대학교 강의 듣고 정리
   - 인터넷과 정보사회
   - 글로벌 스타트업 마케팅(블로그 O)
   - 이산 수학(블로그 O)
   - 알고리즘
   - 데이터베이스(블로그 O)
   - 음식의 세계, 세계의 음식
3. SEO 강의 결제
   - 강의 내용 정리
   - 강의를 토대로 기존 사이트 개선
   
   
4. WEB3 10주 챌린지
   - 한 주마다 착실히 진행

지금 생각나는 개발 관련 사항은 이 정도로 보인다.

프로젝트는 막바지고(계속 업데이트 or 새로 진행하겠지만),

방통대는 한 달내로 방학 기간에 들어가고,

SEO는 주말에 1강의를 진행한다고 생각하고,

WEB3는 주중에 1~2시간 3일정도 시간을 내면 될 듯 싶다.

 

우선순위와 일정표를 만들어서 진행하면 가능하겠다

 

 

Affitalink MVP 완료!

그리고 배포도 완료!

배포는 너무 간단하게 Vercel로 했다. 클릭 몇번이면 Deploy 완료!

url: https://affitalink.vercel.app/

 

 

관리를 위해 이건 기억해두자

 

 

CI/CD done!

Next.js를 Vercel로 배포하니 main 브랜치로 push 하면 바로 배포가 되는구나,

👍👍👍

 

 

Github Best README Template

매 레포마다 README 만드는 것도 번거로운 작업이다.

필요한 정보를 넣어주고 보기 쉽게 작성을 Markdown으로 해야되서 더 번거롭다.

 

프로젝트에 집중 + 멋진 README를 만드려면 어떻게 할까?

바로 잘 만들어진 README를 가져와서 이용하기!

 

@othneildrew 이 친구가 깔끔하게 만들어놓은 Best README Template 이용

필요한 내용만 추출해서 만든 Affitalink README 

 

 

Web3 10주차 챌린지 1주차 완료!

블록체인, NFT 등 Web3에 대한 이야기가 한 2년 전부터 활발하게 들린 것 같다.

"Web3란 정확히 뭘까?" "Web3에 열광하는 사람들은 뭐를 기대하고 있는 걸까?" 등 궁금한 점들이 생겼다.

제대로 이해하기 위해서는 직접 해보는 것이 제일 정확하다.

그리고 개인적으로 Web3 컨셉인 Decentralization에 관심이 생겨서, 알아봐야지 알아봐야지 배울 타이밍만 보고 있었다.

고맙게도 Alchemy에서 10주 커리큘럼을 만들어서 이제부터 10주간 배우게 된다!

 

이미 1주차를 받아서 완료했다!! (1주차 정리 포스트 ->)

기본 개념과 테스트넷에 스마트 계약서를 올리고, 민트도 진행했다.

아직은 어떻게 사용할지 감은 안오지만 10주 뒤에는 DApp을 만들고 있을지도!

 

 

Feedback 2가지

개발자 커뮤니티의 Naomi한테 피드백을 받았다.

1. 도메인을 사면 얼마 안되는 가격으로, 훨씬 더 프로페셔널 같아 보이게 할 수 있다

2. 데모 데이터 제공 - Auth를 입력하지 않더라도 사이트의 기능을 살펴볼 수 있도록

 

 

도메인 등록 완료!

=> https://www.affitalink.com/

Vercel의 네임서버를 namecheap에 연결했다

이 블로그 보고 따라하니 쉽게 완료

 

테스트 네트워크 추가 완료!

 

demoFecth.js 만들어서 test fetch를 advertiser, link용으로 만들어줬다

실제처럼 작동하도록 약간의 로직도 추가 완료!

 

demoFetch.js

export async function fecthTestAdvertisers(auth) {
  if (Object.values(auth).every((ele) => ele === "77777")) {
    await timeout(2000);
    return { page: 0, advertisers_info: dummy_advertisers };
  } else {
    return "Invalid information provided";
  }
}

export async function fetchTestLinks(ids) {
  await timeout(2000);
  const filtered_links = dummy_links.filter((link) =>
    ids.includes(link.advertiser_id),
  );
  return { page: 0, data: filtered_links };
}

async function timeout(sec) {
  return new Promise((resolve) => setTimeout(resolve, sec));
}

const dummy_advertisers = [
  { id: "42680", name: "24S", isChecked: true },
  { id: "5338367", name: "Agoda", isChecked: true },
  
  // dummy 데이터 생략
];

const dummy_links = [
  {
    link_id: "1",
    advertiser_id: "13816",
    advertiser_name: "Saks Fifth Avenue",
    link_name: "Spring Sale",
    description:
      "Spring Sale: Up to 30% OFF* Select Kid's Styles Including Ralph Lauren & Camilla! Valid 5/5-6.5. Shop Now!",
    coupon_code: "",
    click_url:
      "https://click.linksynergy.com/fs-bin/click?id=F6WR5pfQj3Y&offerid=778432.10007473&type=3&subid=0",
    link_type: "TEXT",
    link_code_html: "",
  },
  
  // dummy 데이터 생략
  
];

 

 

sail by Geran De Klerk @unsplash