블로그 PostCard 이미지 상단 여백

components/ui/card.tsxfunction Card({ className, ...props }: React.ComponentProps) { return ( ) }여기서 py-6 부분이 카으 내에서 상단 여백을 생성하고 있네요. 저도 아무래도 이 부분이 너무 안예뻐서 py-6 부분을 제거했습니다다만, 이렇게 하면 모든 Card 전체에 대해서 영향을 주게 되므로, 옆의 태그 목록 등도 전부 이상해집니다. 블로그 카드 목록에서만 적용을 하고 싶다면components/features/blog/PostCard.tsx 파일에서 return 부분에서 명시적으로 py-0 이라는 className 을 추가해서 여기서만 py 를 0 으로 명시적ㅇ로 변경을 해주면 됩니다

에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?

개발에 있어 기능이나 UI를 재사용하는 것이 굉장히 기본적이고 중요한 부분이라고 생각하는데현재 강의에서는 로딩 화면이나 에러 페이지 같은 공통된 요소들을 모든 폴더에 복사 붙여넣기로 동일한 파일을 중복으로 생성하는 방식으로 진행하고 있습니다. 보통 이런 공통 요소들을 하나의 컴포넌트나 모듈로 만들어 여러 곳에서 재사용하는 방식이 더 효율적이라고 생각합니다.리엑트에서 그러지 않고, 모든 폴더에 복사 붙여넣기로 만들어두라고 하셨는데 이유가 무엇인지에 대한 설명이 부족해 여쭤보는 것입니다. 저 뿐만이 아닌 다른 수강생 분들도 잘못된 지식의 선입견이 생길까봐 그렇습니다. 이후 강의에서 설명을 하실지는 모르겠지만, 완강을 하지 못하는 분들은 잘못된 지식을 가져갈 일이 발생할 수 있습니다.