Description

• Learning TypeScript 책을 읽고, TypeScript에 대한 통찰력을 만들고 기초를 확립한다.
• 각 챕터별 읽은 후 간단하게 요약 혹은 소감을 간단하게 적는다.

Progress

1. Concepts

• 1. From JavaScript to TypeScript
• 2. The Type System
• 3. Unions and Literals
• 4. Objects

2. Features

• 5. Functions
• 6. Arrays
• 7. Interfaces
• 8. Classes
• 9. Type Modifiers
• 10. Generics

3. Usage

• 11. Declaration Files
• 12. Using IDE Features
• 13. Configuration Options

4. Extra Credit

• 14. Syntax Extensions
• 15. Type Operations

Description

• configuration file을 만들면 JSDoc의 동작을 커스터마이징 할 수 있다.
• 두 가지 형식으로 파일을 만들 수 있다.
  • A JSON file
  • A CommonJS module that exports a single configuration object
• JSDoc을 configuration file과 함께 실행하려면 command line option으로 -c를 사용해야 한다.

Default configuration options

• configuration file을 만들지 않으면 JSDoc은 다음 configuration option을 사용한다.

{
    "plugins": [], // 플러그인 로드하지 않음
    "recurseDepth": 10, // -r command-line flag로 재귀가 활성화된 경우, JSDoc은 10레벨 깊이의 파일을 검색함
    "source": {
        "includePattern": ".+\\.js(doc|x)?$", // .js, .jsdoc, .jsx로 끝나는 파일만 처리됨 
        "excludePattern": "(^|\\/|\\\\)_" // _로 시작하거나 _로 시작하는 디렉토리에 있는 모든 파일은 무시됨
    },
    "sourceType": "module", // JSDoc은 2015 모듈을 사용하는 코드를 지원함 
    "tags": {
        "allowUnknownTags": true, // 인식할 수 없는 태그(unrecognized tag)를 사용할 수 있음 
        "dictionaries": ["jsdoc","closure"] // standard JSDoc tags, Closure Compiler tags가 모두 활성화됨 
    },
    "templates": {
        "cleverLinks": false, // Inline {@link} 태그는 일반 텍스트로 렌더링됨 
        "monospaceLinks": false  // Inline {@link} 태그는 일반 텍스트로 렌더링됨 
    }
}

Markdown plugin

• JSDoc에는 Markdown 형식의 텍스트를 HTML로 자동 변환하는 Markdown plugin이 포함되어 있다. 즉, Markdown 형식으로 주석을 작성하면 해당 Markdown이 적용되어 문서가 생성된다.
• JSDoc 3.2.2 이상에서 Markdown plugin은 marked Markdown parser를 사용한다.

source

• 다음과 같이 source 옵션을 구성하였다.

  "source": {
    "include": ["src/"], // src 하위에 있는 파일만 처리
    "includePattern": ".js(x)?$", // .js, .jsx로 끝나는 파일만 처리
    "excludePattern": "^(node_modules|docs)" // node_modules나 docs로 시작하는 디렉토리에 있는 모든 파일은 무시됨
  },

Reference

• Configuring JSDoc with a configuration file
• docstrap template jsdoc.conf.json

Description

• 다른 수강생이 설계하고 모델링을 한 TypeScript Interface에 따라 todo list를 구현한다.
• 동작이 되지 않더라도 설계 및 모델링을 지키는 것을 원칙으로 한다. 동작이 되게 하기 위해서 설계와 모델링을 수정하지 않는다.
• 구현 후, 어떤 부분을 고치면 좋을지에 대한 피드백을 문서화한다.
• 완성된 과제의 저장소 링크를 디스코드/프론트엔드 챌린지/자유로운-이야기 채널에 제출한다.

Description

• 1회차부터 4회차까지의 수업을 복습 및 정리하여 TypeScript에 대한 이해도를 높이기

Progress

• 1회차 복습 정리
• 2회차 복습 정리
• 3회차 복습 정리
• 4회차 복습 정리

Description

• 필요한 데이터를 모두 모델링한다.
• 사용되는 모든 함수 및 클래스의 선언부만 만들고, 내부는 구현하지 않는다.
• JSDoc을 활용해 문서화한다.
• GitHub Pages를 활용해 JSDoc 정적 페이지를 배포한다.

Requirements

Todo

Todo {
  아이디(required),
  내용(required),
  완료여부(required),
  카테고리(required),
  태그들(optional),
}

CREATE

• 할 일을 추가할 수 있다.
• 내용없이 추가할 수 없다.

READ

• 모든 할 일을 조회할 수 있다.
• ID를 기반으로 특정 할 일을 조회할 수 있다.

UPDATE

• ID를 제외한 모든 속성을 수정할 수 있다.
• 특정 할 일의 특정 태그를 수정할 수 있다.

DELETE

• ID를 기반으로 특정 할 일을 삭제할 수 있다.
• 모든 할 일을 제거할 수 있다.
• 특정 할 일의 특정 태그를 삭제할 수 있다.
• 특정 할 일의 모든 태그를 제거할 수 있다.

Modeling (Shape)

Item {
  property(required),
  property(optional),
}

Description

• TypeScript Exercises 사이트에서 최소 9단계까지 해결하기
• 단계별로 타입 에러가 발생한 이유, 해결한 코드, 해결한 방법을 정리하기
• 원티드 프리온보딩 디스코드 채널에 공유

Description

• JSDoc으로 선언했던 것을 TypeScript의 Interface를 활용하여 모델링하기