이젠온라인에듀
프로그래밍

[HD]차세대 자바스크립트 - 타입스크립트(TypeScript) 프로그래밍 입문 Part.6

🌟 과정 소개: “자바스크립트를 더 강력하게! 타입스크립트로 정적 타이핑의 세계로”

타입스크립트(TypeScript)는 자바스크립트를 기반으로 한 정적 타입 언어로,
보다 안정적이고 규모 있는 웹 개발을 가능하게 만드는 현대 개발자의 필수 도구입니다.

본 과정은 TypeScript의 기초 문법부터 클래스, 인터페이스, 제네릭, 모듈 등 객체지향 개념까지 단계적으로 학습하고,
자바스크립트 프로젝트를 타입스크립트로 전환하는 실습까지 병행하며 현업 중심의 실전 역량을 키우는 입문 강의입니다.

모든 브라우저에서 실행 가능한 JS로 컴파일되므로, 타입 안정성을 확보하면서도
자바스크립트의 유연함을 그대로 활용할 수 있는 타입스크립트를 처음 접하는 분들에게 최적화된 학습 코스입니다.
강의 소개

✅ "차세대 자바스크립트 - 타입스크립트(TypeScript) 프로그래밍 입문 Part.1~6" 과정은 현대 웹 개발의 필수 도구인 TypeScript를 통해 더욱 견고하고 확장 가능한 웹 애플리케이션을 구축하기 위한 기본 개념과 실용적인 기술을 학습하는 입문 과정입니다.

🚀 "단순히 자바스크립트 코드를 작성하는 것을 넘어," 마이크로소프트가 만든 오픈 소스 프로그래밍 언어인 TypeScript가 자바스크립트에 제공하는 정적 타이핑 및 객체 지향 개발 등의 유용한 구문과 도구를 통해, 대규모 프로젝트에서도 안정적이고 유지보수하기 쉬운 현대적인 웹 애플리케이션을 개발할 수 있는 차세대 개발 역량을 키우는 과정입니다.

본 과정은 TypeScript를 처음 접하는 분들을 대상으로, TypeScript의 전반적인 기능을 소개하고, 기본 문법부터 시작하여 하나의 완성된 웹앱을 미니 프로젝트로 구현하며 실전 감각을 익힐 수 있도록 설계되었습니다. 자바스크립트가 가지지 못하는 다양한 장점을 활용하여 모든 브라우저, 호스트 및 OS에서 작동하는 강력한 웹 개발을 경험할 수 있습니다.

타입스크립트 기본 개념 → 자바스크립트 기초 정리(with TS) → 데이터 형식/클래스/인터페이스/제네릭/모듈 사용법 → 자바스크립트 앱 TS 변환 → 미니 프로젝트 구현 개념으로 이어지는 체계적 흐름을 통해 차세대 자바스크립트 개발 역량을 튼튼히 다지고, 견고하고 효율적인 웹 개발을 위한 기반까지 갖출 수 있는 과정입니다.

 

 

💡 이 과정을 통해 얻을 수 있는 것

📌 타입 안정성 있는 코드 작성 능력
📌 대규모 애플리케이션에 적합한 구조 설계 능력
📌 JavaScript → TypeScript 전환 실전 스킬
📌 객체지향 프로그래밍 이해 및 실습 기반 확장성 확보
📌 정적 타이핑 도입을 통한 오류 최소화 및 협업 효율 향상
 

🎓 수강 효과

✔ 자바스크립트 기반 코드에 타입 안정성을 부여하여 오류 예방
✔ 타입스크립트를 활용한 리팩토링 및 구조적 개발 능력 확보
✔ 프레임워크(React, Angular 등) 학습을 위한 타입스크립트 기초 역량 확보
✔ 현업 개발자와의 협업 및 실무 코드 이해도 상승
✔ 웹앱 개발 미니 프로젝트를 통한 실전 적용 능력 강화
 

🙋‍♀️ 자주 묻는 질문 (FAQ)

Q. 자바스크립트를 잘 몰라도 들을 수 있나요?
A. 기본적인 자바스크립트 문법을 알고 있다면 수강이 가능합니다. 본 강의에서는 JS 복습도 함께 진행됩니다.

Q. 프론트엔드 프레임워크를 다루기 전에 도움이 되나요?
A. 당연히 그렇습니다! 타입스크립트는 Angular, React 등에서 광범위하게 사용되므로 선행 학습으로 적합합니다.

Q. 수료 후 어떤 것을 만들 수 있나요?
A. 미니 프로젝트를 통해 간단한 웹앱을 직접 설계하고 제작하는 실습을 진행합니다.

학습 목표
✅ 타입스크립트의 기본 문법 및 정적 타이핑 이해
✅ 변수, 함수, 배열, 객체, 제어문 등 자바스크립트 기반 문법 복습
✅ 클래스, 인터페이스, 제네릭, 모듈 등 고급 개념 실습
✅ 타입스크립트를 활용한 리팩토링 및 코드 안전성 확보
✅ 자바스크립트 프로젝트를 타입스크립트 기반으로 전환
✅ 미니 프로젝트를 통해 실제 웹 앱 개발 경험 축적
교육 대상
✨ 자바스크립트를 이미 사용 중이고, 더 안정적인 코딩 방식을 찾는 분
✨ 웹 프로젝트에 타입스크립트를 도입하고자 하는 프론트엔드 개발자
✨ 객체지향 및 모듈화된 코드를 통해 확장성 높은 개발을 원하는 분
✨ 타입스크립트를 활용해 포트폴리오나 프로젝트 완성도를 높이고 싶은 예비 개발자
✨ 취업 준비를 위한 프레임워크 학습 전, 필수 기초를 다지고자 하는 분
학습 커리큘럼
  1. TupleType_튜플 형식

  2. Deconstructing_구조 파괴 할당_분해(Deconstructing)_튜플(Tuple) 분해(함수의 반환 값

  3. 미니 프로젝트_SubscriberCounterApp_구독자 수 관리 앱 프로젝트 만들고 GitHub에 게시

  4. Classes_HtmlResponse 클래스와 SubscriberCounter 클래스 만들고 멤버 작성하기

  5. Render_HTML로 렌더되는 부분에 대한 기본 코드 작성

  6. 구독자 수 증가 또는 감소 그리고 수정 버튼에 대한 클릭 이벤트 처리

  7. TsConfig_tsconfig 추가 및 클래스와 열거형을 분리 후 모듈 로더없이 삼중 슬래시 지시문으로 실행

  8. HtmlWriter_HTML 내용을 출력하는 인스턴스 멤버를 갖는 HtmlWriter 클래스 추가 및 적용

  9. YoutubeCounter_SubscriberCounter 추상 클래스를 상속하는 Youtube 클래스와 Blog

  10. TogglePage_2개의 페이지를 토글하는 기능 추가

  11. super 키워드를 사용하여 부모 클래스의 멤버 호출

  12. 상수를 사용하여 카운터 정보를 표시하는 메서드 값 채우기

  13. ICounterInfo_인터페이스를 사용하여 강력한 형식으로 프로그래밍하고 구조 파괴 할당으로 함수의 반환 값을 담

  14. ICounterBase_속성과 메서드에 대한 보증을 담당하는 인터페이스를 설계하고 다중 상속으로 추상 클래스에 전달

  15. Fetch_fetch 함수와 async 그리고 await를 사용하기 위한 설정 및 비동기로 JSON 데이터 읽어서

  16. Module_타입스크립트 모듈을 사용하여 export와 import 구문으로 전체 소스 업데이트

  17. WebPack_TS 모듈 로더와 WebPack 번들러를 사용하여 타입스크립트 프로젝트 빌드 및 최종 실행 데모

환불 규정
  • 환불시 결제시 사용한 쿠폰은 복구되지 않습니다.
  • 환불금액은 정가가 아닌 실제 결제금액으로 계산됩니다.
  • 수강시작 후 7일 이내, 5강 미만 수강 시에는 100% 환불 가능합니다.
  • 수강시작 후 7일 이내, 5강 이상 수강 시 전체 강의에서 수강한 강의의 비율에 해당하는 수강료를 차감 후 환불 가능합니다.
  • 수강시작 후 7일 초과 시 정상 수강기간 대비 잔여일에 대해 아래 환불규정에 따라 환불 가능합니다.
    환불요청일 시 기준
    • 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
    • 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
    • 수강시작 후 1/2 경과 후, 환불 금액 없음
[HD]차세대 자바스크립트 - 타입스크립트(TypeScript) 프로그래밍 입문 Part.6 대표 썸네일 이미지

[HD]차세대 자바스크립트 - 타입스크립트(TypeScript) 프로그래밍 입문 Part.6

강의 구성
17
총 학습시간
4시간 3분
수강 기간
60 일간 수강
34,000