TypeScript

사이트 바로가기 : http://playhost.shop 이번 23년 11월 15일부터 12월 8일 대략 3주간 팀 프로젝트를 진행하였습니다. 팀원은 총 6명이 진행하였으며 팀당 2명씩 역할 분담을 나누어 사이트를 제작하였습니다. 📝 프로젝트 선정배경 프로젝트 선정배경은 프로젝트 주제 선정과정에서 강의 시간에 배웠던 API를 활용한 사이트을 제작하기로 회의 때 이야기를 하였고, 그 중 게임 소프트웨어 유통망 사이트인 Steam(스팀)의 API를 활용한 게임 판매 사이트를 제작하기로 결정하였습니다. 📝 프로젝트 목표 저희 playhost 사이트의 목표는 다음과 같습니다. 직관적이고 한눈에 보기 쉬운 사이트 일 것 스팀 API를 활용한 다양한 게임 조회 기능 구현 사이트 관리자가 직접 판매할 게임을 추가/삭..

읽기전용(read only) // TODO: 1) 읽기 전용(readonly) : 값 수정 불가 interface IHello { readonly name: string } let val: IHello = { name: "hello"}; // 초기값 정의 // val.name = "hello2"; // 변경불가 (readonly) 튜플(tuple) // TODO: 2) 튜플(tuple) : 정해진 자료형의 고정된 크기의 배열 let tuple: [string, number] = ["a", 1]; console.log("tuple", tuple); // tuple = ["a", 1, 2]; // 값이 3개가 들어와서 에러 // tuple = [1, "a"]; // 자료형 순서가 맞지 않음 에러 enum :..

VS code에서 타입스크립트 프로젝트 생성방법 폴더 생성 후 폴더 안에서 터미널 실행 터미널에 npx create-react-app 프로젝트명 --template typescript 명령어 입력 생성이 완료되면 리액트 서버 실행명령어 입력 npm start typescript? 자바스크립트는 자료형을 정의하지 않고 자유롭게 변수에 값을 넣어 코딩이 가능합니다. 즉, 코딩이 간략하고 코딩생산성이 증가하지만 코딩시 에러를 잡지 못하고 서비스때 심각한 오류가 발생합니다. 즉 자바스크립트의 자료형을 명시해서 코딩하게 해주는 JS의 확장 언어를 타입스크립트라 합니다. // Basic.tsx : 자식 컴포넌트(typescript 적용된 버전) // rfce import React, { useState } from..