[6주차] 이유라 학습 PR 제출합니다

[yuraup]

6주차 진행 상황

1. TypeScript 학습 정리 📝

아래의 내용을 공부했습니다.

6장 타입 컴파일

• 처음에 전반적인 실행과정 (컴파일타임 + 런타임)과 컴파일타임 내부의 과정을 서로 혼동했던 부분이 있어, 각 과정을 분리해서 이해하려고 노력했습니다.
• 최종적으로 타입스크립트의 컴파일 과정에 대해 정리한 문단은 다음과 같습니다.

타입스크립트는 컴파일 과정에서 총 6단계를 거쳐 타입 검사와 자바스크립트 코드로의 변환을 수행하고, 런타임에서는 자바스크립트 코드가 바이트코드로 변환되어 인터프리트 방식으로 실행된다. 이 중 반복적으로 실행되는 코드는 JIT(Just-In-Time) 컴파일을 통해 최적화된 머신 코드로 변환되어 더 빠르게 실행된다.

7장 비동기 처리

• 기존에 프론트엔드가 먼저 개발을 끝내는 경험이 있었기에, 이러한 상황에 대입하여 공부했습니다.
• 이번 주차를 통해 모킹의 다양한 방법에 대해 알았으며, 앞으로 이 중 적합한 방법을 Todo 프로젝트에서 테스트해 볼 예정입니다.

2. Todo 프로젝트 🛠️

이번 주차에서는 백엔드단 구현에 대해 고민해 보고 있습니다.
서버리스 컴퓨팅을 사용하고 싶은데, 제가 구상하는 투두 프로젝트에도 적합 중일지 고민 중입니다.
다음 주차에서는 일단 7장에 등장한 모킹으로 테스트 해 보는 경험 후, 최종 반영하여 개발하겠습니다.

Todo 프로젝트 기획 공유
Todo 프로젝트를 조금 더 발전시켜보고자 기획을 확장해 보았습니다.
시간 여유가 된다면 아래와 같은 기능들을 구현할 예정입니다.

• 투두 리스트 + 텃밭 시스템

  • 투두를 완료함에 따라 ‘텃밭’을 채워나가며 성취감을 느낄 수 있는 게임 형식의 투두리스트입니다.

• 라운드 및 성장 시스템

  • 텃밭은 라운드(레벨) 개념을 가지고 있으며, 특정 레벨을 달성하면 텃밭 칸 수가 증가합니다.

  • 투두 성공 횟수에 따라 칸이 하나씩 채워지며, 모두 채워지면 다음 레벨로 업그레이드됩니다.

    성장 단계	레벨 범위	텃밭 칸 수	비고
    씨앗	1 ~ 5	4칸	기본 시작 단계
    새싹	6 ~ 10	6칸	칸 수 증가
    꽃	11 ~ 15	8칸	칸 수 증가
    당근	16 ~ 20	10칸	최종 성장 단계
    트로피	21	초기화	트로피 1개 지급 후 초기화

    ---

• 기존 투두에 추가 예정 기능

  • 최종 라운드(트로피 수령 회차) 카운팅
  • 누적 트로피 갯수 카운팅 기능

3. 하고 싶은 말 🐴

• 제가 기획한 Todo 프로젝트에 대해 현실적으로 완성할 수 있을지, 어떤 방향성으로 개발을 해야 할지 등의 피드백을 주시면 많은 도움이 될 것 같습니다!
• TypeScript AST를 공부할 때, 막연하게 인터넷 트리 구조와 연관되나? 라고 생각했는데, TypeScript AST는 인터넷 트리 구조가 아니라 개발 도구 계층에 속한다고 들었습니다. 이에 대해 아직 헷갈리는 것 같아서 좀 더 설명을 해 주실 수 있는 기회가 있다면 듣고 싶습니다!