코스 개요

모듈 1 – JavaScript 기본사항

  • 현대 JavaScript (ES6+) 소개
  • 데이터 타입, 연산자, 제어 구조
  • 함수, 범위, 클로저
  • 배열, 객체, 데이터 조작
  • 비동기 프로그래밍: 콜백, 프로미스, async/await
  • 베스트 프랙티스 및 코딩 표준

모듈 2 – TypeScript 기본사항

  • TypeScript란 무엇이며 왜 사용해야 하는가
  • 정적 타이핑과 타입 추론
  • 인터페이스, 사용자 정의 타입, 열거형
  • 클래스, 상속, 액세스 수정자
  • 제네릭 및 데코레이터
  • 프로젝트 설정과 컴파일러 구성 (tsconfig.json)

모듈 3 – JavaScript/TypeScript를 사용한 웹 개발

  • DOM 조작 및 이벤트 처리
  • 폼 및 입력 유효성 검사
  • REST API 소비 (fetch/axios)
  • 프론트엔드 프로젝트 구조와 도구
  • TypeScript를 사용한 React 소개:
    • 컴포넌트, props, state, 후크
    • 컴포넌트 간 통신
    • 라우팅 및 API 통합
  • 베스트 프랙티스와 코드 구조화

모듈 4 – Node.js와 TypeScript를 사용한 백엔드 개발

  • Node.js와 NPM 소개
  • Express.js를 사용한 서버 생성
  • RESTful API 구축 및 소비
  • 미들웨어, 라우팅, 유효성 검사
  • 데이터베이스 통합 (예: SQLite, PostgreSQL, MongoDB)
  • 실제 프로젝트: 완전한 애플리케이션의 백엔드

모듈 5 – Electron을 사용한 데스크톱 애플리케이션 개발

  • Electron 개요: 아키텍처와 특징
  • 윈도우, 메뉴, OS 수준 통합 생성
  • 백엔드 통합 및 로컬 데이터 저장
  • React (또는 다른 프론트엔드 라이브러리)를 Electron과 함께 사용
  • 애플리케이션 패키징 및 배포 (Windows, macOS, Linux)

모듈 6 – 테스트, 배포, 베스트 프랙티스

  • 단위 테스트와 통합 테스트 (Jest, Mocha, 또는 Vitest)
  • CI 도구 및 빌드 프로세스
  • 웹 및 데스크톱 환경 패키징
  • 코드 보안, 성능, 유지보수
  • 문서화 및 버전 관리 (Git/GitHub)

요약 및 다음 단계

요건

  • 기본 프로그래밍 개념 이해
  • HTML 및 CSS 경험
  • 명령줄과 코드 에디터 사용에 익숙함

대상자

  • 프론트엔드와 백엔드 개발자
  • 소프트웨어 엔지니어 및 전체 스택 개발자
  • JavaScript 생태계로 전환하는 기술 전문가
 35 시간

참가자 수


참가자당 가격

회원 평가 (5)

예정된 코스

관련 카테고리