React 기반 Gatsby로 기술 블로그 개발하기

안녕하세요, 수강생분들!

이번에 강의가 업데이트된 점을 공지하려고 이렇게 글 작성하게 됐습니다.

예제 블로그에서 사용하고 있는 Deprecated 된 라이브러리 및 코딩 컨벤션을 고려하여 업데이트가 되었으며, 변경된 내용을 아래에 정리해두었습니다!

1. .eslintignore 파일에 루트 디렉토리의 Gatsby 설정 파일을 모두 추가하여 열람 시, 불필요한 오류가 뜨지 않도록 수정했습니다.

2. .prettierrc 파일 내 프로퍼티로, 문장 마무리로 세미콜론을 필수적으로 입력할 것인지에 대한 semi 옵션을 false 로 변경하여 모든 React 관련 파일 내에 존재하는 세미콜론을 제거했습니다.

3. React 컴포넌트 파일 상단에 정의한 Props 타입을 Interface 로 정의하던 것에서 Type 으로 정의하는 것으로 변경했습니다.

4. GraphQL을 통해 포스트 데이터를 쿼리함에 따라 타입을 정의했었는데, 해당 타입이 중복되어 여러 번 사용되기 때문에 src/types/PostItem.types.ts 파일을 만들어 여기에 타입을 정의했습니다.

5. gatsby-image 라이브러리가 Deprecated 되어 대체제인 gatsby-plugin-image 라이브러리로 마이그레이션했습니다.

강의 내용 전체적으로 코딩 스타일 및 내용이 변경되었기 때문에 Gatsby 알아보기 및 개발 환경 구성하기, 간단하게 페이지 띄워보기, 사이트 배포 및 웹 마스터 도구에 사이트 등록하기 챕터를 제외한 전 부분을 다시 읽어보시는 것을 추천드립니다.

하지만 기존 강의 내용 그대로 따라가도 크게 문제는 없으니 수강생분들께서 편한대로 선택하시면 될 것 같습니다 :)