Skip to content
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

[이주안] Week13 #457

Conversation

ghost
Copy link

@ghost ghost commented May 19, 2024

요구사항

기본

12주
기본 요구사항

  • TypeScript를 활용해 프로젝트의 필요한 곳에 타입을 명시해 주세요.
  • ‘/shared’, ‘/folder’ 페이지에 현재 폴더에서 검색어가 포함된 링크를 찾을 수 있는 링크 검색 기능을 만들어 주세요.

심화 요구사항

  • 폴더 페이지에 상단에 있는 링크 추가하기 input이 화면에서 가려질 때 최하단에 고정해 주세요.

13주

  • React 프로젝트에서 진행했던 작업물을 Next.js 프로젝트에 맞게 변경 및 이전해 주세요.
  • Vercel로 Github 레포지토리를 연결해 Next.js 프로젝트를 배포해 주세요.

주요 변경사항

스크린샷

image

멘토에게

  • 늦게 제출해서 죄송합니다
  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

withyj-codeit and others added 30 commits September 3, 2023 21:57
[Fix] delete merged branch github action
@ghost ghost requested a review from devym-37 May 19, 2024 20:03
@ghost ghost added 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. 미완성🫠 죄송합니다.. labels May 19, 2024
Copy link
Collaborator

@devym-37 devym-37 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

잘 작성해주셨습니다 👍
기본적으로 코드 가독성도 좋고, 스타일명만으로도 UI 구조가 읽혀서 좋은 것 같습니다.
고생하셨습니다!

</div>
</div>
);
};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

잘 작성해주셨습니다! 👍

</div>
</div>
);
};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

classnames 가독성이 있고 해당 스타일명만으로도 코드 구조가 읽혀서 잘 작성해주신 것 같습니다

</DeleteModal>
)}

{addemodal && (
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

addemodal 이라는 이름보다는 show라는 prefix가 붙은 이름이 더 좋을 것 같습니다

</div>
)}

{deleteModal && (
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

deleteModal 이라는 이름보다는 show라는 prefix가 붙은 이름이 더 좋을 것 같습니다

)}
</div>
);
};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

뭔가 보여줘야하는 조건의 state값의 경우 prefix를 show를 붙여주시면 좋을 것 같습니다.

)}
</div>
);
};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

만약 각각 형태의 모달을 보여줘하신다면, state를 하나로 하는 방법이 좋을 것 같습니다.
그렇다면 boolean값보다는 showModalType이라고 해서 delete, add, share string타입을 set하여
타입별로 해당 타입의 모달을 보여주면 좋을 것 같습니다

const router = useRouter();
const [value, setValue] = useState<string>(initialValue);
const [search, setSearch] = useState<string>('');
const { q } = router.query;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

q 보다는 조금 더 자세한 이름이 어떤 query값인지 알 수 있어서 그렇게 사용해주시면 좋을 것 같습니다


const cx = classNames.bind(styles);

export const NavigationBar = ({ name, profile, email }: User) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

필요한 props로 해주신 부분을 잘 해주신 것 같습니다

export const getFolders = async () => {
const response = await axios.get(`/users/1/folders`);
return response.data.data;
};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

api등을 utils로 분리하신 부분은 관리측면에서 좋아서 잘 작성해주셨습니다

const user = await getUser();
const link = await getLinks();
const folder = await getFolders();

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

await으로 순차적으로 받을 경우 api 응답 속도가 지연될 수록 느리게 데이터들이 set될 수 있기에, 해당 부분을 추후에는 Promise.all을 사용해주시면 좋습니다. Promise.all 에 대해서 확인해보시면 좋을 것 같습니다

@devym-37 devym-37 merged commit e6033ba into codeit-bootcamp-frontend:part3-이주안 May 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. 미완성🫠 죄송합니다..
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants