298th online meetup, 2026-08-01

참여 방법

토요일 오전 10시 30분에 아래 google meet 링크를 통해 접속
https://meet.google.com/jyx-mxnq-kpk

이 이슈 assignees에 자신의 github 계정을 추가
약 1시간 30분 분량의 할 내용에 대해 댓글 작성 (최소 모임 시작 전까지)
구글 캘린더 일정 등록 메일 확인을 통해서도 가능 (일정 관리에 도움도 드립니다)
모임 시간에 각자 개발 관련된 공부 진행

시작: 10시 30분, 각자 오늘 진행할 것 이야기 5분 ~ 10분 간 진행
- 자기소개: 새로 오신 분이 있으면 각자 짧은 자기소개가 진행됩니다
진행: 2시간, 하지만 쉬는 시간 및 기타 잡일 감안해서 1시간 30분 정도로 진행
완료: 12시 30분, 이후 각자 진행한 것 이야기, 12시 40분 전후로 종료.

모임 끝난 후 공부한 내용 정리 & 링크 추가 => 최소 다음 모각코 전까지 확인 가능해야 함.

모임 특징: 특정 출석 횟수를 달성하면 네이버페이 포인트와 함께 책 선물의 기회가 있음

출석체크 테이블

https://github.com/ThinkAboutSoftware/OnlineSelfCodingGroup/tree/main/Stamp

주의

다음과 같은 작업은 모각코 시간에 부적합하다고 봅니다. 최대한 자제해 주세요.

직장인의 경우
- 회사 업무를 하면서 모각코 참여
- 이직 준비를 위한 이력서 업데이트 문서 작업하면서 모각코 참여
학생의 경우
- 밤새면서 캡스톤 디자인 프로젝트의 연장으로 모각코 참여
- 내일 혹은 모레까지 제출해야 하는 과제, 논문 작성 등을 하면서 모각코 참여

최근 위염때문에 ㅡ_ㅡ;; 주말만 되면 집에서 정신을 못 차리는 중입니다..

할 일

이펙티브 타입스크립트 독서 후 옵시디언으로 정리 (분량은 추후 기재)

한 일

타입스크립트 알아보기

개요

타입스크립트를 알기 위해서는 자바스크립트를 알아야 한다...
인터프리터 실행도 아니고, 저수준으로 컴파일되지도 않음
컴파일을 하긴 하는데, 자바스크립트로 컴파일함

타입스크립트와 자바스크립트의 관계 이해하기

타입스크립트는 문법적으로 자바스크립트의 상위집합
- js 확장자를 ts 로 바꾼다고 해서 달라지는 것은 없다
- 타입 체커가 타입을 체크한다는 차이만 있을 뿐 실행에 영향이 없음
- 자바스크립트 코드를 그대로 유지하면서 일부에만 타입스크립트 적용이 가능하다는 이점을 가짐
- 모든 자바스크립트 프로그램은 타입스크립트이다 = 참, 반대는 성립
(타입이 명시적으로 지정되지 않은) 자바스크립트 코드여도, 타입스크립트 타입 체커는 초깃값을 토대로 타입을 추론해서 문제점을 찾아냄
- 정적 타입 시스템: 런타임에 오류를 발생시킬만한 코드를 미리 찾아내는것
오류는 발생하지 않지만, 의도하지 않은 동작을 하는 코드도 타입 체커를 통해 예방 가능
- 필드명 오류 등, 자바스크립트는 그냥 undefined 로 간주하고 동작하지만, 타입스크립트는 필드가 없음을 알려줌
- 이 덕에, 훨씬 많은 오류를 예방할 수 있는 것
- 타입을 미리 명시해서, 필드가 단순 오타인지 확실한 오류인지 파악할 수 있게 할 수 있다
타입스크립트의 타입 시스템은 자바스크립트의 런타임 동작을 모델링한다
- '2' + 3 등, string 과 number 를 더하는, 다른 언어였으면 상상도 못했을 동작을 타입스크립트는 옳다고 판단한다
- 그래도 null + 3 같은 완전히 말도 안되는 연산은 문제로 보긴 한다
타입스크립트를 쓰면 잠재적 오류를 많이 잡아낼 순 있지만, 완벽하진 않다
- 배열의 길이 같은 것까지 고려해서 오류를 뱉어주진 않는다는 뜻

타입스크립트 설정 이해하기

타입스크립트 컴파일러 실행 시의 커맨드라인 플래그 또는 tsconfig.json 등에서 설정 가능
- 설정 파일 사용을 추천 - 다른 사람도 읽고 이해하기 좋음
noImplicitAny 의 경우, 암시적 any를 오류로 판단한다
- 타입스크립트는 타입 설정을 갖고 있을 때 가장 효과적이므로, 암시적 any는 오류로 간주하게끔 하는 게 좋음
- 처음부터 설정하여 작업하는 것을 추천
strictNullChecks 는 null 과 undefined 가 모든 타입에서 허용되는지 더 엄격하게 체크한다
- 꺼져있을 경우, const x: number = null 은 허용된다
- 켜져있을 경우, const x: number = null 은 오류가 된다
이처럼 언어의 핵심 요소에 영향을 미치는 설정들이 몇 가지 있으며, 엄격 체크를 위해서 strict 설정을 추천한다

코드 생성과 타입이 관계없음을 이해하기

타입스크립트 컴파일러가 수행하는 역할
- 최신 타입스크립트 / 자바스크립트가 브라우저에서 동작하게끔, 구버전 자스로 트랜스파일링
- 타입 오류 체크
- 위 두가지는 독립적이며, 트랜스파일링과 타입체킹은 서로가 서로에게 영향을 미치지 않는다
타입오류가 있는 코드도 컴파일은 가능하다
- 타입오류는 어디까지나 경고일 뿐
- 빌드를 멈추진 않는다
  - noEmitOnError 을 설정하여, 오류 발생시 컴파일을 멈추게끔 할 수 있다
런타임에는 타입 체크가 불가능하다
- 당연하다 이미 자바스크립트로 트랜스파일링되므로 타입 구문, 인터페이스 등은 전부 씻겨나가고 없다
타입 연산은 런타임에 영향을 주지 않는다
- as number 등 오류가 나지 않게끔 타입단언은 썼지만, 런타임 되면 사라진다
런타임 타입은 선언 타입과 다를 수 있다
- 특히 api 에서 오는 데이터를 사용하는 경우, 타입스크립트 작성 시점에선 api 필드 타입까지 예측할 수 없으므로
타입스크립트 타입으로는 함수 오버로딩이 불가능하다
- 타입과 런타임 동작이 무관하기 때문에, 구현체는 단 하나만 가능하다
- 런타임에는 타입이 다 뜯어져나가 결과적으로 똑같은 함수가 되어버리기 때문
타입스크립트 타입은 런타임 성능에 영향을 주지 않는다
- 어차피 타입이나 인터페이스 등은 전부 런타임 시점에 제거되기 때문
- 따라서 타입스크립트의 정적 타입은 비용이 0이다
- 단, 빌드타임에 약간의 오버헤드가 있을 수는 있다

제가 정시에 일어나긴 했는데 위염이슈로 5~10분뒤에 들어가겠습니다 😭😭😭😭😭 방금 7월초 게시글에 잘못올린것도 죄송합니다 😭😭😭😭😭😭😭

제가 정시에 일어나긴 했는데 위염이슈로 5~10분뒤에 들어가겠습니다 😭😭😭😭😭 방금 7월초 게시글에 잘못올린것도 죄송합니다 😭😭😭😭😭😭😭

많이 힘드시면 쉬는 게 좋지 않을까요?

RAPID DEVELOPMENT: 프로젝트 쾌속 개발 전략 읽고 정리하기

Rapid Development: Taming Wild Software Schedules jongfeel/BookReview#1095

34장 서명하기 읽고 정리
35장 나선형 생명주기 모델 읽고 정리
36장 단계적인 출시 일부 읽고 정리

Navigation Menu

Repository navigation

298th online meetup, 2026-08-01 #585

참여 방법

주의

할 일

한 일

타입스크립트 알아보기

개요

타입스크립트와 자바스크립트의 관계 이해하기

타입스크립트 설정 이해하기

코드 생성과 타입이 관계없음을 이해하기

RAPID DEVELOPMENT: 프로젝트 쾌속 개발 전략 읽고 정리하기

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

298th online meetup, 2026-08-01 #585

Description

참여 방법

주의

Activity

chichoon commented on Jul 29, 2026

할 일

한 일

타입스크립트 알아보기

개요

타입스크립트와 자바스크립트의 관계 이해하기

타입스크립트 설정 이해하기

코드 생성과 타입이 관계없음을 이해하기

chichoon commented on Aug 1, 2026

jongfeel commented on Aug 1, 2026

jongfeel commented on Aug 1, 2026

RAPID DEVELOPMENT: 프로젝트 쾌속 개발 전략 읽고 정리하기

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions