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

[이현승] week12 #373

Merged
merged 8 commits into from
May 6, 2024

Conversation

waterkail
Copy link
Collaborator

요구사항

기본

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

심화

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

주요 변경사항

  • 타입스크립트로 변경했습니다.
  • 타입스크립트로 바꾸는 과정에서 새폴더에서 작성한 탓에 히스토리나 코드 변경이 다소 지저분할 수 있습니다.

스크린샷

멘토에게

  • 타입스크립트로 바꾸는 과정에서 새폴더에서 작성한 탓에 히스토리나 코드 변경이 다소 지저분할 수 있습니다.

@waterkail waterkail requested a review from 13akstjq May 2, 2024 09:27
@waterkail waterkail self-assigned this May 2, 2024
@waterkail waterkail added the 순한맛🐑 마음이 많이 여립니다.. label May 2, 2024
}
`;

const AddLink = ({ folder, footView }: { folder: any; footView: boolean }) => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

any대신 타입을 지정해주는 것이 어떨까요?

}
`;

const AddLink = ({ folder, footView }: { folder: any; footView: boolean }) => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

이런 방식으로 작성하면 가독성이 더 좋을 것 같습니다

Suggested change
const AddLink = ({ folder, footView }: { folder: any; footView: boolean }) => {
interface AddLinkPrpos {
folder: any;
footView: boolean;
}
const AddLink = ({ folder, footView }: AddLinkProps) => {

};

const handleSearch = (e: ChangeEvent<HTMLInputElement>) => {
if (search?.current?.value !== "") {
Copy link
Collaborator

Choose a reason for hiding this comment

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

타입스크립트가 동작하는 방식 중 이런 경우가 타입 좁히기랍니다. 내용 참고해보세요!

https://ahnheejong.gitbook.io/ts-for-jsdev/06-type-system-deepdive/type-narrowing


interface Props {
selectFolder: (e: MouseEvent<any, MouseEvent>) => void;
folderInfo: any;
Copy link
Collaborator

Choose a reason for hiding this comment

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

any사용은 지양해주세요!

@13akstjq
Copy link
Collaborator

13akstjq commented May 6, 2024

파트2 진행하시느라 고생 많으셨습니다 현승님!

멘토링 때 참여도 가장 활발히 해주시고, 코드도 너무 잘 작성해주시는 모습 보여주셔서 좋았습니다.
앞으로 있을 파트 3,4에서도 지금처럼만 하시면 엄청 많이 성장하실 것 같아요.👍

@13akstjq 13akstjq merged commit 8159ddc into codeit-bootcamp-frontend:part2-이현승 May 6, 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.

2 participants