Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
구조 분리

위에서부터 분리하여서 Header, maincontent,shorts 로 나눠 주었습니다.
컴포넌트 분리

아쉬웠던 점
컴포넌트를 파트별로 분리하였지만 js 부분과 css 부분을 따로 나누는게 더 좋았지 않았을까 싶었습니다.
파일 분리하는 부분에서 css(style)부분과 컴포넌트 부분을 나눠서 하는게 더 깔끔하고 보기 좋았을거같습니다.
어려웠던점
아직 css 부분에서 깔끔하게 만들지 못한다는 것이 조금 어려웠고 파트분리가 되어있으니깐 서로 연결시켜주는 부분에서 오타나 파일 위치 선정을 잘 못 해주면 오류가 나는 부분에서 많이 시간을 써서 그 부분이 힘들었던 것 같습니다.
그 이외
계속적으로 컴포넌트 작성을 함수형 컴포넌트를 사용하니 조금은 더 작성하기 편했던것같습니다