TIL_2023_06_30

이종현·2023년 7월 1일
0

Today_I_Learned

목록 보기
60/145
post-thumbnail

Today 요약

  1. 프로젝트에 타입스크립트 적용하기
  2. 멘토님 피드백 답변하기
  3. Next 깃허브 리퍼지토리 분석하기

1. What I did?

1. 1 프로젝트에 타입스크립트 적용하기

일단 우선 모든 파일을 ts 및 tsx로 변경하고 리액트에 설치할 수 있는 몇 가지 타입스크립트 의존성 모듈을 설치했다. 파일명만 변경하면 오류가 발생하지 않지만 의존성 모듈을 몇 가지 설치하면 바로 vscode가 오류를 잡아준다. 그리고 tsconfig.json 파일을 프로젝트의 루트경로에 두고 설정을 몇가지 더 하게 되면 더 엄격하게 오류를 잡아준다. 그래서 tsconfig.json 파일에 컴파일러 옵션과 include, exclude를 설정해주었다. 일단 js파일을 허용해주고 컴파일할 라이브러리 버전과 엄격한 정도를 어느 정도로 적용할지에 대해서 설정했다.

1.2 Next 공식 깃허브 페이지 next.ts 파일 분석하기

원티드 프리 온보딩 6월 인턴쉽에 떨어져서 아쉬운대로 이번에는 프리 온보딩 챌린지 7월 부분은 떨어지는 거 없이 참여가 가능한 걸로 알아서 사전과제만 잘 제출해서 진행해보려고 한다. 원티드에서 진행하는 건 당분간은 계속 도전해볼 생각이다. 일단 사전과제로 주어진 건 CSR과 SSR에 대해서 개념 정리를 확실히 하고 npm start로 next 프로젝트를 실행했을 때, next 라이브러리가 어떻게 동작하는지에 대해서 이해해보라는 것이 사전과제로 주어졌다. 하지만 코드도 너무 광범위하고 내가 이해하기에는 많이 어려웠다. 그래서 일단 GPT한테 어떤 파일이 실행될지 물어봤고, 나름 깃허브 페이지에서 어떤 파일이 실행될지 추측해 본 다음에, 그 파일을 가지고 분석해보았다. 분석해본 걸 나름 이야기해보자면 스크립트가 실행될 때 버전 정보등을 활용하고 비교, 그 외의 명령어와 옵션에 맞춰서 프로세스의 동작을 제어하는 파일이라고 해석했다. 맞는지는 확실히 모르겠다. 하지만 이번에 챌린지 참석해서 진행하면 그 답을 찾아갈 수 있을 거라 생각한다.

1.3 멘토님 피드백 답변하기

피드백을 주어진 시간 안에 빠르게 주고 받다 보면 확실히 좀 더 빠른 성장이 있을거라 생각한다. 그렇기 때문에 멘토님이 주신 피드백을 제일 먼저 빨리 처리해서 바로 보고 하는 걸로 하려고 한다. 그래서 이번에도 피드백부터 답변하고 나서 타입 적용하고 리팩토링 진행해보려고 한다.

profile
데이터리터러시를 중요하게 생각하는 프론트엔드 개발자

0개의 댓글