⌨️ conceptualization
-
타입 추론 (Type Inference)⌨️ conceptualization/Typescript 2022. 9. 9. 20:23
Typescript의 가장 독특한 특징 Static Typing(정적 타이핑) 기능을 javascript 언어에 제공함 📌 Static Typing(정적 타이핑)이란? 타입을 선언하고 선언된 타입에 맞는 값만 할당 또는 반환되어야 된다는 뜻 ! 그렇다면..? 📌 Type Inference(타입 추론)이란 ? 타입스크립트 내에서 타입표기가 없는 경우 코드를 읽고 분석하여 타입을 유추하는것 예시 설명 let a = 10 // 타입을 number 타입인 10으로 지정했기 때문에 a = '10' // string 타입으로는 지정할 수 없음 app.ts 파일에서 다른타입의 값을 재 할당시 다음과 같은 오류 메세지가 발생된다. (터미널에서 compile 시에도 동일한 에러메세지가 발생) 더 구체적인 예시 let h..
-
Resct + TypeScript 설정하기⌨️ conceptualization/Typescript 2022. 7. 8. 07:58
Resct + TypeScript 설정하기 typescript 에 react 라이브러리를 적용한 프로젝트 환경을 세팅해보자(아래공식문서 참고) https://create-react-app.dev/docs/adding-typescript/ 1. 설치 1) TypeScript 로 새로운 Create React App 프로젝트를 시작하려면 ? npx create-react-app my-app --template typescript or yarn create react-app my-app --template typescript 2) 기존 Create React App 프로젝트에 TypeScript 를 추가하려면 ? npm install --save typescript @types/node @types/react..
-
Redux가 무엇⌨️ conceptualization/Redux 2022. 7. 6. 14:02
Redux가 무엇일까? 리덕스는 크로스 컴포넌트 또는 앱 와이드 상태를 위한 상태 관리 시스템 애플리케이션을 변경하고 데이터(크로스컴포넌트 상태, 앱와이드 상태)를 관리하도록 도와줌 로컬상태 크로스 컴포넌트 상태 앱 와이드 상태 1. 로컬상태 데이터가 변경되어서 하나의 컴포넌트에 속하는 UI에 영향을 미치는 상태 예) 사용자 입력을 청취 -> useState를 사용 -> 입력을 state 변수에 저장함 -> 토글버튼 같은것 2. 크로스 컴포넌트 상태 하나의 컴포넌트가 아닌 다수의 컴포넌트에 영향을 미치는 상태 예) 모달창을 닫기위한 트리거가 모달창 안밖에 달려있는 것 -> prop체인을 구축해야함(prop 드릴링) 3. 앱 와이드 상태 모든 컴포넌트에 영향을 미치는 상태 예) 사용자 인증 -> 로그인시 ..
-
TypeScript 개발환경 설정하기⌨️ conceptualization/Typescript 2022. 6. 22. 20:14
TypeScript 개발환경 설정하기 Visual Studio 설치 타입스크립트(TypeScript) 설치 타입스크립트 파일 만들기 1. Visual Studio 설치 구글에 검색하여 최신버전 설치 추천 익스텐션 prettier(코드 포맷팅을 도와줌 -> 정리해줌) ESlint(코드 품질도구 -> 코드 검사 및 잠재적인 문제관련 경고) Path Intellisense(로컬파일을 빠르게 참조할수 있도록 자동완성해주는 기능) Bracket Pair Colorizer(짝이 맞는 괄호끼리 같은 색상으로 처리해줌) Material Icon Theme(프로젝트 파일 아이콘을 좀더 이쁘게 만들어줌) 2. 타입스크립트 설치하기 타입스크립트 다운로드 화면 클릭 https://www.typescriptlang.org/do..
-
TypeScript 왜 쓰는 것일까?⌨️ conceptualization/Typescript 2022. 6. 22. 18:55
TypeScript 왜 쓰는 것일까? javascript를 사용할 때 우리는 messy한 기분을 느낄 때가 많다. 그래서 Typescript를 통해 관리&작업하기 쉬운코드를 작성할 수 있다. TypeScript 장점 버그를 줄이고 -> 쉬운 유지 보수 -> 질 좋은 코드 TypeScript is Superset of JavaScript 뜻 : 타입스크립트는 자바스크립트를 기반으로 한다 (++ 타입스크립트는 자바스크립트에 포함되지 않은 새로운 기능이 있다 -> 좀더 나은 버전의 자바스크립트임) TypeScript의 특징들 타입표기 : js와 달리 변수값에 데이터 타입 지정가능 // javascript function add(a, b) { return a + b; } console.log(add("3", "..