TypeScript4 프로젝트 초기 세팅 (with yarn berry, vit, react, typescript, emotion...) 새로운 프로젝트를 시작하면서 내가 자신이 없었던 프로젝트 초기 세팅을 드디어!! 새롭게 경험할 수 있었다. 이번에는 반드시 초기세팅에 대한 두려움을 없애버리고 자신감있게 초기 세팅을 할 수 있도록 정리를 해보았다. 스택 TypeScript: 정적 타입 분석을 통한 안정적인 코드 작성을 위해 사용 React: 컴포넌트 기반 개발 및 SPA 구축을 위해 사용 emotion css: 컴포넌트 기반 스타일링을 위해 사용 Redux Toolkit : 복잡한 상태 관리를 위해 사용 PWA: 네이티브 앱과 같은 사용자 경험을 주기 위해 사용 Axios: 간결한 http 통신 코드 작성을 위해 사용 Framer Motion: 리액트 기반 애니메이션 라이브러리로, 서비스 내의 다양한 애니메이션 구현을 위해 사용 yarn.. 개발 2024. 1. 29. 간단한 typescript 사용법 type 지정 더보기 타입으로 쓸 수 있는 것들 string, number, boolean, bigint, null, undefined,[], {} string, number, boolean type 지정 let 문자: string = "kim"; let 숫자: number = 50; let 참거짓: boolean = true; // 아래와 같이 코드를 적을 시 에러메세지를 띄워준다. let 이름 :string = 'kim'; 이름 = 123; TS -> JS 자동 변경 터미널에 아래의 코드를 입력하면 TS -> JS로 자동으로 변환해준다. tsc -w 그다음에 html에 아래 코드를 추가한다. array, object type 지정 array와 object 자료는 이렇게 타입지정이 가능하다. let 배.. 개발/TypeScript 2023. 8. 15. 타입스크립트 설치법 일반 HTML CSS JS 웹개발시 1. Nodejs 최신버전, VScode 에디터를 설치한다. 2. VScode 에디터에서 터미널을 오픈합니다. 상단메뉴 Terminal - New Terminal 로 들어가거나 또는 ctrl + ` 를 누르면 된다. 3. 터미널에서 아래의 코드를 입력한다. npm install -g typescript 더보기 에러시 (1) nodejs 최신버전으로 업그레이드 (2) 윈도우인데 허가되지 않은 script 실행불가 어쩌구 에러가 뜨면 시작 - 검색 - powershell - 우클릭해서 관리자 권한으로 실행한 다음 Set-ExecutionPolicy Unrestricted 입력하셈 그리고 y 선택하면 된다. (3) 맥북인데 보안에러 어쩌구가 뜨면 sudo npm instal.. 개발/TypeScript 2023. 8. 14. 타입스크립트이란 무엇인가. 타입스크립트의 중요성 웹 개발자 채용공고를 보면 타입스크립트가 항상 보인다. 그만큼 중요하다는 것을 간접적으로 알 수 있다. 아래는 가장 인기있는 언어를 보여준다. TypeScript는 7위로 인기가 없어보이지만 비교적 최근에 나온언어이고 점차 사용자들이 늘어난다는 점에서 타입스크립트의 사용 빈도는 증가하는 추세이고 개발자들이 선호하는 언어라는 것을 알 수 있다. 타입스크립트를 왜 쓰는가 타입스크립트는 자바스크립트의 대용이라고 생각할 수 있다. 자바스크립트의 타입부분을 업그레이드한 것이 타입스크립트이다. 더보기 타입이란? - 기본형 타입(단일 타입)으로는 7가지(string, number, boolean, null, undefined, symbol, bigint)와 유니온 타입(다중 타입, =교집합)과 .. 개발/TypeScript 2023. 8. 14. 이전 1 다음
