-
Notifications
You must be signed in to change notification settings - Fork 11
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
6회차과제 - 김주희 #8
base: main
Are you sure you want to change the base?
6회차과제 - 김주희 #8
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
저와 다르게 css파일로 스타일을 적용하셨는데 styled-components 라이브러리도 한 번 써보시는 것 추천드립니다!!. 훨씬 코드가 깔끔해지는 것 같아요.
과제하시느라 수고하셨습니당~~: )
homework6/README.md
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 리드미 파일은 없어도 될 것 같습니당!
return( | ||
<div className="shorts"> | ||
<div className="ShortsList"> | ||
<img src={img} alt="" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이미지 삽입 시, 사용할 이미지를 폴더 안에 넣어놓고, 해당 사진의 경로를 import 해준 후 사용해줘야 합니당.
그리고 이미지와 그에 따른 text들이 반복적으로 들어갈 것이기 때문에 재사용성이 높은 것들은 컴포넌트로 만들어서 사용하는게 좋을 것 같습니다.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
해당 부분과 관련하여 어려움을 겪고 있었는데 알려주신 방법을 사용하면 해결할 수 있을 거 같습니다. 감사합니다!
<div className="Nav-bar"> | ||
<li>전체</li> | ||
<li>음악</li> | ||
<li>게임</li> | ||
<li>랩</li> | ||
<li>만화영화</li> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
li태그들은 ul태그로 감싸는 것이 더 좋을 것 같습니당
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
favicon을 지우셨다면 이부분도 없어도 될 것 같아용
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
넵! 수정하도록 하겠습니다:)
<div className="VideoList"> | ||
<img src={img} alt="" /> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 부분도 반복적인 부분을 컴포넌트로 만들고, 해당 컴포넌트로 props를 이용해 프로퍼티를 넘겨주는게 좋을 것 같습니당
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이미지 반복과 관련하여 고민이 있었는데 props를 이용하면 되겠군요~ 참고하겠습니다!
컴포넌트 구조
과제 진행 중 아쉬웠던 점 및 어려웠던 점
import
하는 과정에서 경로를 지정해주지 않았음을 깨달았습니다. 오류를 찾는 과정에서 시간 낭비가 적지 않게 발생한 거 같아서 아쉽지만, 이 경험을 토대로 다음 코드 작성에는 이와 같은 오류 발생 가능성을 줄일 수 있을 거 같습니다.그 외