본문 바로가기

typeScript6

TypeScript 컴파일 하는 방법, 기초부터 Watch Mode까지 TypeScript 컴파일 하는 방법, 기초부터 Watch Mode까지 현대 웹 개발에서 TypeScript는 점점 그 중요성을 더해가고 있습니다. 강력한 타입 시스템을 통해 개발자들이 더 안정적이고 관리하기 쉬운 코드를 작성할 수 있게 돕기 때문입니다. 하지만 TypeScript를 사용하기 위해서는 먼저 TS 파일을 일반 JavaScript 파일로 컴파일하는 과정이 필요합니다. 이 글에서는 TypeScript 파일을 컴파일하는 방법을 소개하고, 이 과정이 왜 중요한지에 대해 설명하겠습니다. TypeScript를 시작하는 분들에게 이 글이 길잡이가 되었으면 합니다. TypeScript 컴파일 하는 방법 TypeScript 컴파일의 필요성 TypeScript는 브라우저에서 직접 실행될 수 없습니다. 따라서.. 2024. 3. 13.
내일배움캠프 Node트랙 심화 프로젝트 역할 및 진행사항 내일배움캠프 Node트랙 심화 프로젝트 역할 및 진행사항 이번 프로젝트는 팀 프로젝트로 Node트랙 심화 프로젝트를 진행하게 되었습니다. 프로젝트를 시작하며 팀에서 맡은 역할과 현재 진행사항에 대해 소개하겠습니다. 프로젝트 발표일까지 D-3 1/5(금) 1/6(토) 1/7(일) 1/8(월) 1/9(화) 1/10(수) 1/11(목) 시작 ▶ 🏃 🏃 🏃 완료 🚩 내일배움캠프 Node트랙 심화 프로젝트 🎯 프로젝트 주제 및 목표 이번 프로젝트는 "프로젝트 협업 도구"를 만드는 것입니다. 프로젝트 협업 도구 중 Trello 라는 서비스를 고르게 되었습니다. Trello는 칸반 보드 기반 서비스로 유명한 프로젝트 협업 도구로, Trello에서 제공하는 다양한 기능을 구현하는 것이 이번 프로젝트의 목표 입니다. ✅.. 2024. 1. 8.
TypeScript 학습 체크리스트 - boolean, number, String, tuple, enum, 배열의 사용법 TypeScript 학습 체크리스트 - boolean, number, String, tuple, enum, 배열의 사용법 TypeScript 강의 수강 후 배운 내용을 정리하고 궁금한 부분 추가하면서 작성해봤습니다. TypeScript 개념 체크리스트 ✅ ✅ boolean, number, String, tuple, enum, 배열의 사용법을 이해합니다. boolean, number, string, tuple, enum, 배열 사용법 boolean boolean 타입은 참(true), 거짓(false) 값을 나타냅니다. 두 값만 가질 수 있으며, 조건문, 비교 연산 등에서 주로 사용됩니다. function isValidPassword(password: string): boolean { return pass.. 2023. 12. 23.
TypeScript 학습 체크리스트 - tsconfig.json 용도, 사용법, 주요 옵션 TypeScript 학습 체크리스트 - tsconfig.json 용도, 사용법, 주요 옵션 TypeScript 강의 수강 후 숙지 및 개념 정리를 위해 체크리스트와 함께 배운 내용을 아래 작성했습니다. TypeScript 개념 체크리스트 ✅ ✅ tsconfig.json의 필수 옵션들을 숙지합니다. tsconfig.json 이란? tsconfig.json은 tsc --init 명령어로 만들어지는 파일입니다. TypeScript 프로젝트의 설정 파일로, 주로 프로젝트의 컴파일 옵션 및 입력 파일들을 정의하는 데 사용합니다. tsconfig.json 주요 옵션 compilerOptions - target 옵션 해당 TypeScript 프로젝트 내 코드들이 어떤 JavaScript 버전으로 변환할지 정하는 옵션.. 2023. 12. 22.
TypeScript 학습 체크리스트 - 컴파일러 개념 및 tsc 용도, 주요 명령어 TypeScript 학습 체크리스트 - 컴파일러 개념 및 tsc 용도, 주요 명령어 TypeScript 강의 수강 후 숙지 및 개념 정리하기 위해 체크리스트와 함께 배웠던 개념들을 정리합니다. TypeScript 개념 체크리스트 ✅ ✅ 컴파일러의 개념에 대해서 공부하고 tsc를 어떻게 사용하는지 파악합니다. 컴파일러 개념 및 tsc 용도 컴파일러란 특정 프로그램 언어가 정적언어로서의 정체성을 유지할 수 있도록 하는 도구를 말합니다. 프로그래밍 언어 작성 코드 → 다른 프로그래밍 언어로 변환 이러한 변환 과정 속에서 컴파일러는 소스 코드의 구문과 구조를 검사하면서 문제가 없는지 확인합니다. 이를 통해 개발자는 작성한 코드의 오류를 찾아낼 수 있으며 문제를 해결할 수 있습니다. 컴파일러 특징 컴파일러 중 T.. 2023. 12. 21.
TypeScript 객체지향 설계 원칙 SOLID 설명, 예시 코드 TypeScript 객체지향 설계 원칙 SOLID TypeScript 객체지향 설계시 SOLID 원칙을 지켜 작성해야합니다. 이렇게 함으로써 프로그램이 유연해지고, 확장 가능하며, 이해하기 쉬운 구조를 가지게 됩니다. 아래 글에 소개하는 SOLID 원칙을 보며 효율적인 객체지향 설계에 많은 인사이트가 되시길 바랍니다. SOLID 제1원칙 S (SRP. 단일 책임 원칙) 클래스는 하나의 책임만을 가져야 한다는 매우 기본적인 원칙입니다. SOLID의 5가지 설계 원칙 중 가장 기본적이고 중요한 원칙입니다. 쉽게 말해 클래스 하나에는 하나의 기능만을 수행해야 합니다. 잘못된 예시 UserService 클래스 안에 갑자기 뜬금없이 이메일 전송하는 로직이 들어있습니다. 이는 UserService와는 관련없는 기능.. 2023. 12. 20.