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

[최용재]TS Todo Refactor 과제 #7

Open
wants to merge 12 commits into
base: yongjae
Choose a base branch
from
Open

Conversation

yjc2021
Copy link
Collaborator

@yjc2021 yjc2021 commented Dec 11, 2023

📌 설명

VanillaJS로 만든 Todo 리스트 프로젝트를 TS로 변환했습니다
기능 추가 및 변경 없이 기존 프로젝트를 마이그레이션 했습니다

✅ PR 포인트 & 궁금한 점

  • 제네릭으로 재사용성을 높일 수 있는 부분들이 있을까요?
  • onToggle, onDelete와 같은 함수의 type을 ()=>void로 지정했는데 이게 최선의 방법일까요?
  • 타입 명세 시 .d.ts.ts의 용도를 알아봤습니다.
    • .d.ts파일 : 기존 JS 서드파티 모듈들을 TS 환경에서도 사용할 수 있도록 따로 타입만 정리해서 넣어둔 파일
    • JS 기반의 라이브러리들을 TS환경에서 사용할 시, 라이브러리 자체적으로 타입 명세가 되어 있지 않으면 타입체킹이 제대로 되지 않아서 정상적으로 모듈이 인식되지 못하는 문제를 해결

@yjc2021 yjc2021 requested a review from HoberMin December 11, 2023 08:30
Copy link
Collaborator

@HoberMin HoberMin left a comment

Choose a reason for hiding this comment

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

역시 용재님.. 전 쿨하게 Class로 구현했지만 어떻게든 함수로 만들어내셨군요...

전 한번에 코드추상화 하는게 너무 어려워서 일단 쭉 펼쳐놓고 줄일 수 있는 부분을 줄여나가는식으로 구현하는게 굉장히 편하더라구요.. (이번과제는 크게 차이가 없어서 펼쳐놓고 접질 않았지만요..)

한번에 추상화 하려다보니 조금 복잡해진 감이 없지않아 있긴하지만 재사용성이나 어느코드에서든 동일하게 동작하게 하려는 추상화의 목적이 너무 잘 보인것 같아요 다음에 수정할 때 저도 생각해봐야겠습니다 👍

pnpm-debug.log*
lerna-debug.log*

node_modules
Copy link
Collaborator

Choose a reason for hiding this comment

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

node_modules ignore했는데 왜 포함되어있는지 모르겠어요.. 한번 체크해보시고 알려주세요 😁

</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
Copy link
Collaborator

Choose a reason for hiding this comment

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

main.ts로 접근할 수 있는게 vite로 설치해서 내부적으로 동작이 되서 그런건가요..?

저는 그냥 타입스크립트 라이브러리 설치해서 코드를 짜가지고.. 몰라서 여쭤봅니다 .. !

yongjae/projects/FEDC5-3_VanillaJS_1/src/components/App.ts Outdated Show resolved Hide resolved
yongjae/projects/FEDC5-3_VanillaJS_1/src/types/index.ts Outdated Show resolved Hide resolved
yongjae/projects/FEDC5-3_VanillaJS_1/src/types/index.ts Outdated Show resolved Hide resolved
yongjae/projects/FEDC5-3_VanillaJS_1/src/types/index.ts Outdated Show resolved Hide resolved
yongjae/projects/FEDC5-3_VanillaJS_1/src/components/App.ts Outdated Show resolved Hide resolved
@yjc2021 yjc2021 requested a review from yeon-kk December 14, 2023 05:57
@yjc2021 yjc2021 self-assigned this Dec 15, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants