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.
구조 분리
![웹페이지 구조분리](https://private-user-images.githubusercontent.com/165015015/328778269-2c6aa863-64db-420c-b247-011ecbd11412.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5NTUzNzcsIm5iZiI6MTczOTk1NTA3NywicGF0aCI6Ii8xNjUwMTUwMTUvMzI4Nzc4MjY5LTJjNmFhODYzLTY0ZGItNDIwYy1iMjQ3LTAxMWVjYmQxMTQxMi5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOVQwODUxMTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lZDg1ZmVjMzAxZDgxNTU0YWIxYmVhZDZlODA4NDBiNzVjNmMyOTBlZmIwYTI0NWQwMzNmNDlkODgyZjRkZTk5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.bWFPY5Ae3aEGBc05kuc86_NKh7j6ER7YIM5NJXro-_M)
위에서부터 분리하여서 Header, maincontent,shorts 로 나눠 주었습니다.
컴포넌트 분리
![image](https://private-user-images.githubusercontent.com/165015015/328779564-d3f9d251-bab5-470f-bbed-ef49e03ba2aa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5NTUzNzcsIm5iZiI6MTczOTk1NTA3NywicGF0aCI6Ii8xNjUwMTUwMTUvMzI4Nzc5NTY0LWQzZjlkMjUxLWJhYjUtNDcwZi1iYmVkLWVmNDllMDNiYTJhYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOVQwODUxMTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mOWUzZDllNTViZTg1ZGFiMDBmMDM3OWQxZGMxMTA1YTcyYTY2MjQzYzk5ZGU3ZTY3NGNmMWRjZTFkODU3N2NhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.B_QYpQFPfrgm-GSlPreA28HyIoPW4sv8mJq4dD8CzZI)
아쉬웠던 점
컴포넌트를 파트별로 분리하였지만 js 부분과 css 부분을 따로 나누는게 더 좋았지 않았을까 싶었습니다.
파일 분리하는 부분에서 css(style)부분과 컴포넌트 부분을 나눠서 하는게 더 깔끔하고 보기 좋았을거같습니다.
어려웠던점
아직 css 부분에서 깔끔하게 만들지 못한다는 것이 조금 어려웠고 파트분리가 되어있으니깐 서로 연결시켜주는 부분에서 오타나 파일 위치 선정을 잘 못 해주면 오류가 나는 부분에서 많이 시간을 써서 그 부분이 힘들었던 것 같습니다.
그 이외
계속적으로 컴포넌트 작성을 함수형 컴포넌트를 사용하니 조금은 더 작성하기 편했던것같습니다