[TIL] 2023-0922

Facts

- NextStep 영화리뷰 1단계 미션, 역할 나누고 객체 분리 및 구현

- parcel 도입

- 지속적인 이슈에 대한 디버깅 & 회의 & 버그 픽스 등등...

 

Feelings

- 이틀 전 TIL 이라 어떤 감정이었는지 잘 기억이 안난다. ㅋ

- 아마 금요일이라서 기분이 아주 좋았을거야...

 

Findings

- 말로만 듣던 Parcel 을 써봤는데 config 가 정말 하나도 없고 가볍고 빨랐다. 정말 소규모 프로젝트에는 간편하게 쓰기 좋은듯.

yarn add -D parcel

# scripts 추가
"preview": "parcel ./index.html --open chrome --port 3000",
"build": "parcel build ./index.html",

- 특정 path 에 대해 Demo 페이지를 만들어 주기 위해 path 확인 후 리다이렉트 하는 페이지를 하나 추가했는데, Next 에서는 getServerSideProps 에서 path 를 확인해 바로 리다이렉트 시켜주는 방법을 쓸 수 있음.

// [...id] path 를 배열 형태로 받아올 수 있다.
export const getServerSideProps: GetServerSideProps<{
  id: string[];
}> = async (context) => {
  const id = context.query.id as string[];

  if (id[0] in SAMPLE_PATH) {
    return {
      redirect: {
        destination: `/other_path?id=${SAMPLE_ID}`,
        permanent: true, 
        // 이 리디렉션이 영구적인지 아닌지를 판별하는 옵션. false 일 경우 브라우저에 캐싱되지 않고 계속 예전 경로를 방문하려고 할 것.
      	// 그래서 이벤트 페이지와 같은 임시 페이지에 유용하다. 
      },
    };
  }

  // notFound 를 리턴하면 404 페이지로 리다이렉트한다. 
  return { notFound: true };
};

 

Feedback

- TIL 은 가능한 하루가 지나기 전에 쓰도록 노력하자..

 

Future Action

- 리뷰 기간이 지나더라도 NextStep 과제 마무리하기 위해 노력해볼것

- 잘 하고 싶으면 일단 하는걸 먼저 해야한다.. ㅎㅎ