-
Notifications
You must be signed in to change notification settings - Fork 44
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
[장문원] week11 #391
The head ref may contain hidden characters: "part2-\uC7A5\uBB38\uC6D0-week8"
[장문원] week11 #391
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.
잘 작성해주셨습니다.👍
리팩토링과 과제 진행하는것이 어려운 부분이긴 합니다. 리팩토링은 작은부분을 고려해서 진행해보시고,
과제는 익숙해지는 연습으로 조금씩 해보시면 좋을 것 같습니다!
고생하셨습니다!
<img src={TwitterLogo} alt="twitter-logo" /> | ||
<img src={YoutubeLogo} alt="youtube-logo" /> | ||
<img src={InstagramLogo} alt="instagram-logo" /> | ||
{footerLogoList.map((item) => ( |
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.
footerLogoList를 외부에서 관리하시는 것은 좋은 것 같습니다
import youtubeIcon from "../../assets/youtube.svg"; | ||
import instagramIcon from "../../assets/instagram.svg"; | ||
|
||
const footerLogoList = [ |
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.
👍
|
||
const cx = classNames.bind(styles); | ||
|
||
export const Profile = ({ profile }) => { |
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로 받는것으로 수정해주시는 것도 좋을 것 같습니다. ex) email, profileImage 정보만 받는 것 입니다
|
||
export function useAsync(asyncFuction) { | ||
const [data, setData] = useState(null); | ||
function useAsync(asyncFuction) { |
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 { data, loading, error }; | ||
return [loading, error, data, wrappedFunction]; |
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 타입을 {} 객체에서 [] 배열 상태로 바꾸신 이유가 있으실까요 ?
<button>삭제</button> | ||
</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.
"" 보다는 null로 해주시는 것이 좋을 것 같습니다
src={noImageLogo} | ||
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.
img 태그 하나만을 사용하고, 값 등에 삼항연산자를 사용하셔도 될 것 같습니다.
ex) src={item.image_source ? item.image_source : noImageLogo} 입니다
@@ -0,0 +1,38 @@ | |||
import { TIME } from "./constant"; | |||
|
|||
export const getElapsedTime = (createdAt) => { |
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.
util 폴더 하위에 파일로 분리해주신 부분 잘해주신 것 같습니다
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게